/* Arbah v2 — Engineer Today (mobile field surface).
   Scoped v2 token restyle of the EXISTING DOM. Applies only under
   .arbah-v2 so legacy + v1 stay byte-identical when the flag is off.

   This page carries inline color styles (navy #0B2545, slate #64748B,
   green #047857) on its labels / capture zone / action buttons, so the
   v2 retone uses !important to win over those inline declarations. No
   JS/DOM change — the real photo-capture (HEIC), task mark-done, and
   daily-log post flows are untouched; all data is live.

   A deliberate CSS-level pass (not a JS DOM rebuild) was chosen to avoid
   regression risk on the file-upload / dictation / log-post handlers. */

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

/* Surfaces */
.arbah-v2 .engineer-today .bg-white { background: var(--arbah-v2-surface); border-color: var(--arbah-v2-border); }
.arbah-v2 .engineer-today .bg-gray-50, .arbah-v2 .engineer-today .bg-slate-50 { background: var(--arbah-v2-surface-sunken); }
.arbah-v2 .engineer-today .rounded-xl, .arbah-v2 .engineer-today .rounded-2xl { border-radius: var(--arbah-v2-radius-lg); }
.arbah-v2 .engineer-today .rounded-lg { border-radius: var(--arbah-v2-radius-md); }

/* Section / field labels — mono uppercase, navy inline override → v2 ink */
.arbah-v2 .engineer-today .text-xs.uppercase.tracking-widest { color: var(--arbah-v2-ink-subtle) !important; font-family: var(--arbah-v2-font-mono); letter-spacing: .06em; }
.arbah-v2 .engineer-today .text-gray-500 { color: var(--arbah-v2-ink-subtle); }
.arbah-v2 .engineer-today .text-gray-900 { color: var(--arbah-v2-ink); }

/* Photo capture zone */
.arbah-v2 .engineer-today .engineer-capture-zone { background: var(--arbah-v2-surface-sunken) !important; border-color: var(--arbah-v2-border-strong) !important; border-radius: var(--arbah-v2-radius-lg); }
.arbah-v2 .engineer-today .engineer-capture-title { color: var(--arbah-v2-navy-700) !important; font-family: var(--arbah-v2-font-display); }
.arbah-v2 .engineer-today .engineer-capture-hint { color: var(--arbah-v2-ink-muted) !important; }

/* Task rows + mark-done button (green inline → v2 success) */
.arbah-v2 .engineer-today .engineer-task-row { background: var(--arbah-v2-surface); border-color: var(--arbah-v2-border); border-radius: var(--arbah-v2-radius-md); }
.arbah-v2 .engineer-today .engineer-task-title { color: var(--arbah-v2-ink); }
.arbah-v2 .engineer-today .engineer-task-due { color: var(--arbah-v2-ink-subtle); font-family: var(--arbah-v2-font-mono); }
.arbah-v2 .engineer-today .engineer-task-row button { background: var(--arbah-v2-success) !important; border-radius: var(--arbah-v2-radius-md); }

/* Inputs */
.arbah-v2 .engineer-today input, .arbah-v2 .engineer-today select, .arbah-v2 .engineer-today textarea { 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 .engineer-today input:focus, .arbah-v2 .engineer-today select:focus, .arbah-v2 .engineer-today textarea:focus { outline: none; border-color: var(--arbah-v2-bronze-500); box-shadow: 0 0 0 3px rgba(160,106,44,.16); }

/* Post-log primary button (navy inline → v2 navy-700) */
.arbah-v2 .engineer-today section button.w-full { background: var(--arbah-v2-navy-700) !important; border-radius: var(--arbah-v2-radius-md); font-family: var(--arbah-v2-font-sans); }

/* Inline-action links (crew breakdown add / toggle) */
.arbah-v2 .engineer-today .text-blue-600 { color: var(--arbah-v2-bronze-700); }
