.status-header{flex-direction:column;align-items:center;gap:25px;display:flex}.status-header h1{max-width:900px;margin:16px auto;font-size:clamp(34px,4.4vw,58px)}.status-header p{max-width:680px}.status-toolbar{align-items:center;gap:18px;font-size:12px;display:flex}.status-summary{background:var(--surface-panel);justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.status-summary h2{margin-bottom:7px;font-size:21px}.status-summary p{font-size:13px}.status-signal{font-size:18px}.status-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 20px;display:flex}.status-section-heading h2{margin-top:8px;font-size:23px}.status-section-heading>span{color:var(--text-muted);font-size:11px}.status-ranges{background:var(--surface-panel);border:1px solid var(--border-panel);border-radius:9px;gap:4px;padding:4px;display:flex}.status-ranges button{color:var(--text-muted);background:0 0;border:0;border-radius:5px;padding:8px 13px;font-size:12px;font-weight:600}.status-ranges button[aria-pressed=true]{background:var(--accent);color:#fff}.status-availability{justify-content:space-between;align-items:center;gap:30px;display:flex}.status-availability strong{letter-spacing:-.05em;margin-top:8px;font-size:35px;display:block}.status-availability p{max-width:350px;font-size:12px}.status-services{border:1px solid var(--border-panel);background:var(--surface-panel);border-radius:14px;grid-template-columns:1fr;gap:0;display:grid}.status-service{grid-template-columns:1fr auto;gap:8px 20px;min-width:0;display:grid;border:0!important;border-bottom:1px solid var(--border-panel)!important;background:0 0!important;border-radius:0!important;padding:24px!important}.status-service:last-child{border-bottom:0!important}.status-service-heading{align-items:center;gap:12px;display:flex}.status-service-heading h3{font-size:16px}.status-service-icon{color:var(--text-muted);display:flex}.status-service-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:21px;height:21px}.status-service-description{grid-column:1;font-size:12px}.status-badge{justify-self:end;align-items:center;gap:7px;font-size:11px;display:flex}.status-badge:before{content:"●";font-size:7px}.status-metric{text-align:right;grid-area:2/2}.status-metric strong{font-size:17px}.status-metric span{color:var(--text-muted);font-size:9px;display:block}.status-bars{grid-column:1/-1;gap:2px;min-width:0;height:25px;margin:14px 0 4px;display:flex;position:relative}.status-segment{cursor:help;opacity:.85;background:currentColor;border:0;border-radius:2px;flex:1;min-width:0;padding:0}.status-segment:hover,.status-segment:focus-visible{opacity:1;outline-offset:2px;z-index:2;outline:2px solid #fff}.status-tooltip{bottom:calc(100% + 10px);left:clamp(0px,calc(var(--position) * 100% - 90px),calc(100% - 180px));background:var(--surface-overlay);border:1px solid var(--border-control);width:180px;color:var(--text-primary);pointer-events:none;text-align:left;border-radius:8px;padding:12px;font-size:11px;line-height:1.6;display:none;position:absolute;box-shadow:0 10px 30px #0006}.status-segment:hover .status-tooltip,.status-segment:focus-visible .status-tooltip{display:block}.status-coverage,.status-range-label{color:var(--text-muted);font-size:10px}.status-range-label{text-align:right}.status-legend{color:var(--text-muted);flex-wrap:wrap;gap:14px;margin-top:22px;font-size:10px;display:flex}.status-operational{color:var(--success)}.status-degraded{color:var(--warning)}.status-partial_outage{color:#efa580}.status-major_outage{color:var(--danger)}.status-maintenance{color:var(--cs-primary-2)}.status-unknown{color:#566173}.status-error,.status-history-error{padding:25px}.status-history-error button{margin-top:12px}.status-history-section{min-width:0}@media (width<=600px){.status-toolbar{flex-wrap:wrap;justify-content:center}.status-availability{flex-direction:column;align-items:start;gap:15px}.status-summary{padding:20px}.status-summary h2{font-size:18px}.status-service{gap:10px;padding:20px!important}.status-service-description{grid-column:1/-1}.status-metric{text-align:left;grid-area:auto/1/auto/-1}.status-service-heading h3{font-size:14px}.status-badge{font-size:10px}.status-ranges button{padding:8px 12px}}
