/* Arbah v2 — Accounting Settings (Zoho Books sync integration).
   Scoped v2 token restyle of the EXISTING DOM. Applies only under
   .arbah-v2 so legacy + v1 stay byte-identical when the flag is off.

   Scoped via .accounting-page.max-w-4xl (unique to AccountingSettings;
   Cashflow/Invoices use .accounting-page with max-w-7xl).

   NOTE ON DESIGN DIVERGENCE: the arbah-v2 handoff "Accounting settings"
   board is a different surface — a full accounting CONFIGURATION system
   (base currency, fiscal year, invoice-number format, payment terms,
   approval thresholds, chart of accounts, ZATCA e-invoicing CSID,
   commercial registration). NONE of that exists in this app's schema or
   repo; the real page is purely a Zoho Books sync integration (connect /
   disconnect / sync / queue / log). Building the config subsystem would be
   pure fabrication plus new money/tax/schema work — flagged for the
   architect, NOT implemented. This file restyles the real integration
   page to the v2 visual language only. */

.arbah-v2 .accounting-page.max-w-4xl { font-family: var(--arbah-v2-font-sans); color: var(--arbah-v2-ink); }
.arbah-v2 .accounting-page.max-w-4xl .page-title { font-family: var(--arbah-v2-font-display); letter-spacing: -0.3px; }
.arbah-v2[dir="rtl"] .accounting-page.max-w-4xl .page-title { font-family: "IBM Plex Sans Arabic", var(--arbah-v2-font-display); letter-spacing: 0; }

/* Cards / surfaces */
.arbah-v2 .accounting-page.max-w-4xl .bg-white { background: var(--arbah-v2-surface); border-color: var(--arbah-v2-border); }
.arbah-v2 .accounting-page.max-w-4xl .bg-gray-50,
.arbah-v2 .accounting-page.max-w-4xl .bg-slate-50 { background: var(--arbah-v2-surface-sunken); }
.arbah-v2 .accounting-page.max-w-4xl .rounded-xl { border-radius: var(--arbah-v2-radius-lg); }
.arbah-v2 .accounting-page.max-w-4xl .rounded-lg { border-radius: var(--arbah-v2-radius-md); }
.arbah-v2 .accounting-page.max-w-4xl .shadow-xs { box-shadow: var(--arbah-v2-shadow-sm); }
.arbah-v2 .accounting-page.max-w-4xl .sync-status-card { background: var(--arbah-v2-surface); border: 1px solid var(--arbah-v2-border); border-radius: var(--arbah-v2-radius-lg); box-shadow: var(--arbah-v2-shadow-sm); }

/* Inputs */
.arbah-v2 .accounting-page.max-w-4xl input,
.arbah-v2 .accounting-page.max-w-4xl select { background: var(--arbah-v2-surface); border: 1px solid var(--arbah-v2-border); border-radius: var(--arbah-v2-radius-md); color: var(--arbah-v2-ink); }
.arbah-v2 .accounting-page.max-w-4xl input:focus,
.arbah-v2 .accounting-page.max-w-4xl select:focus { outline: none; border-color: var(--arbah-v2-bronze-500); box-shadow: 0 0 0 3px rgba(160,106,44,.16); }

/* Headings — section titles render as mono uppercase labels */
.arbah-v2 .accounting-page.max-w-4xl h2 { font-family: var(--arbah-v2-font-display); color: var(--arbah-v2-ink); }
.arbah-v2[dir="rtl"] .accounting-page.max-w-4xl h2 { font-family: "IBM Plex Sans Arabic", var(--arbah-v2-font-display); }
.arbah-v2 .accounting-page.max-w-4xl h3.text-sm {
  font-family: var(--arbah-v2-font-mono); font-size: 10px; letter-spacing: .06em;
  text-transform: uppercase; color: var(--arbah-v2-ink-subtle); font-weight: 600;
}

/* Numerals (queue / records / log counts) → tabular mono */
.arbah-v2 .accounting-page.max-w-4xl .tabular-nums { font-family: var(--arbah-v2-font-mono); }
.arbah-v2 .accounting-page.max-w-4xl .text-gray-500 { color: var(--arbah-v2-ink-subtle); }
.arbah-v2 .accounting-page.max-w-4xl .text-gray-600 { color: var(--arbah-v2-ink-muted); }
.arbah-v2 .accounting-page.max-w-4xl .text-gray-900 { color: var(--arbah-v2-ink); }
.arbah-v2 .accounting-page.max-w-4xl .text-gray-400 { color: var(--arbah-v2-ink-subtle); }

/* Status pill (StatusPill) — recolour the Tailwind tone classes to v2 tones */
.arbah-v2 .accounting-page.max-w-4xl .sync-status { gap: 6px; font-weight: 600; border: 1px solid transparent; }
.arbah-v2 .accounting-page.max-w-4xl .sync-status-dot { width: 6px; height: 6px; border-radius: 999px; background: currentColor; display: inline-block; }
.arbah-v2 .accounting-page.max-w-4xl .sync-status-connected { background: var(--arbah-v2-success-soft); color: var(--arbah-v2-success); }
.arbah-v2 .accounting-page.max-w-4xl .sync-status-disconnected { background: var(--arbah-v2-surface-raised); color: var(--arbah-v2-ink-subtle); }
.arbah-v2 .accounting-page.max-w-4xl .sync-status-error { background: rgba(185,28,28,.10); color: var(--arbah-v2-danger); }
.arbah-v2 .accounting-page.max-w-4xl .sync-status-reauth_required { background: var(--arbah-v2-warning-soft); color: var(--arbah-v2-warning); }

/* Failed / dead queue counts keep a danger tone */
.arbah-v2 .accounting-page.max-w-4xl .text-red-700 { color: var(--arbah-v2-danger); }

/* Sync log table */
.arbah-v2 .accounting-page.max-w-4xl thead tr { background: var(--arbah-v2-surface-sunken); border-bottom: 1px solid var(--arbah-v2-border); }
.arbah-v2 .accounting-page.max-w-4xl thead th { font-family: var(--arbah-v2-font-mono); font-size: 9.5px; letter-spacing: .06em; color: var(--arbah-v2-ink-subtle); }
.arbah-v2 .accounting-page.max-w-4xl tbody tr { border-color: var(--arbah-v2-border); }
.arbah-v2 .accounting-page.max-w-4xl tbody tr:hover { background: var(--arbah-v2-surface-sunken); }