/* Purpose: compact sidebar console with responsive reports and an account drawer.
 * System Role: reuse existing authenticated reports without changing their semantic hierarchy. */
:root{--border:#25383e;--muted:#92a9b0;background:#091217;color:#e4eef0}
main{max-width:1800px;padding:24px 28px}.console-ready main{margin-left:218px}header{padding-bottom:14px;border-color:var(--border)}h1{font-size:28px;margin:4px 0;letter-spacing:-.7px}header .muted{margin:8px 0}.eyebrow{font-size:10px;letter-spacing:1px;color:#78cfae}#status{font-size:12px;color:#94c8b4;margin:4px 0;padding:10px 0}#filters{padding:14px;background:#101c22;border:1px solid var(--border);border-radius:8px;gap:12px}input,select,textarea{background:#09161d;border:1px solid #354b55;color:#e4eef0;border-radius:6px;padding:9px}input:focus-visible,summary:focus-visible{outline:2px solid #8ae0be}button{background:#234a3b;border-color:#39624f;color:#aff1cf}button:hover{background:#305e4b}button:disabled{opacity:.5;cursor:default}.refresh-toggle{display:flex;align-items:center;align-self:center;gap:7px;font-weight:400}#navigation{position:fixed;inset:0 auto 0 0;width:218px;padding:24px 14px;background:#0c191f;border-right:1px solid var(--border);z-index:5;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e4eef0;font-weight:750;font-size:17px}.brand>span{padding:10px 8px;border-radius:8px;background:#85d999;color:#113425}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}nav{display:grid;gap:6px;margin-top:34px}nav a{padding:12px;border-radius:6px;text-decoration:none;color:#a9bcc4;font-size:13px}nav a:hover{background:#14272c}nav a[aria-current]{background:#19372b;color:#9be5b2;box-shadow:inset 3px 0 #8adea0}#navigation>p{padding:20px 12px;font-size:11px}.cards{gap:12px}.card,.panel{background:#0f1c23;border-color:var(--border);padding:18px;border-radius:8px}.card strong{font-size:27px;overflow-wrap:anywhere}.card small{line-height:1.5;display:block}.grid{gap:16px}.panel h2{font-size:15px;margin-bottom:14px}.panel>p{font-size:12px;color:var(--muted);line-height:1.6}th{position:sticky;top:0;background:#14252d;z-index:1;color:#98aeb8;font-size:10px}td,th{border-color:#26383f;padding:13px 10px}tbody tr:hover{background:#152830}th:first-child,td:first-child{padding-left:10px}.attention-item{background:#101c26;border-color:#31434e;padding:14px}.attention-item p{font-size:12px}.attention-item small{overflow-wrap:anywhere}.coverage-row{font-size:12px}.feature-bar{display:grid;grid-template-columns:160px 1fr 45px;align-items:center;gap:12px;font-size:12px;margin:16px 0}.bar-track{height:7px;border-radius:8px;background:#22343b}.bar-fill{height:100%;border-radius:8px;background:#81d5a4}.feature-bar strong{text-align:right}#feature-chart{margin-bottom:24px}.table-scroll,#baselines,#providers{overflow:auto;max-height:620px}.chart-panel svg{width:100%;max-height:250px;display:block}.chart-panel svg text{fill:#8ca5af;font-size:11px}.chart-grid{stroke:#293b42;stroke-width:1}.chart-series{stroke:#81d5c3;stroke-width:2}.chart-point{fill:#a5e9c8}details{border:1px solid #465446;border-radius:8px;padding:14px;margin:16px 0}summary{cursor:pointer;font-size:13px;color:#d4dbaa}details>.panel{margin:18px 0 0;border:0;padding:8px}dialog#detail{width:min(1050px,94vw);max-width:none;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:24px;background:#0d1b22;color:#e4eef0;border:0;border-left:1px solid #3b535b;overflow:auto}dialog::backdrop{background:#03090dbb}.drawer-heading{position:sticky;top:-24px;background:#0d1b22;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);gap:12px}.drawer-heading h2{overflow-wrap:anywhere;margin:0}#detail h3{font-size:14px;margin-top:28px}#health-summary .card strong{font-size:20px}#users{max-height:65vh}
@media(min-width:1001px){#cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){#navigation{width:180px;padding:18px 10px}.console-ready main{margin-left:180px;padding:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}}
@media(max-width:680px){#navigation{position:static;width:100%;padding:14px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:14px}.brand>span{padding:6px}#navigation>p{display:none}nav{display:flex;overflow:auto;margin-top:14px;gap:5px}nav a{white-space:nowrap;padding:9px;font-size:12px}.console-ready main{margin:0;padding:16px}.cards{grid-template-columns:1fr 1fr}.card{padding:14px}.card strong{font-size:24px}header .eyebrow{display:none}.feature-bar{grid-template-columns:120px 1fr 28px;gap:8px}#filters>span{width:100%;font-size:11px}.panel{padding:14px}dialog#detail{padding:16px}.drawer-heading{top:-16px}}
