/* css/hud.css — Braun redesign HUD control bar (v3.0).
   Imported into `components`. Authoritative values: rd-styles.css §"HUD".
   Phone HUD overrides live in responsive.css. */

.hud {
  flex-shrink: 0; display: flex; align-items: center; gap: 10px; padding: 12px 18px;
  padding-bottom: max(12px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--line); background: var(--surface); z-index: 3;
}
.hud__spacer { flex: 1; }
.hud__util { display: flex; align-items: center; gap: 7px; }
.hud__chip {
  height: 34px; padding: 0 11px; display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid var(--line-2); border-radius: var(--r-ctrl);
  font-family: var(--mono); font-size: 11px; color: var(--amber-ink); letter-spacing: .04em; /* AUD-F8 */
}
.hud .btn--icon { height: 38px; width: 38px; }

/* AUD-F42: passive wake-lock confirmation. The "Awake" chip is CSS-hidden on the
   platform, leaving no always-visible signal that the FOH device won't sleep
   mid-show. main.js toggles .has-wake on the settings gear(s) from the existing
   wakelock-changed event; the dot uses ::before (::after is the coarse-pointer
   hit-area bump). */
#settings-btn, #settings-gear { position: relative; }
#settings-btn.has-wake::before, #settings-gear.has-wake::before {
  content: ''; position: absolute; top: 3px; right: 3px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--ok-ink); box-shadow: 0 0 4px color-mix(in oklab, var(--green) 60%, transparent);
}

/* cue button live state */
.hud__cuebtn { flex-shrink: 0; }
.hud__cuebtn.is-on { background: var(--amber); color: var(--ink-on-accent); border-color: transparent; font-weight: 600; } /* AUD-F41 */