.role-permission-panel{display:grid;gap:16px;padding:20px;border:1px solid #bdd5cc;border-radius:16px;background:linear-gradient(135deg,rgb(225 240 234/72%),rgb(255 253 248/94%))}.role-permission-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.role-permission-header h2{margin:3px 0 5px;font-size:1.28rem}.role-permission-header p{margin:0;color:var(--muted);line-height:1.55}.role-permission-count{flex:0 0 auto;padding:7px 11px;border-radius:999px;color:var(--brand);background:#d8ebe4;font-size:.78rem;font-weight:800}.role-data-scope{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid rgb(20 79 70/13%);border-radius:12px;background:rgb(255 255 255/68%)}.role-data-scope strong{flex:0 0 auto;color:var(--brand)}.role-data-scope span{color:#4f605a;line-height:1.5}.role-permission-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.role-permission-list{min-width:0;padding:15px;border-radius:13px}.role-permission-list h3{margin:0 0 11px;font-size:.9rem}.role-permission-list ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px;margin:0;padding:0;list-style:none}.role-permission-list li{position:relative;min-width:0;padding:8px 9px 8px 29px;border-radius:9px;font-size:.79rem;line-height:1.4}.role-permission-list li:before{position:absolute;top:8px;left:10px;font-weight:900}.role-permission-allowed{border:1px solid #b8d8cc;background:rgb(238 248 244/82%)}.role-permission-allowed h3,.role-permission-allowed li:before{color:#176858}.role-permission-allowed li{background:rgb(255 255 255/78%)}.role-permission-allowed li:before{content:"✓"}.role-permission-denied{border:1px solid #deddd5;background:rgb(247 246 242/88%)}.role-permission-denied h3,.role-permission-denied li:before{color:#7a756a}.role-permission-denied li{color:#68665f;background:rgb(255 255 255/70%)}.role-permission-denied li:before{content:"—"}.role-permission-footnote{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.role-permission-empty{padding:17px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);background:#faf9f5;text-align:center}@media (max-width:760px){.role-data-scope,.role-permission-header{align-items:stretch;flex-direction:column}.role-permission-count{align-self:flex-start}.role-permission-columns{grid-template-columns:1fr}}