:root{--bg:#0b1220;--surface:#131c2e;--sunken:#0f172a;--border:#243247;--ink:#faf8f4;--muted:#9fa9bc;--faint:#6c7789;--accent:#b7794b;--accent-deep:#9a6238;--ok:#4fa97f;--ok-solid:#2e7d5b;--warn:#c77a16;--err:#e0654f;--err-solid:#c0392b;--impersonate:#7f1d1d;--r-sm:10px;--r-md:14px;--r-card:20px;--r-pill:999px;--t-caption:12px;--t-body-sm:14px;--t-body:16px;--t-h3:18px;--t-h1:28px;--shadow-card:0 8px 24px #00000073;--shadow-sm:0 2px 10px #00000059;--sans:"Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.app{max-width:1320px;margin:0 auto;padding:28px 24px}.app.env-prod{border-top:5px solid var(--err-solid)}.app.env-staging{border-top:5px solid var(--warn)}.opsbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.opsbar-id{align-items:center;gap:10px;display:flex}.opsmark{font-size:var(--t-body-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.envbadge{font:700 var(--t-caption) var(--sans);letter-spacing:.06em;border-radius:var(--r-sm);color:#fff;padding:3px 8px}.envbadge.prod{background:var(--err-solid)}.envbadge.staging{background:var(--warn);color:var(--sunken)}.opswarn{font-size:var(--t-caption);color:var(--warn);margin-bottom:20px}.opswarn b{color:var(--ink)}.opswarn.impersonating{background:var(--impersonate);color:var(--ink);border-radius:var(--r-sm);padding:8px 12px}.neutralmark{text-align:center;font-size:var(--t-h1);color:var(--faint);margin-bottom:6px;font-weight:700;line-height:1}.wordmark{letter-spacing:-.01em;font-size:17px;font-weight:700}.who{color:var(--muted);font-size:var(--t-body-sm)}.linkbtn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card);margin-bottom:14px;padding:20px}.card-danger{box-shadow:var(--shadow-card), inset 0 0 0 2px var(--err-solid)}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.row:last-child{border-bottom:none}.muted{color:var(--muted)}.small{font-size:var(--t-body-sm)}.mono{font-variant-numeric:tabular-nums}.name{font-weight:600}.btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:var(--r-sm);font:600 var(--t-body-sm) var(--sans);cursor:pointer;padding:7px 12px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--err);border-color:var(--err)}.btn:disabled{opacity:.5;cursor:default}.btn.sm{font-size:var(--t-caption);padding:4px 9px}.chip{border-radius:var(--r-pill);font:600 var(--t-caption) var(--sans);border:1px solid var(--border);align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.chip.on{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.chip.off{color:var(--faint)}.chip.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.chip.danger{color:var(--err);border-color:color-mix(in srgb, var(--err) 40%, transparent)}.grid{gap:8px;display:grid}.kv{font-size:var(--t-body-sm);justify-content:space-between;gap:12px;padding:4px 0;display:flex}.k{color:var(--faint)}h2{font-size:var(--t-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:4px 0 8px;font-weight:700}.auth{background:var(--surface);max-width:320px;box-shadow:var(--shadow-card);border-radius:var(--r-md);gap:10px;margin:80px auto;padding:26px;display:grid}input,select{font:14px var(--sans);color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 10px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' fill='none' stroke='%239AA1A9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}select:disabled{opacity:.6;cursor:default}.toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar input{flex:1}table{border-collapse:collapse;width:100%;font-size:var(--t-body-sm)}th{text-align:left;color:var(--faint);font-weight:600;font-size:var(--t-caption);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:8px}td{border-bottom:1px solid var(--border);padding:10px 8px}tr.click{cursor:pointer}tr.click:hover td{background:#ffffff05}.kv.click{cursor:pointer}.kv.click:hover{background:#ffffff05}.err{color:var(--err);font-size:var(--t-body-sm)}.toggles{flex-wrap:wrap;gap:8px;display:flex}.rh-state{font-weight:600}.rh-state.ok{color:var(--ok)}.rh-state.warn{color:var(--warn)}.rh-state.err{color:var(--err)}.rh-state.unknown{color:var(--faint);font-style:italic}.rh-state.never{color:var(--warn)}.rh-state.undecided{color:var(--warn);font-style:italic}.rh-spark{background:var(--sunken);border-radius:var(--r-sm);align-items:flex-end;gap:1px;height:36px;margin:10px 0 4px;padding:4px;display:flex;overflow-x:auto}.rh-spark-b{background:var(--faint);border-radius:1px;flex:1 0 2px;min-width:2px}.rh-spark-b.busy{background:var(--ok)}.rh-spark-b.warn{background:var(--warn)}.rh-spark-b.err{background:var(--err)}.shell{grid-template-columns:196px minmax(0,1fr);align-items:start;gap:22px;display:grid}.sectionwrap{min-width:0}.rail{flex-direction:column;gap:2px;display:flex;position:sticky;top:16px}.rail-g{flex-direction:column;gap:2px;display:flex}.rail-g+.rail-g{margin-top:14px}.rail-h{font-size:var(--t-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 3px 10px;font-weight:700}.rail-i{color:var(--muted);font:500 var(--t-body-sm) var(--sans);border-radius:var(--r-sm);padding:7px 10px;text-decoration:none;display:block}.rail-i:hover{background:var(--surface);color:var(--ink)}.rail-i.active{background:var(--surface);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.rail-i:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=860px){.shell{grid-template-columns:minmax(0,1fr);gap:12px}.rail{flex-flow:wrap;gap:4px;position:static}.rail-g{flex-flow:wrap;gap:4px}.rail-g+.rail-g{margin-top:0}.rail-h{display:none}}.rightnow .card-h{font:600 var(--t-h3) var(--sans);align-items:center;gap:10px;margin-bottom:12px;display:flex}.rn-cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.rn-cols .card{margin-bottom:0}.stat-row{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.stat{background:var(--sunken);border-radius:var(--r-sm);flex:90px;padding:10px 12px}.stat-v{font:600 20px var(--sans)}.stat-l{font-size:var(--t-caption);color:var(--muted);margin-top:2px}.stat-hint{color:var(--faint)}.stat.ok .stat-v{color:var(--ok)}.stat.warn .stat-v{color:var(--warn)}.stat.danger .stat-v{color:var(--err)}.rn-note{font-size:var(--t-body-sm);border-radius:var(--r-sm);margin-top:6px;padding:8px 10px}.rn-note.warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, transparent)}.allclear{color:var(--ok);font:600 var(--t-body-sm) var(--sans)}.fire-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.fire{text-align:left;cursor:pointer;background:var(--sunken);border-radius:var(--r-sm);color:var(--ink);font:inherit;border:1px solid #0000;align-items:center;gap:8px;padding:10px 12px;display:flex}.fire:hover{border-color:var(--accent)}.fire-dot{border-radius:50%;flex:none;width:8px;height:8px}.fire.critical{border-left:3px solid var(--err)}.fire.critical .fire-dot{background:var(--err)}.fire.warn{border-left:3px solid var(--warn)}.fire.warn .fire-dot{background:var(--warn)}.fire-label{font-size:var(--t-body-sm);flex:1}.fire-cat{font-size:var(--t-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}.disp-select{background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:var(--r-sm);font:500 var(--t-caption) var(--sans);cursor:pointer;padding:2px 6px}.disp-select:hover{border-color:var(--accent);color:var(--ink)}.triage{z-index:2;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex;position:sticky;top:0}.triage-hot{box-shadow:var(--shadow-sm), inset 3px 0 0 var(--accent)}.triage-loading{color:var(--faint);font-size:var(--t-body-sm)}.triage-degraded{box-shadow:var(--shadow-sm), inset 3px 0 0 var(--err-solid)}.t-label{font-size:var(--t-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:700}.t-msg{font-size:var(--t-body-sm);color:var(--err)}.t-item{cursor:pointer;background:var(--sunken);border-radius:var(--r-pill);color:var(--ink);font:500 var(--t-body-sm) var(--sans);border:1px solid #0000;align-items:center;gap:7px;padding:5px 12px;display:inline-flex}.t-item:hover{border-color:var(--accent)}.t-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.t-dot{border-radius:50%;flex:none;width:7px;height:7px}.t-item.critical .t-dot,.t-item.crit .t-dot{background:var(--err-solid)}.t-item.warn .t-dot{background:var(--warn)}.t-clear{font-size:var(--t-body-sm);color:var(--ok)}.t-degraded{font-size:var(--t-caption);color:var(--err);margin-left:auto}.density-compact .card{margin-bottom:8px;padding:12px 14px}.density-compact .triage{margin-bottom:8px;padding:6px 10px}.density-compact .stat{padding:7px 10px}.density-compact td{padding:4px 8px}.density-compact th{padding:5px 8px}.density-compact .kv{padding:2px 0}.density-compact .row{padding:6px 0}.density-compact .rail-i{padding:5px 10px}.density-compact .btn,.density-compact .t-item,.density-compact select,.density-compact input{min-height:32px}.tablescroll{max-height:60vh;overflow:auto}.tablescroll thead th{z-index:1;background:var(--surface);box-shadow:inset 0 -1px 0 var(--border);position:sticky;top:0}.num,td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.truncated{margin-top:8px}.btn:focus-visible,.linkbtn:focus-visible,.tab:focus-visible,.chip:focus-visible,.fire:focus-visible,.view:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}
