/* ════════════════════════════════════════════════════════════════════════════
   ATLAS V6 · T3 — TOP COMMAND BAR + BOTTOM VOICE DOCK redesign  (css/v6-t3-chrome.css)
   2026-06-29 (account B, Bryan-directed). LOADS LAST among t-sheets, immediately
   before css/v6-lock.css. Selectors are #statusbar-/#hint-bar-scoped so they out-
   specify v6-lock's class-level !important chrome rules.

   Bryan's pick (AskUserQuestion 2026-06-29):
   • TOP BAR  = "Trust-state (north-star)": ONE unified 40px control system; the
     KPI chips (hot leads / tasks due) LEAVE the chrome → replaced by calm
     "Tenant-scoped · Audit-ready" trust text. Gold accent = Ask Atlas ONLY
     (+ the small org indicator dot). No broken lozenges. Aligned baseline.
   • DOCK     = "Premium voice bar": one clear voice affordance (left) + a quiet
     right-aligned system status so the bar reads deliberate, not empty.

   Hard rules kept: single theme, ONE gold (--gold #c18a25) zero cyan, type ≥12px,
   contrast ≥4.5:1, voice IDs/handlers untouched (visual only).
   ════════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────────────
   TOP COMMAND BAR
   ───────────────────────────────────────────────────────────────────────────── */

/* The two right-hand groups become one calm, vertically-centered control row. */
#statusbar .v6-status-strip {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}
#statusbar .v6-top-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* KPIs leave the chrome — hot-leads / tasks-due belong on the Today surface. */
#statusbar .v6-status-strip .v6-chip-leads,
#statusbar .v6-status-strip .v6-chip-tasks { display: none !important; }

/* ── Org workspace indicator → clean 40px pill, real round dot (kills lozenge) ── */
#statusbar .v6-chip-org {
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  background: var(--surface, #fffdf8) !important;
  border: 1px solid var(--line, #d7d0c3) !important;
  box-shadow: none !important;
  font: 650 13px/1 var(--font-ui, Inter, system-ui) !important;
  color: var(--ink, #101722) !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
}
/* The "lozenge" was .v6-status-dot rendering wide — force a 7px round gold dot. */
#statusbar .v6-chip-org .v6-status-dot,
#statusbar .v6-chip-org .v6-status-dot.gold {
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  flex: 0 0 7px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--gold, #c18a25) !important;
  box-shadow: none !important;
}
#statusbar .v6-chip-org #v6-chip-org-name {
  font-weight: 650 !important;
  letter-spacing: .01em !important;
}

/* ── Trust-state text (replaces the KPI chips) ── */
#statusbar .v6-trust-state {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font: 500 12.5px/1 var(--font-ui, Inter, system-ui) !important;
  color: var(--muted, #647184) !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}
#statusbar .v6-trust-sep { color: var(--line-strong, #c4b9a8) !important; }

/* ── Notification bell → 40px neutral circle (gold only on unread badge) ── */
#statusbar #v6-notif-bell {
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: var(--surface, #fffdf8) !important;
  border: 1px solid var(--line, #d7d0c3) !important;
  color: var(--ink, #101722) !important;
}
#statusbar #v6-notif-bell:hover {
  background: #f4f1ea !important;
  border-color: var(--line-strong, #c4b9a8) !important;
}
#statusbar #v6-notif-bell svg { width: 18px !important; height: 18px !important; }

/* ── Role chip "Executive" → proper 40px neutral pill (was bare floating caps) ── */
#statusbar #v6-role-chip {
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid var(--line, #d7d0c3) !important;
  font: 600 12.5px/1 var(--font-ui, Inter, system-ui) !important;
  color: var(--muted, #647184) !important;
  letter-spacing: .03em !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

/* ── "+ New" → 40px neutral outline pill (no gold) ── */
#statusbar .v7-new-btn {
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  background: var(--surface, #fffdf8) !important;
  border: 1px solid var(--line, #d7d0c3) !important;
  color: var(--ink, #101722) !important;
  font: 650 13px/1 var(--font-ui, Inter, system-ui) !important;
  box-shadow: none !important;
}
#statusbar .v7-new-btn:hover {
  background: #f4f1ea !important;
  border-color: var(--line-strong, #c4b9a8) !important;
}
#statusbar .v7-new-btn svg { width: 15px !important; height: 15px !important; color: var(--muted, #647184) !important; }

/* ── Ask Atlas → THE one gold control (40px solid gold, dark ink) ── */
#statusbar .v6-ask-atlas-btn {
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: var(--gold, #c18a25) !important;
  border: 1px solid #b07d1c !important;
  color: #1f1503 !important;
  font: 750 13px/1 var(--font-ui, Inter, system-ui) !important;
  letter-spacing: .01em !important;
  box-shadow: 0 1px 2px rgba(29,24,14,.14) !important;
  filter: none !important;
}
#statusbar .v6-ask-atlas-btn:hover {
  background: #b07d1c !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(29,24,14,.20) !important;
}
#statusbar .v6-ask-atlas-btn svg { color: #1f1503 !important; }

/* ─────────────────────────────────────────────────────────────────────────────
   BOTTOM VOICE DOCK — premium voice bar
   ───────────────────────────────────────────────────────────────────────────── */

#hint-bar.quick-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 0 24px !important;
}

/* Left: the live voice affordance — give it room + clarity. */
#hint-bar .qb-voice-section {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 1 auto !important;
}

/* Right: reuse the (previously hidden) sync panel as a quiet system status so the
   bar reads deliberate, not empty. Calm muted text + a small live dot. No new
   wiring — this reflects the voice runtime state the dock already manages. */
#hint-bar .qb-sync-panel {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font: 500 12px/1 var(--font-ui, Inter, system-ui) !important;
  color: var(--muted, #647184) !important;
  letter-spacing: .03em !important;
  white-space: nowrap !important;
}
/* Single calm line — drop the redundant "SYSTEM" sub-label; the panel's own
   .qbs-dot becomes the live indicator (no duplicate dot). */
#hint-bar .qb-sync-panel .qbs-lab { display: none !important; }
#hint-bar .qb-sync-panel .qbs-stat {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
#hint-bar .qb-sync-panel .qbs-dot {
  width: 7px !important; height: 7px !important;
  min-width: 7px !important;
  border-radius: 50% !important;
  background: var(--good, #2e8b57) !important;
  box-shadow: none !important;
}
#hint-bar .qb-sync-panel,
#hint-bar .qb-sync-panel .qbs-stat { color: var(--muted, #647184) !important; }