.roles-hero{display:flex;gap:16px;align-items:center;margin-bottom:24px}.roles-hero>span{width:61px;height:63px;background:#eee6ff;color:#7b52dd;border-radius:21px;display:grid;place-items:center;flex-shrink:0}.roles-hero>span svg{width:31px;height:31px}.roles-hero h1{font-size:27px;color:#29203d;letter-spacing:-.6px;margin:0 0 9px}.roles-hero p{color:#9383a6;font-size:12px;line-height:1.7;margin:0}.role-statistics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.role-statistics>section{background:#fff;border:1px solid #eee8f7;border-radius:19px;padding:20px}.role-statistics span{font-size:11px;color:#9a87ac;display:block;margin-bottom:11px}.role-statistics strong{font-size:28px;color:#6d5289;letter-spacing:-.6px}.roles-workspace{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr);gap:19px;align-items:start}.roles-workspace>.panel{border-color:#eee8f7;border-radius:22px;margin:0}.roles-workspace .panel-header{padding:21px;border:0}.roles-workspace h2{font-size:18px;color:#655079}.roles-workspace .panel-header p{color:#b09ac0;font-size:10px;line-height:1.6}.role-directory{padding-bottom:12px}.role-choice{display:flex;align-items:center;gap:11px;width:calc(100% - 24px);margin:4px 12px;padding:14px 11px;text-align:left;border-radius:13px;color:#8f74a6;font-weight:400}.role-choice:hover{background:#faf7ff}.role-choice.selected{background:#f1eaff}.role-choice>span:nth-child(2){flex:1;min-width:0}.role-choice strong{font-size:12px;display:block;color:#84619e;font-weight:600;overflow-wrap:anywhere}.role-choice small{font-size:9px;display:block;color:#af97c3;line-height:1.6;margin-top:6px}.role-choice-icon{display:grid;place-items:center;border-radius:11px;background:#f4edff;color:#ac84d7;width:33px;height:35px;flex-shrink:0}.role-choice>.pill{font-size:8px;border-radius:13px;padding:4px 6px}.role-inspector .panel-header{padding-bottom:13px}.role-inspector .panel-header .secondary{font-size:10px;color:#9c7bb4;background:#faf7ff;border:1px solid #eadff6}.role-inspector-body{padding:0 21px 23px}.role-scope-summary{display:flex;align-items:center;gap:15px;padding:13px;background:#f9f6fe;border:1px solid #f0e9f9;border-radius:12px;font-size:10px;color:#af96c0}.role-scope-summary strong{font-size:10px;font-weight:500;color:#8b6aa4;flex:1}.role-scope-summary .pill{font-size:8px}.role-help{font-size:10px;line-height:1.9;color:#ad95bf;margin:17px 1px}.role-permission-group{margin-top:22px}.role-permission-group h3{color:#9471ad;font-size:12px;letter-spacing:-.1px;margin:0 0 12px}.role-permission-group>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role-permission-group article{display:flex;align-items:center;gap:8px;padding:12px 10px;border:1px solid #f0ebf7;background:#fdfbff;border-radius:11px;min-width:0}.role-permission-group article>span{height:18px;width:18px;display:grid;place-items:center;background:#f4eff9;color:#c2afd0;border-radius:6px;font-size:11px;flex-shrink:0}.role-permission-group article.granted>span{background:#e7f8ed;color:#6bbd87}.role-permission-group article strong{font-size:10px;font-weight:400;line-height:1.6;color:#ac94bc;flex:1}.role-permission-group article.granted strong{color:#88659f}.role-permission-group article small{font-size:8px;line-height:1.5;color:#bba7cb;text-align:right}.role-permission-group article.granted small{color:#83b697}.role-permission-fieldset{border:1px solid #ece4f6;border-radius:14px;padding:15px;margin:16px 0}.role-permission-fieldset legend{font-size:11px;color:#aa8ec0;padding:0 7px}.role-permission-fieldset .feature-grid label{font-size:10px;color:#a78cbd;padding:10px}.role-permission-fieldset .feature-grid label:has(input:disabled){opacity:.4}.role-inspector-body>.feature-tags{margin-top:10px}.role-inspector-body>h3{font-size:12px;color:#a888bf;margin-top:22px}
@media(max-width:1100px){.roles-workspace{grid-template-columns:260px minmax(0,1fr);gap:15px}.role-permission-group>div{grid-template-columns:1fr}.role-statistics>section{padding:17px}.role-statistics span{font-size:10px}.roles-hero h1{font-size:25px}.roles-hero p{font-size:11px}.role-scope-summary{flex-wrap:wrap;gap:10px}.role-inspector-body{padding:0 18px 20px}.roles-workspace .panel-header{padding:18px}}
@media(max-width:820px){.roles-workspace{grid-template-columns:1fr}.role-directory{max-height:310px;overflow:auto;scrollbar-width:thin}.role-permission-group>div{grid-template-columns:1fr 1fr}.role-statistics{grid-template-columns:1fr 1fr;gap:12px}.roles-hero>span{width:51px;height:53px}.roles-hero h1{font-size:24px}.role-choice{padding:13px 10px}.role-choice strong{font-size:12px}.role-permission-group article strong{font-size:11px}.role-permission-group article small{font-size:9px}.role-help{font-size:11px}}
@media(max-width:480px){.role-permission-group>div{grid-template-columns:1fr}.roles-hero{gap:13px}.roles-hero h1{font-size:22px}.roles-hero p{font-size:10px}.role-statistics>section{padding:17px}.role-statistics strong{font-size:26px}.role-statistics span{font-size:10px}.role-inspector .panel-header h2{font-size:17px}.role-permission-fieldset{padding:12px}.role-permission-group article small{font-size:9px}}