/* ============================================================================
   tema-jmonte.css — camada de identidade compartilhada com o Módulo Financeiro
   (financas.sistemajmonte.com.br). Carregado DEPOIS de style.css / gerente.css
   e do <style> do login: só REDEFINE tokens e as poucas cores que ficaram fixas
   no CSS antigo. Não muda estrutura, nem HTML, nem JS.

   Fonte da verdade dos valores: financeiro-portal/prototipo/theme.css, seção
   "1. TOKENS". Ao mexer lá, replicar aqui (são dois apps separados, sem build).

   Reverter: apagar a linha <link> deste arquivo nos HTML. Nada mais depende dele.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root{
  /* ---- marca J.Monte: navy + vermelho (o módulo usava azul #1D6AA0) ---- */
  --brand-900:#15294d; --brand-800:#1d3660; --brand-700:#27497f;
  --brand-600:#224178; --brand-500:#2b5cb8; --brand-100:#d4dff0; --brand-50:#eef3fb;
  --jm-red:#c62828;   /* vermelho é acento de marca; ação continua azul */

  /* ---- shell: sidebar, topbar e cabeçalho de modal ---- */
  --header-bg:#15294d;
  --header-color:#ffffff;
  --nav-bg:#15294d;

  /* ---- cor de ação (botões, links, foco) ---- */
  --accent:#2b5cb8;
  --accent-hover:#224178;
  --accent-light:rgba(43,92,184,.08);

  /* ---- superfícies ---- */
  --bg-primary:#eef0f3;      /* fundo da página (era #D9D9D9) */
  --bg-secondary:#ffffff;
  --bg-card:#ffffff;
  --bg-hover:#f1f3f7;
  --bg-input:#ffffff;
  --bg:#eef0f3;              /* usado por gerente.css e pelo login */
  --card:#ffffff;
  --surface:#ffffff;         /* já era referenciado sem estar definido */
  --surface-2:#f6f8fb;

  /* ---- bordas ---- */
  --border:#e3e7ee;
  --border-light:#eef0f3;
  --border-strong:#c9d1de;

  /* ---- texto ---- */
  --text-primary:#1f2d3d;
  --text-secondary:#5a6678;
  --text-muted:#7b8794;
  --text:#1f2d3d;

  /* ---- semânticas ---- */
  --success:#2e9e5b; --success-bg:#e6f6ec;
  --warning:#e0a106; --warning-bg:#fff7e6;
  --danger:#c62828;  --danger-bg:#fdecec;
  --info:#2f6fed;    --info-bg:#eaf1ff;
  --purple:#6b4fbf;  --purple-bg:#efeafc;
  --gray:#7b8794;    --gray-bg:#f1f3f7;

  /* ---- raio: nada de canto reto ---- */
  --radius:10px;
  --radius-sm:8px;

  /* ---- sombra em tom navy, não cinza neutro ---- */
  --shadow:0 1px 2px rgba(21,41,77,.04),0 2px 6px rgba(21,41,77,.05);
  --shadow-md:0 1px 3px rgba(21,41,77,.05),0 8px 20px rgba(21,41,77,.07);

  /* ---- apelidos dos tokens do Financeiro ----
     Componentes copiados de lá (dropdown.js, date-picker.js e o CSS deles) vêm
     escritos com estes nomes. Mapeados aqui, o CSS portado funciona sem reescrita. */
  --ink:#1f2d3d; --muted:#7b8794; --line:#e3e7ee; --blue:#2b5cb8;
  --text-subtle:#aab2c0; --gray-100:#f1f3f7; --gray-300:#cdd4e0;
  --sh-1:0 1px 2px rgba(21,41,77,.04),0 2px 6px rgba(21,41,77,.05);
  --sh-2:0 1px 3px rgba(21,41,77,.05),0 8px 20px rgba(21,41,77,.07);
  --sh-3:0 4px 10px rgba(21,41,77,.06),0 20px 44px rgba(21,41,77,.13);
  --sh-4:0 6px 16px rgba(21,41,77,.10),0 24px 48px rgba(21,41,77,.16);
  --r-sm:8px; --r-md:10px; --r-lg:13px; --r-full:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:15px; --fs-lg:17px;
  --t-fast:120ms; --t:180ms; --t-slow:260ms; --ease:cubic-bezier(.2,.7,.3,1);

  --font-sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,'SF Mono',monospace;
  color-scheme:light;
}

/* Tipografia: o CSS antigo pedia 'Plus Jakarta Sans' sem nunca carregar a fonte,
   então na prática o módulo rodava na fonte do sistema. */
body{font-family:var(--font-sans)}
button,input,select,textarea{font-family:inherit}

/* Item ativo do menu lateral: mesmo realce do Financeiro (gradiente azul + barra),
   no lugar do véu branco translúcido. Só cor — posição e tamanho ficam como estão. */
.sidebar-nav .tab.active{
  background:linear-gradient(90deg,rgba(43,92,184,.38),rgba(43,92,184,.15));
  border-left-color:#5a83c9;
  box-shadow:inset 0 0 0 1px rgba(90,131,201,.34);
}
.sidebar-nav .tab:hover:not(.active){background:rgba(255,255,255,.07)}