/* Control Room layout — existing permission and action handlers are unchanged. */
:root{--bg:#100d16;--side:#17121e;--surface:#1e1926;--soft:#282033;--line:#3a3044;--muted:#bcacc7;--pink:#f5b0d7}.shell{grid-template-columns:262px minmax(0,1fr)}.shell>aside{height:100dvh;padding:26px 18px 16px;scrollbar-width:thin;scrollbar-color:#4c3a56 transparent}.brand{padding:0 5px}.side-label{display:flex;justify-content:space-between;align-items:center;margin:30px 8px 20px;font-size:9px}.side-label>span{color:var(--pink);font-size:8px;letter-spacing:1px;border:1px solid #5a3d58;border-radius:4px;padding:3px 5px}.nav-search{margin:0 4px 20px;gap:8px;font-size:10px}.nav-search input{font-size:11px;background:#110e17;padding:10px;border-color:#3a2e45}.nav{gap:7px}.nav-group{border:0;margin-bottom:2px}.nav-group summary{display:flex;align-items:center;gap:7px;justify-content:space-between;cursor:pointer;list-style:none;padding:10px 9px;color:#b9a7c4;font-size:10px;font-weight:700;letter-spacing:.25px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'+';font-size:15px;font-weight:400;color:#927da0}.nav-group[open] summary:after{content:'−'}.nav-group summary>span{margin-left:auto;color:#7e6a8c;font-size:9px}.nav-group>div{display:grid;gap:3px;padding:2px 0 9px}.nav button{padding:11px 12px;justify-content:flex-start;gap:10px;font-size:12px;border:1px solid transparent}.nav button i{font-size:15px;color:#af8abd;flex-shrink:0}.nav button.active{background:linear-gradient(100deg,#53334e90,#302338);border:1px solid #6f4865;color:#ffcae8}.nav button.active i{color:var(--pink)}.nav button:hover{background:#302338}.nav button span{text-align:left}.side-bottom{margin-top:auto;padding:22px 8px 5px;display:grid;gap:9px;border-top:1px solid var(--line);margin-top:22px}.side-bottom strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.side-bottom a{font-size:11px;margin-top:4px}.access-badge{justify-self:start;color:var(--mint,#d7ee91);font-size:9px;padding:4px 7px;border:1px solid #46503b;border-radius:5px}.topbar{height:72px;padding:0 32px;background:#100d16f5}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;min-width:0}.breadcrumb>span:first-child{font-size:9px;letter-spacing:1.8px;color:#947fa2}.breadcrumb>span:nth-child(2){color:#58445f}.breadcrumb strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions .status{font-size:10px}.top-actions{flex-wrap:nowrap;gap:10px}.top-actions .small{font-size:10px}.main main{padding:38px 32px 65px;max-width:1460px}.heading{align-items:center;margin-bottom:25px}.heading h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.2px}.heading>.button,.heading>button{flex-shrink:0;font-size:11px}.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}.quick-links:empty{display:none}.quick-links button{background:#1a1422;padding:15px;justify-content:flex-start;font-size:11px;border-color:#3f304c;font-weight:500}.quick-links i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#34243e;color:var(--pink);font-style:normal;font-size:17px;flex-shrink:0}.quick-links b{margin-left:auto;font-weight:400;color:#a78ab5}.quick-links span{text-align:left}.cards{gap:12px}.overview-metrics .metric{min-height:120px;padding:20px;background:linear-gradient(130deg,#241c2d,#1a1521);border-color:#44334d;border-radius:12px}.overview-metrics .metric:first-child{border-color:#6c486b;background:linear-gradient(130deg,#3b2540,#201627)}.overview-metrics .metric:first-child b{color:#f5b0d7}.metric b{font-size:31px;line-height:1.15;margin:11px 0 5px}.metric small{display:block;font-size:10px;color:var(--muted);line-height:1.55;margin-top:10px}.metric span{font-size:11px}.box{border-radius:13px;padding:23px;background:#1b1622}.box-head h2{font-size:17px;letter-spacing:-.3px}.cols{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:18px}.cols .cards{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.cols .metric{padding:15px;border-radius:9px;background:#211a2a}.cols .metric b{font-size:25px}.health{gap:12px}.health div{padding:17px 13px;min-width:0}.health span{font-size:11px;color:var(--muted)}.health b{font-size:15px}.audit{grid-template-columns:125px minmax(0,1fr) minmax(180px,.85fr);gap:18px;font-size:11px}.audit>div{min-width:0;overflow-wrap:anywhere}.audit time{color:var(--muted);font-size:10px}.audit small{color:var(--muted);font-size:10px}.table-wrap{max-width:100%;scrollbar-width:thin;scrollbar-color:#644771 #1c1723}table{font-size:12px}th{font-size:10px;background:#21192b;color:#bfa9cf}td,th{padding:15px 12px;letter-spacing:.15px}td:first-child,th:first-child{padding-left:12px}tbody tr:hover{background:#2a203333}.toolbar{background:#1b1522;border:1px solid var(--line);border-radius:12px;padding:16px;gap:12px}.toolbar label{font-size:11px}.toolbar input{background:#120e19}.toolbar button{font-size:11px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:3px}#content:focus{outline:none}.permission-grid{gap:12px}.role-card{background:#21192b}.notice{font-size:12px}.details{max-height:200px;overflow:auto}.box:has(.table-wrap){min-width:0}#nav-empty{font-size:11px;padding:10px;color:var(--muted)}.gate-card .primary{background:var(--pink);color:#271126}.menu{min-width:36px}.loading{padding:60px 15px}@media(min-width:1500px){.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.cols .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.shell{grid-template-columns:232px minmax(0,1fr)}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}.main main{padding:30px 24px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 24px}.breadcrumb>span:first-child,.breadcrumb>span:nth-child(2){display:none}}@media(max-width:760px){.shell{display:block}.shell>aside{position:fixed;top:64px;height:calc(100dvh - 64px);width:275px;z-index:8;padding:22px 18px;overflow:auto}.topbar{height:64px;padding:0 16px;gap:12px}.topbar .menu{display:inline-flex}.breadcrumb{margin-right:auto}.top-actions .status{display:none}.top-actions{gap:7px}.main main{padding:25px 16px 50px}.heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.heading h1{font-size:30px}.quick-links{gap:9px}.quick-links button{padding:12px;font-size:10px}.overview-metrics .metric{padding:17px;min-height:112px}.box{padding:18px}.audit{grid-template-columns:1fr;gap:6px}.cols .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.health{grid-template-columns:1fr 1fr}.side-label{margin-top:23px}.brand{font-size:20px}.table-wrap{margin-inline:-4px}.toolbar{padding:12px}.toolbar label{min-width:140px}.shell.open:after{content:'';position:fixed;inset:64px 0 0 275px;background:#09060cb5;z-index:7;pointer-events:none}}@media(max-width:420px){.overview-metrics{grid-template-columns:1fr 1fr}.overview-metrics .metric{padding:14px}.metric b{font-size:27px}.metric span{font-size:10px}.quick-links span{font-size:10px}.top-actions .small{padding:7px}.breadcrumb{font-size:10px}.cols .cards{gap:9px}.health div{padding:14px 11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}