/* ════════════════════════════════════════════════════════════════════════════
   ATLAS V6 · T2 — CROSS-PAGE NORMALIZATION   (css/v6-t2-global.css)
   Dated 2026-06-29 · fleet enterprise-uplift (account B). Loads with the T2
   fleet, immediately before css/v6-lock.css.

   Fixes SYSTEMIC V5 leftovers that span multiple views (caught while extending
   the polish past Today/Pipeline/CRM to Day Brief, Transactions, Listings):

     1. The misnamed `.btn-gold` renders CYAN. bundle-pages.css / pipeline.css
        define `.btn.btn-gold { background: color-mix(in srgb, var(--accent) 80%,
        var(--warn) 20%) }`, but `--accent` resolves to a stale V5 cyan inside
        some view scopes — so the "gold" primary button (e.g. Day Brief "Run
        Report") paints cyan, breaking the single-gold rule. Pin it to the
        reliable --gold token (#c18a25) so the primary CTA is gold everywhere.
     2. Raw gray `.btn` defaults (Day Brief "Review Pipeline" / "Check Tasks" —
        rgb(240,240,240) + black) → calm V6 neutral button (scoped to day-brief).
     3. Weak KPI value hierarchy on Day Brief (.v6-brief-metric-*) + Transactions
        (.v6-summary-*) + Client CRM (.v6-crm-tile-*): the value is under-sized so
        the label competes. Standardize the VALUE as a big gold hero (matching the
        already-premium Listings KPI tiles — gold is the V6 house number colour),
        the label small + muted. Honest em-dash renders at hero size = "no data".

   Tokens only (single gold accent --gold #c18a25, zero cyan). Visual-only; no
   markup/JS edits; voice + routing IDs untouched. Each surface class is named
   for its view so the blast radius stays contained.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 1 · GOLD PRIMARY BUTTON — kill the cyan, restore the single gold accent ──
   .btn.btn-gold (0,2,0) here loads after bundle-pages/pipeline's identical
   selector, so it wins by source order — no !important needed. Uses --gold
   (reliably #c18a25), never --accent (cyan in some scopes). */
.btn.btn-gold,
.btn-gold {
  background: var(--gold, #c18a25);
  color: #1f1503;
  border: 1px solid #b07d1c;
  font-weight: 700;
  border-radius: var(--radius, 8px);
  box-shadow: 0 1px 2px rgba(29, 24, 14, .12);
  transition: background .16s ease, box-shadow .16s ease, transform .12s ease;
}
.btn.btn-gold:hover,
.btn-gold:hover {
  background: #b07d1c;
  filter: none;                       /* kills the V5 brightness(1.1) wash */
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(29, 24, 14, .18);
}
.btn.btn-gold:active,
.btn-gold:active { transform: translateY(0); box-shadow: 0 1px 2px rgba(29, 24, 14, .12); }
.btn.btn-gold:focus-visible,
.btn-gold:focus-visible { outline: 2px solid var(--gold, #c18a25); outline-offset: 2px; }

/* ── 2 · RAW GRAY .btn DEFAULTS → calm V6 neutral (Day Brief action row) ──────
   Scoped to #view-day-brief so per-view buttons elsewhere (which carry their own
   classes/specificity) are untouched. */
#view-day-brief .btn:not(.btn-gold) {
  background: var(--surface, #fffdf8);
  border: 1px solid var(--line, #d7d0c3);
  color: var(--ink, #101722);
  font-weight: 600;
  border-radius: var(--radius, 8px);
  padding: 9px 15px;
  box-shadow: 0 1px 2px rgba(29, 24, 14, .05);
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .12s ease;
}
#view-day-brief .btn:not(.btn-gold):hover {
  background: #f4f1ea;
  border-color: var(--line-strong, #c4b9a8);
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(29, 24, 14, .10);
}
#view-day-brief .btn:not(.btn-gold):active { transform: translateY(0); }

/* ── 3 · KPI VALUE = BIG GOLD HERO · label recedes ───────────────────────────
   Standardized on the Listings KPI look (big gold number + small muted label).
   The classes are surface-specific, so this stays contained to these tiles. */
.v6-brief-metric-val,
.v6-summary-val,
.v6-crm-tile-val {
  font: 850 28px/1.12 var(--font-display, "Aptos Display", Inter, system-ui, sans-serif);
  color: var(--gold, #c18a25);
  letter-spacing: -.01em;
}
.v6-brief-metric-label,
.v6-summary-label,
.v6-crm-tile-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--muted, #647184);
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-gold, .btn-gold,
  #view-day-brief .btn:not(.btn-gold) { transition: none; }
  .btn.btn-gold:hover, .btn-gold:hover,
  #view-day-brief .btn:not(.btn-gold):hover { transform: none; }
}
