.status-shell{max-width:980px;margin:0 auto;padding:56px 24px 96px}.status-hero h1{letter-spacing:-.025em;font-size:clamp(32px,4.6vw,48px);font-weight:800}.status-hero-sub{max-width:620px;color:var(--tx-l2);margin-top:10px;font-size:17px;line-height:1.6}.status-banner{border:1px solid var(--panel-edge);outline:1px solid var(--hairline);background:var(--panel-hi);box-shadow:var(--sh-panel);font-family:var(--disp);border-radius:16px;align-items:center;gap:12px;margin:30px 0 36px;padding:18px 22px;font-size:18px;font-weight:700;display:flex}.status-banner .dot{border-radius:50%;flex:none;width:12px;height:12px}.status-banner.ok .dot{background:var(--grn);box-shadow:0 0 0 5px #22b57326}.status-banner.bad .dot{background:var(--red);box-shadow:0 0 0 5px #ef546826}.status-banner.na .dot{background:var(--hairline-2)}.status-banner.maint .dot{background:var(--blue);box-shadow:0 0 0 5px #2e7bff26}.status-banner .sub{font-family:var(--mono);color:var(--tx-l3);margin-left:auto;font-size:11.5px;font-weight:400}.status-card{border:1px solid var(--panel-edge);outline:1px solid var(--hairline);background:var(--panel-hi);box-shadow:var(--sh-panel);border-radius:16px;margin-bottom:18px;padding:22px 24px}.status-card .head{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.status-card .name{font-family:var(--disp);letter-spacing:-.01em;font-size:16.5px;font-weight:700}.status-card .state{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:600}.status-card .state.ok{color:#137a50;background:#22b5731a;border:1px solid #22b57359}.status-card .state.bad{color:#b4232f;background:#ef54681a;border:1px solid #ef546859}.status-card .state.na{color:var(--tx-l3);border:1px solid var(--hairline-2);background:#6b769414}.status-card .state.maint{color:var(--blue-deep);background:var(--blue-dim);border:1px solid #2e7bff59}.status-card .uptime{font-family:var(--mono);color:var(--tx-l2);margin-left:auto;font-size:12px}.status-card .uptime b{color:var(--tx-l1);font-weight:600}.status-bar{border-radius:3px;gap:1px;height:36px;display:flex;overflow:hidden}.status-bar i{background:#e3e9f3;flex:1 1 0;min-width:0}.status-bar i.ok{background:var(--grn)}.status-bar i.bad{background:var(--red)}.status-bar i.maint{background:var(--blue-hi)}.status-axis{font-family:var(--mono);color:var(--tx-l3);justify-content:space-between;margin-top:8px;font-size:10.5px;display:flex}.status-legend{font-family:var(--mono);color:var(--tx-l3);gap:18px;margin:6px 0 44px;font-size:11px;display:flex}.status-legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.status-legend .g{background:var(--grn)}.status-legend .r{background:var(--red)}.status-legend .n{background:#e3e9f3}.status-inc-h{font-family:var(--disp);letter-spacing:-.02em;margin:44px 0 16px;font-size:22px;font-weight:700}.status-inc{border:1px solid var(--panel-edge);outline:1px solid var(--hairline);background:var(--panel-hi);box-shadow:var(--sh-panel);border-radius:14px;margin-bottom:12px;padding:18px 22px}.status-inc .top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-inc .sev{font-family:var(--mono);letter-spacing:.08em;border-radius:6px;padding:3px 9px;font-size:10px;font-weight:600}.sev-OUTAGE{color:#b4232f;background:#ef54681f;border:1px solid #ef546866}.sev-DEGRADED{color:#9a6a0b;background:#f0a32e1f;border:1px solid #f0a32e66}.sev-MAINTENANCE{color:var(--blue-deep);background:var(--blue-dim);border:1px solid #2e7bff59}.sev-NOTICE{color:var(--tx-l2);border:1px solid var(--hairline-2);background:#6b769414}.status-inc .t{font-family:var(--disp);font-size:16px;font-weight:700}.status-inc .when{font-family:var(--mono);color:var(--tx-l3);margin-left:auto;font-size:11px}.status-inc .resolved{font-family:var(--mono);color:#137a50;font-size:10.5px;font-weight:600}.status-inc .body{color:var(--tx-l2);white-space:pre-line;margin-top:8px;font-size:14.5px;line-height:1.6}.status-empty{color:var(--tx-l3);font-size:14.5px;font-family:var(--mono)}@media (max-width:640px){.status-card .head{flex-wrap:wrap}.status-card .uptime{width:100%;margin-left:0}.status-bar{gap:0;height:28px}}
