/* ===== Plataforma BI — Design System (cores West Brasil) ===== */
:root{
  --navy:#0a4479;          /* primária */
  --navy-deep:#063763;     /* gradientes / escuro */
  --navy-700:#0c528f;      /* hover */
  --navy-100:#e8eef5;      /* superfícies suaves */
  --red:#e73039;           /* acento (uso pontual) */
  --red-soft:#fdeaea;
  --ink:#16233a;           /* texto principal */
  --muted:#667891;         /* texto secundário */
  --titulo:#0a4479;        /* título sobre superfície (não é a cor de superfície) */
  --realce:#0a4479;        /* número grande, link de destaque */
  --line:#e4e9f1;          /* bordas */
  --bg:#f5f7fa;            /* fundo app */
  --panel:#ffffff;
  --ok:#0f8a4d;
  --radius:12px;
  --shadow-sm:0 1px 2px rgba(16,35,58,.06), 0 1px 3px rgba(16,35,58,.05);
  --shadow-md:0 6px 22px rgba(16,35,58,.10);
  --font:-apple-system,"Segoe UI",Roboto,system-ui,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;font-family:var(--font);color:var(--ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
svg{display:block;}

/* botões */
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);
  background:var(--panel);color:var(--ink);border-radius:10px;padding:9px 14px;
  font-size:.85rem;font-weight:500;cursor:pointer;transition:.15s;}
.btn:hover{border-color:var(--navy);color:var(--navy);}
.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff;}
.btn-primary:hover{background:var(--navy-700);border-color:var(--navy-700);color:#fff;}
.btn svg{width:16px;height:16px;}

/* inputs */
.field{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;
  font-size:.92rem;color:var(--ink);outline:none;background:#fff;transition:.15s;}
.field:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(10,68,121,.10);}
.field::placeholder{color:#9aa8bd;}
label.lbl{display:block;font-size:.75rem;font-weight:600;letter-spacing:.03em;
  text-transform:uppercase;color:var(--muted);margin:16px 0 7px;}

/* util */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.scroll::-webkit-scrollbar{width:8px;height:8px;}
.scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:8px;}
.scroll::-webkit-scrollbar-track{background:transparent;}