.service-status-page{--status-bg:#071827;--status-border:#17506e;--status-muted:#94b4c9;--status-accent:#28a7ef;max-width:1160px;margin:80px auto 70px;padding:0 20px;color:#f3f9ff}.service-status-page *{box-sizing:border-box}.status-heading{padding:22px 0 30px}.status-kicker,.status-label{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:var(--status-accent)}.status-heading h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.1;margin:9px 0}.status-heading p,.status-side p,.status-meta{color:var(--status-muted)}.status-heading a{color:var(--status-accent)}.status-overview,.status-incident,.status-subscribe,.status-editor{border:1px solid var(--status-border);background:var(--status-bg);border-radius:16px}.status-overview{display:flex;align-items:center;gap:17px;padding:23px 26px;margin-bottom:28px}.status-overview strong,.status-overview small{display:block}.status-overview strong{font-size:1.25rem}.status-overview small{color:var(--status-muted)}.status-pulse{width:13px;height:13px;border-radius:50%;background:#31d59d;box-shadow:0 0 0 7px #31d59d24;flex:none}.has-incidents .status-pulse{background:#f4a85e;box-shadow:0 0 0 7px #f4a85e24}.status-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.status-feed h2,.status-side h2,.status-editor h2{font-size:1.35rem;margin:0 0 18px}.status-incident{padding:25px;margin-bottom:16px}.status-incident-top{display:flex;gap:14px;justify-content:space-between;align-items:flex-start}.status-incident h3{font-size:1.35rem;margin:7px 0 10px}.status-chip{border:1px solid var(--status-border);border-radius:99px;padding:6px 12px;color:#9ad7fa;text-transform:capitalize;font-size:.77rem;white-space:nowrap}.status-chip--resolved,.status-chip--completed{color:#87e5bd;border-color:#237d63}.status-chip--investigating,.status-chip--identified{color:#ffd19e;border-color:#895b32}.status-meta{font-size:.88rem}.status-updates{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--status-border)}.status-updates li{border-left:2px solid var(--status-border);margin:18px 0 0 4px;padding:0 0 0 18px}.status-updates li>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.status-updates strong{text-transform:capitalize}.status-updates time{color:var(--status-muted);font-size:.82rem}.status-updates p{white-space:pre-wrap;margin:7px 0 0;color:#c8deea}.status-subscribe{padding:24px;position:sticky;top:100px}.status-subscribe label,.status-form label{display:block;font-size:.86rem;font-weight:700;margin:12px 0;color:#c6ddeb}.status-subscribe input,.status-form input,.status-form select,.status-form textarea{display:block;width:100%;min-height:43px;margin-top:6px;padding:10px 12px;border:1px solid var(--status-border);border-radius:8px;background:#04111c;color:#fff;outline:none}.status-subscribe input:focus,.status-form input:focus,.status-form select:focus,.status-form textarea:focus{border-color:var(--status-accent)}.status-subscribe button,.status-form button{background:#1589d5;color:#fff;border:0;border-radius:8px;padding:10px 17px;font-weight:800;cursor:pointer;margin-top:12px}.status-subscribe small{display:block;color:var(--status-muted);margin-top:12px}.status-notice{padding:12px 16px;border:1px solid #27745f;border-radius:9px;background:#07352c;color:#a9f2d9}.status-error{border-color:#a54557;background:#35101b;color:#ffd1d8}.status-empty{color:var(--status-muted)}.admin-status-page{margin-top:45px}.status-editor{padding:24px;margin-bottom:30px}.status-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.status-form textarea{resize:vertical}.admin-status-page .status-feed{max-width:900px}.admin-status-page .status-incident .status-form{border-top:1px solid var(--status-border);margin-top:20px;padding-top:10px}@media(max-width:760px){.status-columns{grid-template-columns:1fr}.status-side{order:-1}.status-subscribe{position:static}.status-form-grid{grid-template-columns:1fr}.status-incident-top{flex-wrap:wrap}}
.admin-status-page{--status-bg:var(--ui-panel,#071827);--status-border:var(--ui-line,#17506e);--status-muted:var(--ui-muted,#94b4c9);--status-accent:var(--ui-accent,#28a7ef);color:var(--ui-text,#f3f9ff)}
.admin-status-page .status-form label,.admin-status-page .status-updates p{color:var(--ui-text,#f3f9ff)}
.admin-status-page .status-form input,.admin-status-page .status-form select,.admin-status-page .status-form textarea{background:var(--ui-input,#04111c);color:var(--ui-text,#fff)}
.admin-status-page .status-form button{background:var(--ui-accent,#1589d5);color:var(--ui-on-accent,#fff)}
