.status-page,#status-island{flex-direction:column;display:flex}.status-board{gap:var(--space-4);flex-direction:column;display:flex}.status-surface{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;min-height:40vh;display:flex}.status-surface .state-title{margin:0;font-weight:600}.status-surface .state-description{color:var(--text-muted);font-size:var(--font-size-small);margin:0}.status-surface .status-loading-text{color:var(--text-muted);margin:0}.status-summary{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}.status-summary-head{align-items:center;gap:var(--space-2);display:flex}.status-summary-icon{color:var(--color-orange);flex:none}.status-summary[data-state=up] .status-summary-icon{color:var(--color-green)}.status-summary[data-state=down] .status-summary-icon{color:var(--color-red)}.status-summary-title{margin:0;font-weight:600}.status-summary-updated{color:var(--text-muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;margin:0 0 0 auto}.status-stats{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.status-stat dt{color:var(--text-muted);font-size:var(--font-size-small)}.status-stat dd{margin:var(--space-1) 0 0;font-variant-numeric:tabular-nums;font-weight:600}@media (max-width:560px){.status-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.status-tabs{max-width:100%;padding:var(--space-2) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;display:flex}.status-tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-size:var(--font-size-small);cursor:pointer;background:0 0;border:1px solid #0000;margin:0 2px;position:relative}.status-tab:hover{background:var(--bg-soft);color:var(--text)}.status-tab[data-state=active]{border-color:var(--surface);background:color-mix(in srgb, var(--color-accent-ink) 12%, var(--surface));color:var(--color-accent-ink);box-shadow:var(--shadow-xs)}.status-tab[data-state=active]:after{right:var(--space-3);bottom:calc(-1 * var(--space-2));left:var(--space-3);border-radius:var(--radius-full);background:var(--color-accent);content:"";height:2px;position:absolute}.status-tab-count{margin-left:var(--space-1);color:var(--text-muted);font-variant-numeric:tabular-nums}.status-panel{margin-top:var(--space-4)}.status-list{gap:var(--space-4);display:grid}@media (min-width:1080px){.status-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.status-card{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;display:flex}.status-card-head{align-items:center;gap:var(--space-2);display:flex}.status-dot{border-radius:var(--radius-full);background:var(--text-faint);flex:none;width:8px;height:8px}.status-dot[data-state=up]{background:var(--color-green)}.status-dot[data-state=degraded]{background:var(--color-orange)}.status-dot[data-state=down]{background:var(--color-red)}.status-name{margin:0;font-size:.95rem}.status-type{padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--font-size-small)}.status-badge{color:var(--text);font-size:var(--font-size-small);margin-left:auto;font-weight:600}.status-badge[data-state=up]{color:var(--color-green)}.status-metrics{gap:var(--space-4);color:var(--text-muted);font-size:var(--font-size-small);flex-wrap:wrap;margin:0;display:flex}.status-metrics>div{gap:var(--space-1);display:flex}.status-metrics dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.status-bars{align-items:stretch;gap:2px;height:26px;display:flex}.status-bar{background:var(--text-faint);border-radius:2px;flex:1 1 0;min-width:0}.status-bar[data-state=up]{background:var(--color-green)}.status-bar[data-state=down]{background:var(--color-red)}.status-note{color:var(--text-muted);font-size:var(--font-size-small);margin:0}