/* driver/styles.css (MOVA • Uber-like • clean • professional) */
:root{
  --app-font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* MOVA palette */
  --blue: #1D4ED8;
  --gold: #F9D515;
  --bg: #0B0F19;
  --text: #0B0F19;
  --white: #FFFFFF;
  --gray: #F3F4F6;
  --muted: rgba(11,15,25,.65);
  --black: #1f1e1f;

  --danger:#FF4D4D;
  --warn:#FFCC00;

  /* UI tokens */
  --sheet: rgba(255,255,255,1);
  --sheetBorder: rgba(11,15,25,.10);
  --border-soft: rgba(2,6,23,.12);

  --text-strong: #0B0F19;
  --text-muted: rgba(11,15,25,.62);
  --color-brand: #F9D515;

  --card: rgba(11,15,25,1);
  --cardBorder: rgba(255,255,255,.12);

  --shadow: 0 18px 50px rgba(0,0,0,.28);
  --shadowUp: 0 -18px 50px rgba(0,0,0,.28);

  --r12: 12px;
  --r14: 14px;
  --r18: 18px;
  --r22: 22px;

  --tap: 44px;
}


/* =========================================================
   VEH PAGE 2 - Vistoria (Layout bonito / padrão app)
   Escopo: somente Step 2 / Vistoria
========================================================= */

:root{
  --veh-bg: #0b0f14;
  --veh-surface: rgba(255,255,255,.06);
  --veh-surface-2: rgba(255,255,255,.09);
  --veh-border: rgba(255,255,255,.10);
  --veh-text: rgba(255,255,255,.92);
  --veh-muted: rgba(255,255,255,.62);

  --veh-primary: #6ea8ff;
  --veh-primary-2: #4d8dff;

  --veh-danger: #ff5b6b;
  --veh-success: #38d39f;

  --veh-radius: 18px;
  --veh-radius-sm: 12px;

  --veh-shadow: 0 12px 30px rgba(0,0,0,.35);
}

/* =========================
   CHAT (CLIENT) — Uber-like / coeso com o app
   Cole no FINAL do styles.css (substitui o bloco antigo)
========================= */

/* Camadas (garante que chat fica acima do panel, mas abaixo de modal) */
:root{
  --z-panel: 1100;
  --z-drawerOverlay: 2000;
  --z-drawer: 2100;
  --z-chatOverlay: 2200;
  --z-chat: 2300;
  --z-modal: 9999;
}