.status-banner{border:1px solid var(--border);background:var(--surface);box-shadow:var(--lift);border-radius:14px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.status-banner .status-mark{margin-top:6px}.status-banner-ok{border-color:color-mix(in srgb, var(--ok) 35%, transparent);background:var(--ok-soft)}.status-banner-stale{border-color:color-mix(in srgb, var(--amber-ink) 35%, transparent);background:var(--amber-soft)}.status-banner-down{border-color:color-mix(in srgb, var(--error) 35%, transparent);background:var(--error-soft)}.status-section{margin-top:32px}.status-list{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-top:12px;display:grid}.status-list li{border-top:1px solid var(--border);grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;padding:12px 16px;font-size:15px;display:grid}.status-list li:first-child{border-top:0}.status-list .status-mark{align-self:center}.status-name{color:var(--foreground);font-weight:600}.status-name small{color:var(--muted);margin-left:6px;font-size:12.5px;font-weight:500}.status-note{color:var(--muted);grid-column:2;font-size:13.5px}@media (min-width:640px){.status-list li{grid-template-columns:auto minmax(0,1fr) auto}.status-note{text-align:right;grid-column:auto}}.status-mark{background:var(--muted);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-mark-ok{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 14%, transparent)}.status-mark-stale{background:var(--amber-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--amber-ink) 14%, transparent)}.status-mark-down{background:var(--error);box-shadow:0 0 0 4px color-mix(in srgb, var(--error) 14%, transparent)}.status-mark-never,.status-mark-paused{background:var(--muted);opacity:.6}