/* ════════════════════════════════════════════════════════════════════════
   ADS FINANCEIRO — BASE  v1
   Reset e globais minimos partilhados por todos os paineis.
   Ordem de carga: tokens.css -> base.css -> <style> inline de cada painel.
   Os estilos inline sempre tomam precedencia (vem depois no cascade).
════════════════════════════════════════════════════════════════════════ */

/* ── BOX-MODEL RESET ──────────────────────────────────────────────────────
   index.html e painel_cobranca.html definem isto explicitamente.
   painel_executivo, painel_credito e painel_cfo dependem do preflight
   do Tailwind CDN, que ja aplica a mesma regra. Repetir aqui e inofensivo
   e garante o mesmo comportamento se o Tailwind for removido no redesign. */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── BODY BASE ────────────────────────────────────────────────────────────
   Minimo denominador comum dos 5 arquivos. Cada painel sobrescreve
   o que precisa no seu <style> inline (cascade garante isso).

   background-color: todos os 5 usam #020617 como base escura.
     Excecao: cobranca usa #080C11 via var(--bg) no seu body inline.
   color: todos usam #f1f5f9 (ou var(--text) que resolve para #f1f5f9).
   font-family: 4/5 usam Inter; cobranca usa Space Grotesk e sobrescreve.

   Resultado visual: zero alteracoes — os inline ganham em todos os casos. */
body {
  background-color: #020617;
  color: #f1f5f9;
  font-family: 'Inter', sans-serif;
}

/* ── O QUE FICOU DE FORA E POR QUE ───────────────────────────────────────

   Scrollbar: nao e identica.
     index usa seletor global (::-webkit-scrollbar), width 6px, track transparent.
     executivo/credito usam .custom-scroll, width 6px, track diferente entre si.
     cobranca/cfo usam seletor global, width 5px.
     -> Sera normalizada no components.css apos decisao de design.

   @keyframes spin: presente em index, cobranca e cfo (3/5).
     executivo e credito nao definem — usam Tailwind animate-spin.
     -> Ficara nos arquivos que precisam ate migrarmos o Tailwind.

   @keyframes fadeIn: definida em todos os 5, mas com valores diferentes.
     index/cobranca/cfo: from{opacity:0}to{opacity:1}  (sem transform)
     executivo/credito:  from{opacity:0;transform:translateY(12px)} (com transform)
     -> Nao ha versao identica universal. Sera resolvida no redesign.

   @keyframes fadeUp: translateY difere entre os 3 arquivos que a definem
     (20px, 14px, 16px). Nao existe em executivo/credito.

   focus-visible: presente em index e cobranca (2/5), com opacidade diferente
     (.7 vs .6). Sera unificada no components.css.
──────────────────────────────────────────────────────────────────────── */