.st-banner{--st-color: var(--text-dim);display:flex;align-items:center;gap:16px;margin-top:40px;padding:20px 24px;border:1px solid color-mix(in srgb,var(--st-color) 40%,var(--border));border-left:4px solid var(--st-color);border-radius:var(--radius-md);background:color-mix(in srgb,var(--st-color) 7%,var(--bg-card))}.st-banner[data-state=operational]{--st-color: var(--emerald)}.st-banner[data-state=degraded]{--st-color: var(--amber)}.st-banner[data-state=outage]{--st-color: var(--rose)}.st-banner-dot{width:12px;height:12px;border-radius:50%;background:var(--st-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--st-color) 20%,transparent);flex-shrink:0}.st-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.st-banner-text strong{font-family:var(--font-heading);font-size:clamp(1.1rem,1.5vw,1.35rem);color:var(--text-main)}.st-banner-text span{font-size:.88rem;color:var(--text-muted)}.st-section{padding-top:clamp(32px,4vw,56px)}.st-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-bottom:32px}.st-range{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.st-range-btn{padding:8px 16px;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .18s ease,color .18s ease}.st-range-btn+.st-range-btn{border-left:1px solid var(--border-strong)}.st-range-btn:hover{color:var(--text-main)}.st-range-btn.is-active{background:var(--accent);color:var(--on-accent)}.st-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;font-family:var(--font-mono);font-size:.74rem;color:var(--text-dim)}.st-legend li{display:inline-flex;align-items:center;gap:8px}.st-swatch{width:12px;height:12px;border-radius:2px}.st-swatch[data-level=ok],.st-cell[data-level=ok]{background:var(--emerald)}.st-swatch[data-level=warn],.st-cell[data-level=warn]{background:var(--amber)}.st-swatch[data-level=down],.st-cell[data-level=down]{background:var(--rose)}.st-swatch[data-level=none],.st-cell[data-level=none]{background:var(--border-strong);opacity:.55}.st-groups{display:flex;flex-direction:column;gap:clamp(36px,4vw,56px)}.st-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--text-main)}.st-group-head span{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.st-row{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) 84px;align-items:center;gap:6px 24px;padding-block:16px;border-bottom:1px solid var(--border)}.st-name{display:flex;flex-direction:column;gap:4px;min-width:0}.st-name strong{color:var(--text-main);font-size:.98rem;font-weight:600}.st-state{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.st-state:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.st-state[data-status=up]{color:var(--emerald)}.st-state[data-status=down]{color:var(--rose)}.st-history{min-width:0}.st-bars{display:flex;gap:3px;height:34px}.st-cell{flex:1 1 0;min-width:0;border:0;padding:0;border-radius:2px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.st-cell:hover,.st-cell:focus-visible,.st-cell.is-selected{transform:scaleY(1.18);opacity:1;outline:none}.st-cell:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.st-readout{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);min-height:1.2em}.st-readout.is-detail{color:var(--text-main)}.st-uptime{text-align:right;font-family:var(--font-mono);font-size:.9rem;color:var(--text-main);white-space:nowrap}.st-uptime small{display:block;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.st-empty{padding:32px 0;color:var(--text-muted)}.st-note{margin-top:40px;max-width:78ch;font-size:.88rem}@media (max-width: 860px){.st-row{grid-template-columns:minmax(0,1fr) auto}.st-history{grid-column:1 / -1;grid-row:2}.st-bars{height:28px;gap:2px}}@media (prefers-reduced-motion: reduce){.st-cell{transition:none}}