:root{--bg:#f6f7f9;--fg:#16181d;--muted:#6b7280;--card:#fff;--line:#e5e7eb;--accent:#1f4e79;--critical:#b91c1c;--high:#c2410c;--normal:#1d4ed8;--info:#4b5563;--ok:#15803d;--warn:#b45309}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--fg:#e5e7eb;--muted:#9ca3af;--card:#171a21;--line:#262a33;--accent:#7fb0e0}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.45 -apple-system,system-ui,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1,h2,h3{margin:0 0 .6rem;font-weight:600}h2{font-size:1.3rem}h3{font-size:1rem}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.6rem 1rem;display:flex}.brand{font-size:1.05rem}nav{flex:1;gap:.25rem;display:flex}nav a{color:var(--fg);border-radius:6px;padding:.35rem .7rem;text-decoration:none}nav a.active{background:var(--bg);font-weight:600}.user{color:var(--muted);align-items:center;gap:.75rem;display:flex}main{width:100%;max-width:1200px;margin:0 auto;padding:1.25rem 1rem}.center{place-items:center;min-height:100vh;padding:1rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:1rem;padding:1rem}.login{text-align:center;min-width:320px;padding:2.5rem 2rem}.button,button{border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;font:inherit;border-radius:7px;padding:.5rem .9rem;text-decoration:none;display:inline-block}button.primary,.button{background:var(--accent);color:#fff;border-color:var(--accent)}button.link{color:var(--accent);background:0 0;border:none;padding:0}button:disabled{opacity:.5;cursor:default}table{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .7rem}th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.8rem}table.compact td{padding:.35rem .5rem}.muted{color:var(--muted)}.small{font-size:.85rem}.nowrap{white-space:nowrap}.warn{color:var(--warn);font-weight:600}.error{color:var(--critical)}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.between{justify-content:space-between}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.grid2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=800px){.grid2{grid-template-columns:1fr}}dl{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}dt{color:var(--muted)}dd{margin:0}.pill{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-left:.4rem;padding:0 .45rem;font-size:.75rem;display:inline-block}.sev{color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:.05rem .5rem;font-size:.75rem;display:inline-block}.sev.critical{background:var(--critical)}.sev.high{background:var(--high)}.sev.normal{background:var(--normal)}.sev.info{background:var(--info)}.status,.health{font-weight:600}.status.open,.status.escalated{color:var(--high)}.status.acknowledged{color:var(--normal)}.status.resolved,.status.auto_resolved,.status.executed,.health.up{color:var(--ok)}.status.false_positive,.status.cancelled,.status.skipped,.status.planned{color:var(--muted)}.health.down{color:var(--critical)}.actions{gap:.5rem;margin-top:.8rem;display:grid}textarea,input,select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;width:100%;padding:.4rem .5rem}select{width:auto}.formgrid{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.8rem;display:grid}.formgrid label{color:var(--muted);gap:.2rem;font-size:.85rem;display:grid}.formgrid .wide{grid-column:1/-1}code{font-size:.85rem}.banner.shadow{color:#5c4400;text-align:center;background:#fff3cd;border-bottom:2px solid #e0a800;padding:8px 16px;font-weight:600}.pill.simulated{color:#5c4400;background:#fff3cd;border:1px solid #e0a800}pre.report{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.45}.state{text-align:center;border-radius:999px;min-width:6.5rem;padding:.05rem .5rem;font-size:.85rem;font-weight:600;display:inline-block}.state.live{color:#14532d;background:#dcfce7;border:1px solid #16a34a}.state.shadow{color:#5c4400;background:#fff3cd;border:1px solid #e0a800}.state.off,.state.not_available{color:#4b5563;background:#f3f4f6;border:1px solid #d1d5db}.banner.stale{color:#7f1d1d;background:#fee2e2;border-bottom:2px solid #dc2626;padding:.5rem 1rem}
