diff --git a/frontend/src/index.css b/frontend/src/index.css
index 5e2a328..40cfa14 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -231,7 +231,11 @@ html, body, #root { height: 100%; margin: 0; font-size: 14px; }
 .rad-icon.idle     { color: var(--text-mid); }
 
 .ac-block { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding-top: 4px; color: var(--text-dark); }
-.ac-block.off { color: var(--text-mid); opacity: .55; }
+/* Explicit muted colour rather than opacity — opacity alone just faded the
+   'on' fan-bar segments' orange, which read as a washed-out active state
+   rather than a clean off one. */
+.ac-block.off { color: var(--text-mid); }
+.ac-block.off .fan-bar span.on { background: var(--text-mid); }
 .ac-lock { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); color: var(--health-degraded); }
 .ac-mode-row { display: flex; align-items: center; gap: 6px; }
 .ac-temp { font-size: 10.5px; font-weight: 600; color: var(--text-mid); }