.access-page .page-shell,.audit-page .page-shell,.module-page .page-shell{height:calc(100vh - 72px);max-width:none;padding:12px 16px;overflow:hidden}.access-page .site-footer,.audit-page .site-footer,.module-page .site-footer{display:none}
.access-workspace{display:grid;grid-template-columns:250px minmax(500px,1fr) 280px;gap:12px;height:100%}.roles-rail,.permissions-panel,.access-preview,.audit-workspace,.module-workspace{min-height:0;border:1px solid rgba(34,47,62,.09);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(38,48,61,.08)}
.roles-rail{display:flex;flex-direction:column;padding:13px;overflow:hidden}.access-title h1,.access-preview h2{margin:.1rem 0}.roles-list{display:grid;gap:6px;min-height:0;margin-top:10px;overflow:auto}.role-card{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px;border:1px solid var(--line);border-radius:11px;color:var(--ink);text-decoration:none}.role-card b,.role-card small{display:block}.role-card small{margin-top:2px;color:var(--muted);font-size:.62rem}.role-card i{font-size:.58rem;font-style:normal;color:var(--muted);white-space:nowrap}.role-card.is-selected{border-color:var(--accent);background:#fff3f0}.role-card.is-disabled{opacity:.55}.new-role-box{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}.new-role-box summary{cursor:pointer;color:var(--accent);font-size:.75rem;font-weight:800}.compact-form{display:grid;gap:7px;margin-top:8px}.compact-form label>span,.role-meta-grid label>span{display:block;margin-bottom:3px;color:var(--muted);font-size:.65rem}.compact-form input,.compact-form textarea,.compact-form select,.role-meta-grid textarea,.role-meta-grid select{width:100%;padding:.55rem;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}
.permissions-panel{overflow:hidden}.role-editor{display:flex;flex-direction:column;height:100%;padding:14px}.role-editor__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-name-input{width:100%;border:0;background:transparent;color:var(--ink);font:800 1.35rem/1.2 inherit;padding:2px 0}.role-name-input:focus{outline:none;border-bottom:1px solid var(--accent)}.role-meta-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:8px;margin-top:8px}.owner-lock{margin-top:8px;padding:8px 10px;border-radius:9px;background:#fff4d9;color:#885d05;font-size:.72rem}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:8px;min-height:0;margin-top:9px;overflow:auto}.permission-group{margin:0;padding:8px;border:1px solid var(--line);border-radius:11px}.permission-group legend{padding:0 5px;font-size:.72rem;font-weight:800}.permission-group label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:5px;padding:4px;border-radius:6px;font-size:.7rem}.permission-group label:hover{background:#f5f7f8}.permission-group code{grid-column:2;color:#98a0a8;font-size:.54rem}.role-actions-bar{padding-top:8px}.role-actions-bar .primary-button{width:auto}
.access-preview{display:flex;flex-direction:column;padding:13px;overflow:hidden}.preview-modules{display:grid;gap:5px;margin-top:9px}.preview-module{display:grid;grid-template-columns:20px 1fr;gap:1px 6px;padding:6px 8px;border-radius:9px;background:#f3f4f5;color:#9aa1a8;font-size:.68rem}.preview-module span{grid-row:1/3}.preview-module small{font-size:.54rem}.preview-module.is-visible{background:#e9f7ef;color:#176e45}.role-users{min-height:0;margin-top:12px;overflow:auto}.role-users h3{margin:0 0 6px;font-size:.75rem}.role-users>div{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line);font-size:.68rem}.role-users small{display:block;color:var(--muted)}.online-dot,.offline-dot{width:8px;height:8px;border-radius:50%;background:#24a766}.offline-dot{background:#aab0b5}.toggle-role-form{margin-top:auto;padding-top:8px}
.audit-workspace{display:flex;flex-direction:column;height:100%;padding:14px;overflow:hidden}.audit-filter{display:flex;gap:6px}.audit-filter input{padding:.55rem;border:1px solid var(--line);border-radius:9px}.audit-table-wrap{min-height:0;margin-top:10px;overflow:auto;border:1px solid var(--line);border-radius:11px}.audit-table{width:100%;min-width:1050px;border-collapse:collapse}.audit-table th{position:sticky;top:0;padding:8px;background:#f0f3f5;text-align:left;font-size:.65rem}.audit-table td{padding:8px;border-top:1px solid var(--line);font-size:.67rem}.audit-json{display:block;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1050px){.access-workspace{grid-template-columns:220px minmax(500px,1fr)}.access-preview{display:none}}@media(max-width:760px){.access-page .page-shell,.audit-page .page-shell,.module-page .page-shell{height:calc(100vh - 64px);padding:7px}.access-workspace{grid-template-columns:190px minmax(480px,1fr);overflow-x:auto}.permission-groups{grid-template-columns:1fr}.role-meta-grid{grid-template-columns:1fr}}