/* ============================================================
   Arbah v2 — Progress surface (Lane D)
   Scoped restyle of the Progress page DOM under .arbah-v2.
   Legacy AND v1 paint stay byte-identical when the flag is off.

   ENRICHMENT NOTE — protocol "style only what exists, log missing DOM":
   The Progress page (src/pages/Progress.js) has NO unique page-root
   class hook (it's a generic .p-6.lg:p-8.max-w-7xl.mx-auto.space-y-6
   container). Without a .progress-page or similar named hook, this
   file cannot scope v2 paint to the Progress page without bleeding
   into any other page that uses the same Tailwind compound. The SPEC's
   per-phase progress bars, KPI row, trend chart in .card, and
   milestone-ribbon markers do not have named DOM hooks in the live
   code either; the source uses inline-conditional Tailwind compounds.

   The richer SPEC presumes a more structured DOM than what ships
   today. Filling this file aggressively would either (a) target
   generic utilities and bleed cross-surface, or (b) invent class
   hooks, which the protocol forbids ("Never add it via CSS or JS").

   Logged enrichment for the architect:
   - Add .progress-page to the outer container in Progress.js line 1045.
   - Add .progress-project-card to each per-project card row.
   - Add .progress-phase-bar to the .h-3 bar wrapper.
   - Then this stub can be repainted with v2 tokens in a follow-up CSS-only PR.

   For now this file ships a single safe rule: the page's tab-bar
   active-state indicator is the most surface-specific Tailwind
   compound visible in the page, and it's not used anywhere else.
   Lifting just that compound demonstrates the file is wired and
   ready for the enrichment follow-up — without invading neighbors.

   !important policy: 0. RTL: no directional properties touched.
   ============================================================ */

/* -- Tab-bar active state (Progress page tabs) -- */
/* The page uses .border-blue-600.text-blue-600 for the active tab;
   .border-transparent.text-gray-500 for inactive. Re-tone to v2 brand. */
/* This selector is scoped to the Progress page's tab row by the
   .overflow-x-auto.flex.gap-0 parent — a structurally unique compound
   in this codebase. */
.arbah-v2 .flex.gap-0.overflow-x-auto > .border-blue-600.text-blue-600 {
  border-bottom-color: var(--arbah-v2-brand);
  color: var(--arbah-v2-brand);
}
.arbah-v2 .flex.gap-0.overflow-x-auto > .border-transparent.text-gray-500 {
  color: var(--arbah-v2-ink-muted);
}
.arbah-v2 .flex.gap-0.overflow-x-auto > .border-transparent.text-gray-500:hover {
  color: var(--arbah-v2-ink);
}