:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dbe7ee;background:#081016;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#123142 0,transparent 30rem),#081016}main{max-width:1540px;margin:auto;padding:30px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}h1{font-size:clamp(2.2rem,5vw,5rem);letter-spacing:-.06em;margin:0;line-height:.9}h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin:0}.eyebrow{font:700 .72rem ui-monospace;color:#38bdf8;letter-spacing:.18em}.state{font:700 .8rem ui-monospace;display:flex;flex-direction:column;align-items:end}.state small{font-weight:400;color:#78909d;margin-top:6px}.reconnecting-badge{font:700 .65rem ui-monospace;color:#fb7185;display:block;margin-bottom:2px}.state sub{display:block;font-weight:400;color:#5e7c8c;font-size:.65rem;margin-top:4px}.panel{background:#101a21dd;border:1px solid #21343f;border-radius:10px;padding:18px;overflow:hidden}.identity{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-bottom:14px;padding:0;background:#21343f}.identity div{background:#101a21;padding:15px}.identity span,.quantity span{display:block;color:#78909d;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em;margin-bottom:7px}.identity strong{font:600 .85rem ui-monospace;overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:1fr 1.55fr;gap:14px;margin-bottom:14px}.title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px}.title p{margin:5px 0 0;color:#78909d;font-size:.8rem}.pill,.severity{font:700 .65rem ui-monospace;padding:4px 7px;border:1px solid currentColor;border-radius:99px}.good{color:#36d399}.warn{color:#fbbf24}.bad{color:#fb7185}.quantity{display:flex;align-items:end;gap:18px;border-block:1px solid #21343f;padding:18px 0;margin-bottom:14px}.quantity strong{font:500 2.7rem ui-monospace}.arrow{color:#4f6877;font-size:1.8rem;padding-bottom:5px}dl{display:grid;grid-template-columns:130px 1fr;margin:0;font-size:.78rem}dt,dd{padding:7px 0;border-bottom:1px solid #172832}dt{color:#78909d}dd{margin:0;font-family:ui-monospace;overflow-wrap:anywhere}.scope-list{max-height:302px;overflow:auto}.scope{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:10px 0;border-top:1px solid #1d303a}.scope small{color:#78909d;display:block;margin-top:4px}.scope>small{grid-column:1/-1}.chart-panel{margin-bottom:14px}.chart{width:100%;min-height:360px}.marker-evidence details{border-top:1px solid #21343f;padding:9px 0;font-size:.75rem}.marker-evidence code{display:block;color:#8ca4b1;padding:8px 0;overflow-wrap:anywhere}.marker{font:700 .65rem ui-monospace;margin-right:8px}.marker.entry{color:#38bdf8}.marker.close{color:#fbbf24}.lower{grid-template-columns:1fr 1fr}.table-wrap{overflow:auto;max-height:390px}table{width:100%;border-collapse:collapse;font-size:.72rem}th{text-align:left;color:#78909d;font-weight:500;position:sticky;top:0;background:#101a21}td,th{padding:9px 8px;border-bottom:1px solid #1d303a;white-space:nowrap}td small{display:block;color:#6f8794;margin-top:4px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.event{display:grid;grid-template-columns:auto 1fr;gap:12px;border-top:1px solid #1d303a;padding:11px 0}.event p,.event small{margin:4px 0;color:#78909d}.warnings{max-height:450px;overflow:auto}.banner{padding:12px 16px;border:1px solid currentColor;background:#121a1f;margin-bottom:14px;font:600 .75rem ui-monospace}.unavailable{min-height:100vh;display:grid;place-content:center;text-align:center}.unavailable h1{font-size:3rem}.unavailable p{color:#91a5b0}footer{text-align:center;color:#607783;font:500 .7rem ui-monospace;padding:18px}@media(max-width:900px){main{padding:18px}.identity{grid-template-columns:repeat(2,1fr)}.grid,.lower{grid-template-columns:1fr}header{align-items:start}.state{align-items:start}.quantity strong{font-size:2rem}}@media(max-width:520px){main{padding:12px}.identity{grid-template-columns:1fr 1fr}header{display:block}.state{margin-top:18px}.panel{padding:13px}dl{grid-template-columns:105px 1fr}.chart{margin-inline:-5px;width:calc(100% + 10px)}h1{font-size:3rem}}
