:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f6f9;font-synthesis:none;text-rendering:optimizeLegibility;--accent-color: #2563eb;--border-color: #dbe1ea;--card-bg: #ffffff;--muted: #657084;--success: #147d51;--warning: #a96500;--danger: #b42318;--maintenance: #5b5bd6}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}a{color:var(--accent-color)}.status-shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:56px 0 40px}.page-header{margin-bottom:28px}.brand-row{display:flex;align-items:center;gap:16px}.brand-logo{max-width:64px;max-height:64px;object-fit:contain;border-radius:12px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.04em}h2{margin-bottom:8px;font-size:1.45rem;letter-spacing:-.02em}h3{margin-bottom:4px;font-size:1rem}.page-description{max-width:720px;color:var(--muted);line-height:1.65;margin:8px 0}.homepage-link{display:inline-block;margin-top:8px;font-weight:700}.overall-card,.section-block,.stale-warning,.incident-card,.unavailable-shell{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 12px 32px #141f340f}.overall-card{display:flex;gap:18px;align-items:center;padding:24px;margin-bottom:24px;border-left:6px solid var(--accent-color)}.overall-card p{margin-bottom:0;color:var(--muted);line-height:1.6}.status-symbol,.mini-status{display:inline-grid;place-items:center;flex:0 0 auto;font-weight:900;border-radius:999px;border:2px solid currentColor}.status-symbol{width:48px;height:48px;font-size:.82rem}.mini-status{width:28px;height:28px;font-size:.62rem}.status-operational,.status-text-operational{color:var(--success)}.status-degraded,.status-partial_outage,.status-text-degraded,.status-text-partial_outage{color:var(--warning)}.status-major_outage,.status-text-major_outage{color:var(--danger)}.status-maintenance,.status-text-maintenance{color:var(--maintenance)}.status-unknown,.status-text-unknown{color:var(--muted)}.stale-warning{padding:14px 18px;margin-bottom:18px;border-left:5px solid var(--warning);line-height:1.55}.section-block{padding:24px;margin-top:24px}.section-heading,.incident-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading{margin-bottom:18px}.count-badge,.refresh-state,.incident-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#eef2f7;color:#364152;font-size:.78rem;font-weight:800;white-space:nowrap}.refresh-state{color:var(--success)}.service-list{border-top:1px solid var(--border-color)}.service-row{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--border-color)}.service-main{display:flex;gap:12px;align-items:flex-start;min-width:0}.service-main p{margin-bottom:0;color:var(--muted);line-height:1.5}.service-metrics{display:grid;grid-template-columns:minmax(110px,auto) auto auto;gap:16px;align-items:center;text-align:right;font-size:.86rem;color:var(--muted)}.service-state{font-weight:800}.incident-stack{display:grid;gap:14px}.incident-card{padding:20px;box-shadow:none}.incident-card.severity-critical{border-left:5px solid var(--danger)}.incident-card.severity-major{border-left:5px solid #d1432f}.incident-card.severity-minor{border-left:5px solid var(--warning)}.incident-card.severity-maintenance{border-left:5px solid var(--maintenance)}.incident-summary{color:#303b4f;line-height:1.65;margin:10px 0}.incident-affected,.incident-meta{color:var(--muted);font-size:.88rem}.incident-meta{display:flex;flex-wrap:wrap;gap:12px}.incident-resolved{color:var(--success);background:#eaf8f1}.incident-investigating,.incident-identified{color:var(--danger);background:#fff0ee}.incident-monitoring{color:var(--warning);background:#fff7e8}.incident-scheduled{color:var(--maintenance);background:#f0efff}.incident-timeline{list-style:none;padding:12px 0 0;margin:14px 0 0 5px;border-top:1px solid var(--border-color)}.incident-timeline li{display:grid;grid-template-columns:16px 1fr;gap:10px;padding-top:12px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-color);margin-top:5px}.incident-timeline time{display:block;margin-top:2px;color:var(--muted);font-size:.8rem}.incident-timeline p{margin:6px 0 0;line-height:1.55}.empty-state{margin:0;padding:22px;border:1px dashed var(--border-color);border-radius:12px;color:var(--muted);text-align:center}.page-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding:0 4px;color:var(--muted);font-size:.78rem}.loading-shell,.unavailable-shell{text-align:center;margin-top:12vh;padding:40px}.loading-shell{background:transparent;box-shadow:none;border:0}.loading-pulse{width:48px;height:48px;margin:0 auto 18px;border:5px solid #dbe1ea;border-top-color:var(--accent-color);border-radius:50%;animation:spin .9s linear infinite}.unavailable-shell .status-symbol{margin:0 auto 18px}.unavailable-shell button{margin-top:10px;padding:10px 16px;border:0;border-radius:10px;background:var(--accent-color);color:#fff;font-weight:800;cursor:pointer}.unavailable-shell button:disabled{opacity:.6;cursor:wait}.muted{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.status-shell{width:min(100% - 20px,1040px);padding-top:28px}.overall-card{align-items:flex-start}.section-block{padding:18px}.service-row{display:grid}.service-metrics{grid-template-columns:1fr 1fr;text-align:left;padding-left:40px}.service-state{grid-column:1 / -1}.incident-heading{display:grid}}@media(prefers-reduced-motion:reduce){.loading-pulse{animation:none}}@media(prefers-color-scheme:dark){:root{color:#edf2f7;background:#0f1520;--card-bg: #171f2d;--border-color: #2c3748;--muted: #a7b1c1;--success: #6ed6a8;--warning: #f7bd64;--danger: #ff8b7c;--maintenance: #aaa6ff}.count-badge,.refresh-state,.incident-status{background:#242f40;color:#d8e0eb}.incident-resolved{color:var(--success);background:#143326}.incident-investigating,.incident-identified{color:var(--danger);background:#3b2020}.incident-monitoring{color:var(--warning);background:#3a2b16}.incident-scheduled{color:var(--maintenance);background:#282548}.incident-summary{color:#e1e7ef}}
