:root{color-scheme:dark;--bg:#0c0f13;--panel:#12171d;--panel2:#171e25;--border:#252e38;--text:#e6ecf1;--muted:#8c9aab;--accent:#b0ed82;--cyan:#78cbd7;--amber:#e8bc73;--red:#f28c8c;font:13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}button,select{background:var(--panel2);border:1px solid var(--border);border-radius:6px;padding:7px 11px}button{cursor:pointer}button:hover,select:hover{border-color:#607181}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border);padding:29px 18px;background:#101419}.brand{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:650;letter-spacing:1px}.brand-mark{font-size:29px;letter-spacing:-2px;border:1px solid #384332;border-radius:9px;padding:0 9px;color:#edf3e9}.brand-mark span{color:var(--accent)}.brand small{display:block;color:var(--muted);font-size:8px;font-weight:400;letter-spacing:1.1px;margin-top:3px}.host-card{display:flex;align-items:center;gap:10px;margin:34px 0 27px;border:1px solid var(--border);padding:12px 10px;border-radius:7px;background:#161c23}.host-card strong{display:block;font-size:12px;font-weight:600}.host-card div>span{display:block;font-size:9px;color:var(--muted);max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.host-card .dot{margin-left:auto;flex-shrink:0}.host-icon{font-size:22px;color:var(--accent)}.nav-label,.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:600}.nav-label{margin:0 12px 12px}nav{display:grid;gap:5px}nav>a{display:flex;gap:13px;align-items:center;padding:11px 12px;border-radius:6px;color:#99a7b5;border:1px solid transparent;font-size:12px}nav>a>span:first-child{font-size:18px;line-height:1;width:18px;text-align:center}nav>a:hover{background:#192128;color:#e6ecf1}nav>a[aria-current=page]{background:#212c23;color:var(--accent);border-color:#344735}nav kbd,nav .nav-count{margin-left:auto;font-size:9px;font-family:inherit;color:#687887}.nav-count{background:#2d3a2a;padding:1px 6px;border-radius:3px;color:var(--accent)!important}.sidebar-bottom{margin-top:auto;padding:24px 10px 0;font-size:8px;letter-spacing:1.3px;color:#94a294}.sidebar-bottom p{letter-spacing:0;color:#667786;font-size:10px;line-height:1.8}.sidebar-bottom a{font-size:9px;letter-spacing:0;color:#81909d}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.dot.waiting{background:var(--amber)}.dot.failed{background:var(--red)}main{min-width:0}.topbar{height:65px;padding:0 34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:15px;background:#101419}.breadcrumb{color:var(--muted);font-size:11px}.breadcrumb>span{margin:0 15px;color:#465462}.breadcrumb strong{color:#cbd5dd;font-weight:400}.live-controls{display:flex;gap:9px;align-items:center;font-size:10px}.live-controls #state{min-width:55px}.live-controls button{font-size:10px;padding:6px 9px}.page{max-width:1800px;margin:auto;padding:34px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{margin:0 0 9px}h1{font-size:29px;font-weight:550;letter-spacing:-1px;line-height:1.25;margin:0}.accent{color:var(--accent)}.page-description{color:var(--muted);font-size:12px;margin:10px 0 0;max-width:680px}.sample-time{text-align:right;white-space:nowrap}.sample-time>span{display:block;color:#677a89;letter-spacing:1.3px;font-size:8px;margin-bottom:5px}.sample-time time{font-family:ui-monospace,Consolas,monospace;font-size:10px;color:#c3cfd8}.sample-time small{display:block;color:#687e8b;font-size:8px;margin-top:6px}.tools{display:flex;align-items:center;gap:12px;margin-bottom:23px}.search{display:flex;align-items:center;gap:9px;flex:1;max-width:470px;background:#131a21;border:1px solid var(--border);border-radius:6px;padding:0 11px;color:#68808d}.search>span{font-size:22px}.search input{width:100%;border:0;background:transparent;padding:9px 0;font-size:11px;outline-offset:5px}.search input::placeholder{color:#6f8090}.sort-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.sort-label select{font-size:10px}.tools>button{margin-left:auto;font-size:10px;color:var(--muted);background:transparent}.notice{border:1px solid #675338;background:#251e14;color:#edcb98;border-radius:6px;padding:12px 15px;font-size:11px;margin-bottom:18px;line-height:1.7}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.stat{border:1px solid var(--border);border-radius:9px;background:var(--panel);padding:18px 19px;min-width:0}.stat-label{display:flex;justify-content:space-between;gap:6px;color:#a5b2be;font-size:10px}.stat-label>span:last-child{color:#5e7381}.stat-value{font-size:31px;line-height:1.2;letter-spacing:-1.2px;font-weight:500;margin:17px 0 11px;font-variant-numeric:tabular-nums}.stat-value small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:5px}.stat-sub{font-size:10px;color:var(--muted);line-height:1.7;min-height:17px}.meter{height:4px;background:#26313b;border-radius:3px;overflow:hidden;margin:10px 0 0}.meter>span{height:100%;display:block;background:var(--accent);border-radius:3px}.meter.cyan>span{background:var(--cyan)}.meter.amber>span{background:var(--amber)}.meter.red>span{background:var(--red)}.grid-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-bottom:20px}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.panel{min-width:0;border:1px solid var(--border);background:var(--panel);border-radius:9px;overflow:hidden;margin-bottom:20px}.grid-two>.panel,.grid-equal>.panel{margin:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid var(--border)}.panel-heading h2{font-size:12px;font-weight:550;letter-spacing:-.1px;margin:0}.panel-heading>span{font-size:9px;color:var(--muted)}.panel-body{padding:19px}.note{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.note.spaced{margin:14px 0}.empty-state{text-align:center;padding:60px 20px;border:1px dashed var(--border);border-radius:9px;color:var(--muted)}.empty-symbol{font-size:35px;color:#6b8a77}.empty-state h2{font-size:16px;color:#c9d5dd;font-weight:500}.empty-state p{font-size:11px}.empty-row{padding:28px;text-align:center;color:var(--muted);font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;background:#202e22;color:var(--accent);font-size:9px;line-height:1.5;padding:3px 7px;border-radius:4px;white-space:nowrap}.badge.warn{background:#352b1b;color:var(--amber)}.badge.bad{background:#382126;color:var(--red)}.badge.muted{background:#222c36;color:#a6b6c4}.mono{font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.muted{color:var(--muted)}.positive{color:var(--accent)}.negative{color:var(--red)}.numeric{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow:auto;scrollbar-color:#415361 #131b21;max-height:65vh}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:11px}th{font-size:8px;letter-spacing:1px;font-weight:500;color:#90a2b1;padding:11px 16px;background:#18212a;position:sticky;top:0;border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid #202a33;color:#bdcad5}td:first-child{color:#e2eaf0}tr:last-child td{border-bottom:0}tr:hover td{background:#17222a}.wrap{white-space:normal;min-width:180px;max-width:380px}.chart{width:100%;height:145px;display:block;margin-top:14px}.chart-grid{stroke:#26313b;stroke-width:1}.chart-labels{display:flex;justify-content:space-between;color:#607582;font-size:8px;margin-top:8px}.chart-key{display:flex;gap:17px;font-size:9px;color:var(--muted)}.chart-key span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--accent);margin-right:6px}.chart-key span:nth-child(2)::before{background:var(--cyan)}.chart-placeholder{height:160px;display:grid;place-items:center;color:#637985;font-size:11px}.kv{display:grid;grid-template-columns:1fr auto;gap:12px 22px;font-size:11px}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.kv dd.mono{font-size:10px}.metric-list{display:grid;gap:17px}.metric-row .row-label{display:flex;justify-content:space-between;gap:10px;font-size:11px}.row-label span:first-child{color:var(--muted)}.core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.core{background:#182129;border:1px solid #26323d;border-radius:6px;padding:10px}.core>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.core strong{color:#deeadc;font-weight:400}.core small{font-size:8px;color:#617b8b}.lane-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.lane{padding:18px;border:1px solid var(--border);background:var(--panel);border-radius:8px;min-width:0}.lane.busy{border-top:2px solid var(--accent)}.lane-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.lane h3{font-size:12px;font-weight:550;margin:0}.lane .role{font-size:9px;color:var(--muted);margin:7px 0 20px}.lane-job{min-height:60px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.lane-time{font-size:8px;color:#6d8290;margin:6px 0 13px}.lane-metrics{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:12px;font-size:10px;color:var(--muted)}.lane-metrics strong{font-weight:400;color:#d7e1e8}.event-list{display:grid}.event{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--border);font-size:10px}.event:last-child{border:0}.event time{white-space:nowrap;font-size:9px;color:#7b909e}.event-body{min-width:0}.event-body strong{font-weight:450;overflow-wrap:anywhere}.event-body small{display:block;color:var(--muted);margin-top:4px}.alert-list{display:grid;gap:9px}.alert{border:1px solid #614d31;background:#2b2116;color:#edc78b;padding:12px 14px;border-radius:6px;font-size:11px;overflow-wrap:anywhere}.alert.good{border-color:#314938;background:#15271d;color:var(--accent)}.alert.info{border-color:#2d4655;background:#14212b;color:#97bacc}.segmented{display:flex;gap:4px;background:#0d1319;padding:4px;border:1px solid var(--border);border-radius:6px;margin-bottom:15px;width:max-content}.segmented button{font-size:10px;border:0;background:transparent;color:var(--muted)}.segmented button[aria-pressed=true]{background:#29372a;color:var(--accent)}pre{font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:auto;max-height:65vh;color:#b2c3d0;margin:0}.help{border:1px solid #3a4c3f;border-radius:8px;padding:20px;margin:20px 0;background:#132019;color:#b8cbbf;font-size:11px;line-height:1.8}.help h2{font-size:13px;color:var(--accent);font-weight:500}kbd{font-family:ui-monospace,monospace;font-size:10px;color:var(--accent)}.page-footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px;border-top:1px solid var(--border);padding-top:17px;color:#627787;font-size:8px;letter-spacing:1px}.page-footer .dot{width:4px;height:4px;margin-right:5px}.page-footer>span:last-child{letter-spacing:0}.mount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.mount{padding:19px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.mount h3{margin:0 0 4px;font:14px ui-monospace,monospace}.mount p{font-size:10px;color:var(--muted);margin:5px 0}.mount strong{display:block;font-size:24px;font-weight:400;margin-top:14px}.full-width{grid-column:1/-1}.view-link{background:transparent;border:0;color:var(--accent);padding:0;font-size:10px}.summary-pill{border:1px solid var(--border);padding:5px 8px;border-radius:5px;font-size:9px;color:var(--muted)}@media(min-width:1650px){.stat-value{font-size:37px}.page{padding:38px 42px}.stat{padding:22px}}@media(max-width:1250px){.app{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{font-size:8px}.brand small{font-size:7px}.page{padding:25px}.topbar{padding-inline:25px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lane-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.sample-time small{max-width:160px;white-space:normal;line-height:1.7}.grid-two{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}@media(max-width:950px){.grid-two,.grid-equal{grid-template-columns:1fr}.core-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sample-time{display:none}.mount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lane-grid{grid-template-columns:1fr}.lane-job{min-height:0}.lane .role{margin-bottom:13px}}@media(max-width:700px){.app{display:block}.sidebar{position:static;height:auto;padding:15px 15px 0;border:0;border-bottom:1px solid var(--border)}.brand{font-size:9px}.brand-mark{font-size:23px}.brand small{font-size:7px}.host-card,.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:15px;gap:4px;padding-bottom:10px}nav>a{font-size:10px;padding:8px 10px;white-space:nowrap;gap:7px}nav>a>span:first-child{font-size:13px;width:13px}nav kbd{display:none}.nav-count{font-size:8px!important}.topbar{height:52px;padding:0 15px}.breadcrumb{font-size:10px}.breadcrumb>span{margin:0 8px}.live-controls{gap:6px}.live-controls #state{min-width:40px;font-size:9px}.live-controls button{font-size:9px;padding:5px 7px}.live-controls #refresh span{display:none}.page{padding:23px 15px}h1{font-size:25px}.page-description{font-size:11px}.page-heading{margin-bottom:20px}.tools{gap:8px;margin-bottom:18px}.search{min-width:90px}.search input{font-size:10px;min-width:60px}.tools>button{font-size:9px;padding:7px}.sort-label{font-size:9px}.sort-label select{max-width:90px;padding:7px 5px;font-size:9px}.stat{padding:15px}.stat-value{font-size:28px;margin:14px 0 8px}.stat-sub{font-size:9px}.stat-label{font-size:9px}.panel-heading{padding:14px 15px}.panel-body{padding:15px}.panel-heading h2{font-size:11px}.panel-heading>span{font-size:8px}.core-grid{gap:6px}.core{padding:8px}.core>div{font-size:9px}.kv{font-size:10px;gap:10px}.page-footer{flex-direction:column;font-size:8px}.event{flex-direction:column;gap:5px}.mount-grid{grid-template-columns:1fr}.table-wrap{max-height:65vh}td{font-size:10px;padding:11px 13px}th{padding:10px 13px}.eyebrow{font-size:8px}.chart{height:120px}}@media(prefers-reduced-motion:no-preference){.meter>span{transition:width .3s ease}}
/* Gauges retain explicit text so color is never the only signal. */
.health-gauge{margin-top:13px;min-width:125px;color:var(--accent)}.gauge-track{height:7px;border-radius:4px;display:flex;position:relative;background:#33414a;margin:5px 2px 7px;isolation:isolate}.gauge-zone{display:block;height:100%;opacity:.42}.gauge-zone:first-child{border-radius:4px 0 0 4px}.gauge-zone:last-of-type{border-radius:0 4px 4px 0}.zone-0{background:#8de0a5}.zone-1{background:#e8bc73}.zone-2{background:#ed9764}.zone-3{background:#f28c8c}.gauge-marker{position:absolute;top:-3px;bottom:-3px;width:3px;background:#f5fafc;box-shadow:0 0 0 1px #0b1118;transform:translateX(-50%);z-index:1;border-radius:2px}.gauge-state{font-size:10px;font-weight:550;letter-spacing:.1px;display:inline-flex;align-items:center;gap:6px}.gauge-state:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.health-gauge.level-1{color:var(--amber)}.health-gauge.level-2{color:#ed9764}.health-gauge.level-3{color:var(--red)}.health-gauge.level--1{color:var(--muted)}.health-gauge.compact{margin-top:7px;max-width:250px;min-width:120px}.compact .gauge-track{height:4px;margin-bottom:5px}.compact .gauge-marker{top:-2px;bottom:-2px;width:2px}.compact .gauge-state{font-size:9px}.gauge-cell{min-width:135px;max-width:260px}.gauge-cell>.mono{white-space:nowrap}.meter.level-1>span{background:var(--amber)}.meter.level-2>span{background:#ed9764}.meter.level-3>span{background:var(--red)}.meter.level--1>span{background:#61717e}.stat>.health-gauge{padding-top:3px}.lane>.health-gauge{margin-top:12px}.health-gauge:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:700px){.gauge-state{font-size:9px}.stat>.health-gauge{min-width:0}.gauge-track{height:6px}.gauge-cell{min-width:125px}}

.terminal-panel{height:calc(100dvh - 65px);min-height:500px;background:#0b0f14}.terminal-panel iframe{display:block;width:100%;height:100%;border:0}@media(max-width:700px){.terminal-panel{height:calc(100dvh - 175px);min-height:460px}}

.topbar-location{display:flex;align-items:center;gap:14px;min-width:0}.topbar-location .breadcrumb{white-space:nowrap}#sidebar-toggle{flex-shrink:0;font-size:17px;line-height:1;padding:7px 9px;background:transparent;color:var(--muted)}.app.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{overflow-y:auto}@media(max-width:700px){.topbar-location{gap:8px}#sidebar-toggle{font-size:15px;padding:6px 8px}.app.sidebar-collapsed .terminal-panel{height:calc(100dvh - 52px)}.sidebar{overflow-y:visible}}
