.status-list{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-2)}.status-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"dot name label" ". detail detail";align-items:center;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container)}.status-dot{grid-area:dot;width:10px;height:10px;border-radius:50%;background:var(--md-sys-color-outline)}.status-dot--operational{background:#22c55e;box-shadow:0 0 0 3px color-mix(in oklab,rgb(34 197 94) 25%,transparent)}.status-dot--degraded{background:#eab308;box-shadow:0 0 0 3px color-mix(in oklab,rgb(234 179 8) 25%,transparent)}.status-dot--down{background:var(--md-sys-color-error);box-shadow:0 0 0 3px color-mix(in oklab,var(--md-sys-color-error) 25%,transparent)}.status-dot--checking{background:var(--md-sys-color-on-surface-variant);animation:status-pulse 1.4s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:.4}50%{opacity:1}}.status-name{grid-area:name;font-weight:600;color:var(--md-sys-color-on-surface)}.status-label{grid-area:label;font-family:Roboto Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.status-detail{grid-area:detail;font-size:14px;color:var(--md-sys-color-on-surface-variant);line-height:1.5}