/* Status lights (lights.js). Colours come from the app tokens, so both themes work. The word is always beside the dot. */
.ualt{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--mono);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;max-width:100%}
.ualt-d{flex:none;width:10px;height:10px;border-radius:50%;box-sizing:border-box;background:currentColor;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}
.ualt-w{overflow:hidden;text-overflow:ellipsis}
.ualt-n{font-weight:500;color:var(--ink3);text-transform:none;letter-spacing:0}
.ualt-s{font-weight:500;color:var(--ink3)}
.ualt-ok{color:var(--ok)}
.ualt-attention{color:var(--warn)}
.ualt-offline{color:var(--crit)}
.ualt-unknown{color:var(--ink3)}
.ualt-unknown .ualt-d{background:color-mix(in srgb,currentColor 55%,transparent);box-shadow:none}
.ualt-quiet{color:var(--ink3)}
.ualt-quiet .ualt-d{background:transparent;box-shadow:none;border:1.5px dashed currentColor}
.ualt-snap .ualt-d{margin:0 2px;box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px currentColor} /* Atera snapshot: a thin outer ring */
.ualt-snap.ualt-unknown .ualt-d{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px currentColor}
.ualt-sub{display:block;margin-top:2px}
.ch-id .ualt{margin-top:4px}
@media (forced-colors:active){.ualt-d{forced-color-adjust:none}}