fix(ui): [hidden] always-visible chip due to CSS specificity

.chip{display:inline-flex} overrides the UA stylesheet's [hidden] rule.
Added [hidden]{display:none!important} to fix all affected elements.

Author: cbullinger

CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
 ## [Unreleased]
 
+### Fixed
+
+- **"Disconnected" chip always visible** — `.chip{display:inline-flex}` in the author stylesheet overrode the browser's `[hidden]{display:none}` UA rule; added `[hidden]{display:none!important}` globally so all hidden elements are correctly concealed.
+
 ## [v0.4.2] - 2026-05-02
 
 ### Fixed

services/web/operator/index.html

@@ -40,6 +40,7 @@
     .topbar-left strong{font-size:0.95rem;}
     .topbar-right{display:flex;align-items:center;gap:0.45rem;}
     .chip{display:inline-flex;align-items:center;gap:3px;padding:0.15rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:500;background:var(--surface-alt);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;}
+    [hidden]{display:none!important;}
     .chip-ok{background:var(--green-light);color:var(--green);border-color:var(--green);}
     .chip-err{background:var(--red-light);color:var(--red);border-color:var(--red);}
     .dot{width:7px;height:7px;border-radius:50%;display:inline-block;}