/* ════════════════════════════════════════════════════════════════════════════
   ATLAS V6 · T2 — VOICE DOCK / BOTTOM BAR enterprise polish   (2026-06-29)
   ────────────────────────────────────────────────────────────────────────────
   Surface: the persistent press-to-talk command bar (#hint-bar) — the always-
   visible voice dock reading "READY · TAP SPACE TO START · ESC TO END" with the
   gold orb + gear. Loads LAST (after v6-enterprise.css, before v6-lock.css), so
   single-class specificity wins over base v6 rules.

   Defects this fixes / elevations it adds:
     1. The bottom bar blended into the cream work surface (faint greenish V5 top
        border + a leftover V5 glow box-shadow). → A crisp warm hairline + a soft
        UPWARD elevation + a 1px top bevel so it reads as a distinct PINNED dock
        lifting off the cream surface. Warm near-white surface (no cyber gradient).
     2. The orb idle glow was a wide gold halo (up to 14px/5px spread). → A calm,
        tight gold definition ring + a quiet slow breathe + a physical drop shadow.
        Reduced-motion → fully static. No neon / holographic / cyan (all retired).
     3. Status + mic text and the gear made calm, aligned, >=12px enterprise-legible.
     4. Dock stays COMPACT — zero height/padding growth on the 60px bar (the
        1920x1080 frame must not scroll). Elevation is shadow/border only.

   EXTENDS (does NOT replace) the launch-morning voicedock block in
   css/v6-enterprise.css — that retinted cyan->gold, dropped the redundant ATLAS
   caption + VOICE COMMAND label, and sized the fonts/gear; all of that is kept.

   Hard rules honored: locked V6 tokens only (ONE gold accent --gold #c18a25, zero
   cyan), text >=12px @ >=4.5:1, hover = shadow/bg/transform only (no layout shift),
   every animation reduced-motion-gated. CSS visual-only — every voice id/handler
   (#hint-bar, .vd-host, .vd-dock, #orb-wrap/.vd-orb, #mic-state-text/.vd-mic,
   #vd-status-bar, #tag-voice, #dock-settings-btn/.vd-gear) is untouched.
   !important is used ONLY to beat lower-layer V5 `.quick-bar` !important leftovers
   and the JS-injected #vocal-launch inline <style> — each such use is commented.
   ════════════════════════════════════════════════════════════════════════════ */


/* ── 1. PINNED DOCK SURFACE ──────────────────────────────────────────────────
   #hint-bar carries V5 leftovers set with !important in bundle-base/jarvis:
   a near-white bg (light theme), a faint green hairline, and a wide cyan-era
   glow box-shadow. id+class (1,1,0)!important wins those `.quick-bar` rules.
   We keep the warm near-white surface (--surface, a hair lighter than the cream
   --bg work area, so the strip reads as elevated) and replace the divider+shadow
   with a crisp warm hairline, a calm UPWARD ambient lift, and a 1px top bevel.
   No height/padding set here — the bar stays exactly 60px (no body scroll). */
#hint-bar.quick-bar {
  background: var(--surface, #fffdf8) !important;           /* beats V5 .quick-bar bg !important */
  border-top: 1px solid var(--line-strong, #c4b9a8) !important; /* crisp warm divider (was faint green) */
  box-shadow:
    0 -6px 18px -12px rgba(29, 24, 14, .12),                /* soft upward lift off the cream surface */
    inset 0 1px 0 rgba(255, 255, 255, .55)                  /* 1px top bevel highlight (machined edge) */
    !important;                                             /* beats the leftover V5 glow box-shadow */
}


/* ── 2. DOCK HOST — single, clean surface ────────────────────────────────────
   The voice section carried its OWN white bg + top border (voice-dock.css
   addendum), which double-lined against the bar. Make it transparent so the bar
   is the one dock surface; add a little left breathing room so the cluster reads
   as an intentional dock, not edge-hugging. The light-theme selector matches the
   addendum's specificity (0,3,1) and wins by load order; the plain selector
   covers any non-light context. No vertical padding — compactness preserved. */
:root[data-theme="light"] .qb-voice-section.vd-host,
.qb-voice-section.vd-host {
  background: transparent;
  border-top: 0;
  padding-left: 12px;
}


/* ── 3. ORB — tasteful, calm, gold ───────────────────────────────────────────
   The idle breathe lives on .vd-orb .orb via @keyframes vd-orb-idle-glow
   (assigned in the base sheet). We REDEFINE that keyframe here, quieter: a
   constant 1px gold definition ring + a constant soft drop shadow (the orb reads
   as a physical gold puck on the light bar) plus a slow, low-amplitude gold
   breathe. No wide halo, no neon. During listening/thinking/speaking the base
   `.orb-wrap.<state> .orb { animation:none }` rules (higher specificity) still
   win, so voice.js owns the active states untouched. */
@keyframes vd-orb-idle-glow {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(193, 138, 37, .26),
      0 1px 3px rgba(29, 24, 14, .20),
      0 0 5px 1px rgba(193, 138, 37, .10);
  }
  50% {
    box-shadow:
      0 0 0 1px rgba(193, 138, 37, .30),
      0 1px 3px rgba(29, 24, 14, .20),
      0 0 9px 2px rgba(193, 138, 37, .05);
  }
}
/* Slow the breathe for an executive-calm cadence (base assigned 3s). */
.vd-orb .orb { animation-duration: 4.2s; }

/* Round, calm focus ring on the keyboard-focusable orb (role=button, tabindex=0).
   The outline follows the puck's radius in modern engines. */
.vd-orb.orb-wrap:focus-visible {
  outline: 2px solid var(--gold, #c18a25);
  outline-offset: 3px;
  border-radius: 999px;
}


/* ── 4. STATUS + MIC TEXT — calm, aligned, legible ───────────────────────────
   v6-enterprise already lifts these to 12px gold-tinted; here we just tidy the
   rhythm: the READY/LISTENING eyebrow sits tight above the dock row, the mic
   instruction line is comfortably leaded and never clipped vertically. */
.vd-status-bar {
  line-height: 1;
  margin-bottom: 1px;
}
.vd-mic.mic-indicator {
  line-height: 1.1;
}
/* The mic-pulse dot: calm gold, no glow (matches the single accent). */
.vd-mic .mic-pulse {
  width: 6px;
  height: 6px;
  border-radius: 999px;
}


/* ── 5. GEAR — refined ghost icon button ─────────────────────────────────────
   v6-enterprise sizes it (36px, gold-muted, hover surface-2). Add a resting
   transparent hairline that warms on hover so it reads as a real, quiet button
   without any layout shift. */
.vd-gear.hero-settings-btn {
  border: 1px solid transparent;
}
.vd-gear.hero-settings-btn:hover {
  border-color: var(--line, #d7d0c3);
}


/* ── 6. REDUCED MOTION — fully static, calm resting orb ──────────────────────
   Belt-and-suspenders: pin the orb to its resting (0%) shadow and stop the
   breathe for users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .vd-orb .orb {
    animation: none !important;
    box-shadow:
      0 0 0 1px rgba(193, 138, 37, .26),
      0 1px 3px rgba(29, 24, 14, .20),
      0 0 5px 1px rgba(193, 138, 37, .10) !important;
  }
}

/* NOTE: #vocal-launch ("Room Bookings") is fixed authoritatively at source in
   js/meeting-calendar-panel.js (SVG icon, V6 rail pill, repositioned clear of
   the dock + rail). No CSS override here — single source of truth. */