.status { display: inline-flex; gap: 7px; align-items: center; padding: 7px 10px; border-radius: 999px; font-size: 12px; border: 1px solid var(--line); color: var(--muted); white-space: nowrap; }
.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--muted); }
.status.online .dot { background: var(--ok); box-shadow: 0 0 12px var(--ok); }
.status.warning .dot { background: var(--warn); box-shadow: 0 0 12px var(--warn); }
.status.offline .dot { background: var(--danger); box-shadow: 0 0 12px var(--danger); }