/* ════════════════════════════════════════════════════════════════════════
   ATLAS V6 — POLISH PASS  (2026-06-28 design audit, Bryan pre-demo)
   ────────────────────────────────────────────────────────────────────────
   Loads AFTER every v6 base/page/aug sheet and BEFORE v6-lock.css, so these
   enterprise-calm refinements win by load order without disturbing the
   single-theme chrome lock.

   Scope (surgical):
     1. Card elevation → enterprise-calm shadow + a hand-crafted hover lift
        on the light work-surface cards (Linear/Ramp/Attio feel).
     2. Unified gold :focus-visible fallback for keyboard a11y (class-scoped
        intentional rings still win on specificity — this only fills gaps).
     3. Reusable empty-state primitive (.v6-empty-state) so panels with no
        data read as "nothing yet", never as broken.

   NOTE: the live DOM has NO `.v6-card` class (the audit brief assumed one) —
   the real work-surface cards are `.v6-panel`, `.v6-kpi-tile`, and the shell
   `.panel`. These are the elements targeted below.
   Multi-tenant binding + voice dock IDs untouched. No new colors invented —
   everything resolves to existing V6 tokens.
   ════════════════════════════════════════════════════════════════════════ */

/* ── 1. CARD ELEVATION + HOVER LIFT ─────────────────────────────────────── */
/* Resting: calm two-layer shadow (replaces the floaty 0 10px 24px). The 1px
   border already carries the card's edge, so the shadow can be subtle. */
.v6-panel:not(.dark),
.v6-kpi-tile,
.v6-today-col > .panel:not(.dark) {
  box-shadow: var(--shadow-card) !important;
  transition: box-shadow .16s ease, transform .16s ease;
}

/* Hover: a 1px lift + slightly deeper shadow. Only light cards lift — the dark
   control panels (Ask Atlas / Operating Graph / Trust Rail) stay planted. */
.v6-panel:not(.dark):hover,
.v6-kpi-tile:hover {
  box-shadow: var(--shadow-card-hover) !important;
  transform: translateY(-1px);
}

/* Dark control panels keep a calm, deeper resting shadow (no lift). */
.v6-panel.dark,
.v6-trust-rail {
  box-shadow: 0 12px 28px rgba(16,23,34,.16) !important;
}

/* ── 2. UNIFIED GOLD FOCUS-VISIBLE ──────────────────────────────────────── */
/* Keyboard-only (focus-visible) gold ring fallback. Specificity (0,1,1) beats
   bare resets but loses to intentional class-scoped rings (e.g. the teal
   .v6-action-btn:focus-visible), so deliberate accents survive. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
[role="tab"]:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--gold, #c18a25);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ── 3. EMPTY-STATE PRIMITIVE ───────────────────────────────────────────── */
/* Drop into any panel body that has no rows yet. Centered, subdued, on-brand. */
.v6-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 28px 16px;
  text-align: center;
}
.v6-empty-state .v6-empty-icon {
  font-size: 26px;
  line-height: 1;
  font-weight: 300;
  color: var(--line-strong, #c4b9a8);
}
.v6-empty-state p {
  margin: 0;
  font-size: 14px;
  color: var(--muted, #8a8270);
  max-width: 32ch;
}
/* On the dark control panels, lighten the empty-state text so it stays legible. */
.v6-panel.dark .v6-empty-state p,
.v6-trust-rail .v6-empty-state p { color: #9fb0bf; }
.v6-panel.dark .v6-empty-state .v6-empty-icon,
.v6-trust-rail .v6-empty-state .v6-empty-icon { color: rgba(255,255,255,.35); }