.role-module-tree,.role-scope-grid,.role-assignments{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin:14px 0}.role-module,.role-scope{border:1px solid var(--line,#dce3e8);border-radius:10px;padding:14px;min-width:0}.role-module legend,.role-scope legend{font-weight:650;padding:0 6px}.role-module-off{background:var(--surface-alt,#f6f7f9);color:var(--muted,#67758a)}.role-permissions,.role-checks{display:grid;gap:8px;max-height:280px;overflow:auto}.role-permissions label,.role-checks label{display:flex;align-items:flex-start;gap:8px;line-height:1.4}.role-permissions input,.role-checks input,.role-scope input[type=checkbox]{width:16px;min-width:16px;min-height:16px;margin:3px 0}.role-permissions small{display:block;font-size:11px;color:var(--muted,#67758a);overflow-wrap:anywhere}.role-effective-preview{padding:16px;border:1px solid var(--line,#dce3e8);border-radius:10px;margin:14px 0}.role-effective-preview ul{columns:2;column-gap:24px;max-height:260px;overflow:auto;padding-left:22px}.role-effective-preview li{break-inside:avoid;margin-bottom:6px}.role-assignments>p{grid-column:1/-1}.role-scope select{display:block;width:100%;margin:8px 0}.role-scope [data-scope-selection][hidden]{display:none}@media(max-width:600px){.role-effective-preview ul{columns:1}.role-builder .panelhead{align-items:flex-start;flex-direction:column}}