:root{--bg: #161826;--fg: #e7e9f4;--muted: #9aa0b8;--accent: #9184d9;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.shell{min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.shell.centered{align-items:center;justify-content:center}.muted{color:var(--muted)}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:.75rem;text-align:center}.brand{margin:0 0 .25rem;font-size:1.6rem}.btn{appearance:none;border:1px solid transparent;border-radius:.6rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%}.btn-primary{background:var(--accent);color:#12131c}.btn-dark{background:#24263a;color:var(--fg);border-color:#33364f}.btn-light{background:#f5f6ff;color:#12131c}.error{color:#ff8a8a;font-size:.85rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid #24263a}.brand-sm{font-weight:700}.link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9rem}.content{padding:1.25rem}.scaffold-note{margin-top:1.5rem;font-size:.85rem}.topbar-right{display:flex;align-items:center;gap:.75rem}.who{font-size:.8rem;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app{display:flex;flex-direction:column;min-height:100dvh}.tab-content{flex:1;overflow-y:auto;padding-bottom:4.5rem}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:#12131c;border-top:1px solid #24263a;padding-bottom:env(safe-area-inset-bottom)}.tabbar-item{flex:1;background:none;border:none;color:var(--muted);padding:.5rem .25rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;cursor:pointer;font-size:.7rem}.tabbar-item.on{color:var(--accent)}.tabbar-icon{font-size:1.1rem}.view{padding:1rem 1rem 0}.view-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.view-head h2{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.badge-critical{background:#7a1f2b;color:#ffd9de;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:1rem}.segmented{display:inline-flex;border:1px solid #33364f;border-radius:.5rem;overflow:hidden}.segmented button{background:none;border:none;color:var(--muted);padding:.35rem .8rem;cursor:pointer;font-size:.85rem}.segmented button.on{background:#24263a;color:var(--fg)}.filters{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.search{flex:1 1 8rem;min-width:8rem;background:#1c1e2e;border:1px solid #33364f;border-radius:.5rem;color:var(--fg);padding:.4rem .6rem;font-size:.85rem}.chip{background:#1c1e2e;border:1px solid #33364f;border-radius:1rem;color:var(--muted);padding:.25rem .65rem;font-size:.75rem;cursor:default}button.chip{cursor:pointer}.chip.on{background:var(--accent);color:#12131c;border-color:var(--accent)}.chip-ticket{color:var(--accent)}.stale-banner{margin:0 0 .5rem;padding:.4rem .6rem;background:#2a2410;border:1px solid #4d4320;border-radius:.5rem;color:#e8d9a0;font-size:.8rem}.section-label{margin:.75rem 0 .35rem;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.notif{display:flex;justify-content:space-between;gap:.75rem;background:#1a1c2b;border:1px solid #24263a;border-left-width:4px;border-radius:.5rem;padding:.7rem .85rem}.notif.sev-critical{border-left-color:#e05260}.notif.sev-warning{border-left-color:#e0a952}.notif.sev-info{border-left-color:#5296e0}.notif-title{font-weight:600;display:flex;gap:.4rem;align-items:baseline}.notif-count{color:var(--muted);font-size:.8rem;font-weight:400}.notif-body{color:var(--muted);font-size:.85rem;margin:.15rem 0 .4rem}.chips{display:flex;flex-wrap:wrap;gap:.3rem}.chip.sev-critical{color:#ffb3ba;border-color:#7a1f2b}.chip.sev-warning{color:#ffd9a0;border-color:#7a5b1f}.chip.sev-info{color:#bcd8ff;border-color:#1f4d7a}.notif-actions{display:flex;flex-direction:column;gap:.35rem;align-items:flex-end;white-space:nowrap}.pad{padding:1rem}.link:disabled{opacity:.5;cursor:default}.customer{margin-top:1rem}.customer-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.customer-head h3{margin:0;font-size:1rem}.site-list{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.site{background:#1a1c2b;border:1px solid #24263a;border-radius:.5rem;overflow:hidden}.site-head{width:100%;display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--fg);padding:.7rem .85rem;cursor:pointer;text-align:left}.site-name{flex:1;font-weight:600}.site-status{font-size:.8rem}.chev{color:var(--muted)}.dot{width:.6rem;height:.6rem;border-radius:50%;flex:0 0 auto;display:inline-block}.st-ok{background:#4fbf6a;color:#4fbf6a}.st-warn{background:#e0a952;color:#e0a952}.st-down{background:#e05260;color:#e05260}.st-muted{background:#6b6f86;color:#6b6f86}.health-text.st-ok,.chip.st-ok{color:#7ddc92;background:none}.site-health{padding:0 .85rem .85rem;border-top:1px solid #24263a}.stale-note{font-size:.8rem;margin:.6rem 0}.stale{opacity:.5;filter:grayscale(.6)}.health-list{list-style:none;margin:.6rem 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.health-line{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.health-label{min-width:6rem}.metrics{list-style:none;margin:.4rem 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.metric{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.metric-label{min-width:5rem}.metric-bar{flex:1;height:.4rem;background:#24263a;border-radius:.2rem;overflow:hidden}.metric-fill{display:block;height:100%}.metric-fill.st-ok{background:#4fbf6a}.metric-fill.st-warn{background:#e0a952}.metric-fill.st-down{background:#e05260}.metric-val{min-width:3rem;text-align:right}.site-links{display:flex;gap:.4rem;margin-top:.6rem}a.chip{text-decoration:none}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem;margin-top:.75rem}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;background:#1a1c2b;border:1px solid #24263a;border-radius:.6rem;padding:.85rem;cursor:pointer;text-align:left;color:var(--fg)}.tile-alert{border-color:#7a1f2b}.tile-num{font-size:1.6rem;font-weight:700}.tile-label{font-size:.85rem}.tile-sub{font-size:.75rem}.settings{margin-top:1.5rem}.settings h3{font-size:1rem;margin:0 0 .5rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #24263a}.lang{display:flex;gap:.3rem}.signout{margin-top:1rem;width:auto;align-self:flex-start;padding:.6rem 1.2rem}.btn-inline{width:auto;padding:.35rem .9rem;font-size:.85rem}.chip-text.st-ok{color:#7ddc92;background:none;font-weight:600}.push-hint{font-size:.8rem;margin:.25rem 0 .5rem}