/* css/base.css - tokens (:root), reset, tipografia, cabecalho, casca lateral e grade base. */
:root{
  /* paleta do BI LABOR RURAL (skill lr-dashboards): verde-petroleo #004d49,
     verde dos KPIs #0f6e56 e neutros do dashboard gerencial. */
  --brand:#004d49;--brand-2:#0f6e56;--brand-3:#29927d;--brand-deep:#003f3c;
  --bg:#f7f9f9;--panel:#ffffff;--panel2:#f8faf9;--line:#dce3e5;--line-soft:#e9edef;
  --ink:#162640;--menu-txt:#014945;--muted:#65707c;
  --mint:#4fc9b0;--mint-soft:#eaf6f3;
  --err:#e23e3b;--errbg:#fff0ef;--errline:#f4cfcd;
  --warn:#e28a10;--warnbg:#fff6e7;--warnline:#f3dcb5;
  --ok:#2e9e44;--okbg:#e9f6ec;--okline:#c6e6cd;
  --info:#2385c7;
  --gold:#b08a2e;--goldbg:#f8f1de;
  --input-ink:var(--ink);
  /* tabelas e campos no padrao Elabore (css/padrao-elabore.css) */
  --tab-cab-bg:#f4f5f7;--tab-cab-ink:#334155;--campo-h:32px;--campo-borda:#cfd8dc;
  /* series dos graficos: principal, comparacao, intermediaria e area */
  --chart-1:#004d49;--chart-2:#a9d1c5;--chart-3:#29927d;--chart-area:rgba(79,201,176,.14);
  /* tipografia sobria: uma familia so, sem serifa decorativa.
     O peso e o espacamento fazem a hierarquia, nao o desenho da letra. */
  --font-d:"Open Sans","Segoe UI",Arial,sans-serif;
  --font-b:"Open Sans","Segoe UI",Arial,sans-serif;
  --rad:14px;--rad-s:9px;
  --shadow:0 1px 3px rgba(0,77,73,.07),0 8px 24px rgba(0,77,73,.06);

  /* tokens de movimento e animacoes no padrao Elabore */
  --ease-elabore:cubic-bezier(0.16,1,0.3,1);
  --ease-saida:cubic-bezier(0.4,0,1,1);
  --ease-tatil:cubic-bezier(0.2,0,0,1);
  --dur-instant:80ms;
  --dur-rapida:140ms;
  --dur-normal:180ms;

  /* escala de espacamento em rem (base 1rem = 16px) */
  --esp-1:0.25rem;
  --esp-2:0.5rem;
  --esp-3:0.75rem;
  --esp-4:1rem;
  --esp-5:1.25rem;
  --esp-6:1.5rem;
  --esp-8:2rem;
  --esp-10:2.5rem;

  /* paleta de apoio (primitivas) herdada dos padrões Elabore: mesmos valores que estavam soltos nas folhas.
     O tema escuro redefine estas variáveis aqui. --on-brand = texto/ícone sobre fundo escuro (verde, petróleo) */
  --on-brand:#ffffff;
  --ambar-010:#fffdf8;
  --ambar-020:#fffdf4;
  --ambar-030:#fffdf0;
  --ambar-040:#fffbe9;
  --ambar-110:#fff1c9;
  --ambar-110b:#fef3c7;
  --ambar-150:#eee3c3;
  --ambar-220:#e7d9a8;
  --ambar-230:#fde68a;
  --ambar-250:#e2d29a;
  --ambar-260:#ecd48c;
  --ambar-290:#dccb8f;
  --ambar-440:#c4a75a;
  --ambar-490:#d6a92f;
  --azul-010:#fbfcfd;
  --azul-020:#f8fafc;
  --azul-040:#f1f5f9;
  --azul-050:#edf2f7;
  --azul-070:#ebedf0;
  --azul-090:#e2e8f0;
  --azul-120:#dce1e6;
  --azul-160:#cbd5e0;
  --azul-160b:#cbd5e1;
  --azul-310:#a0aec0;
  --azul-350:#94a3b8;
  --azul-480:#718096;
  --azul-530:#64748b;
  --azul-650:#4a5568;
  --azul-650b:#475569;
  --azul-770:#2d3748;
  --azul-830:#1e293b;
  --azul-890:#0f172a;
  --cinza-040:#f4f4f5;
  --cinza-100:#e4e4e7;
  --cinza-1000:#000000;
  --cinza-250:#b9c6c0;
  --cinza-350:#a1a1aa;
  --cinza-540:#71717a;
  --cinza-960:#09090b;
  --laranja-030:#fffaf0;
  --laranja-110:#feebc8;
  --laranja-500:#dd6b20;
  --laranja-560:#d97706;
  --laranja-590:#b4541c;
  --laranja-710:#7c5a18;
  --laranja-710b:#854d0e;
  --laranja-730:#7a5312;
  --laranja-740:#78350f;
  --laranja-740b:#713f12;
  --petroleo-030:#f4faf8;
  --petroleo-040:#f1f8f5;
  --petroleo-060:#eef3f2;
  --petroleo-110:#dcece6;
  --petroleo-110b:#dfe8e4;
  --petroleo-130:#cceee6;
  --petroleo-280:#8be4d2;
  --petroleo-700:#1f7a4d;
  --petroleo-710:#1c7660;
  --petroleo-750:#0f6f57;
  --petroleo-820:#0b5341;
  --verde-020:#f8fbf9;
  --verde-030:#f0fdf4;
  --verde-040:#f3f8f5;
  --verde-070:#dcfce7;
  --verde-100:#d1fae5;
  --verde-150:#bbf7d0;
  --verde-640:#16a34a;
  --verde-760:#166534;
  --verde-800:#14532d;
  --vermelho-010:#fffafa;
  --vermelho-020:#fff5f5;
  --vermelho-030:#fef2f2;
  --vermelho-060:#fee2e2;
  --vermelho-080:#f8dfdd;
  --vermelho-080b:#fed7d7;
  --vermelho-110:#fecaca;
  --vermelho-180:#edb9b5;
  --vermelho-360:#d8746e;
  --vermelho-490:#dc2626;
  --vermelho-610:#874642;
  --vermelho-610b:#9b2c2c;
  --vermelho-650:#991b1b;
  --vermelho-690:#7f1d1d;
  --vermelho-700:#7b341e;

  /* transparências (sombras, véus e realces) herdadas das folhas, com os mesmos valores.
     --sombra-aNN = preto com NN% · --brilho-aNN = branco com NN% · demais: família-escuridão-aNN */
  --ambar-490-a22:rgba(214,169,47,.22);
  --ambar-580-a12:rgba(185,139,29,.12);
  --brilho-a12:rgba(255,255,255,.12);
  --brilho-a14:rgba(255,255,255,.14);
  --brilho-a16:rgba(255,255,255,.16);
  --brilho-a18:rgba(255,255,255,.18);
  --brilho-a22:rgba(255,255,255,.22);
  --brilho-a88:rgba(255,255,255,.88);
  --cinza-190:rgb(205,207,208);
  --petroleo-680-a22:rgba(13,148,136,.22);
  --petroleo-750-a14:rgba(15,110,86,.14);
  --petroleo-750-a15:rgba(15,110,86,.15);
  --petroleo-750-a16:rgba(15,111,87,.16);
  --petroleo-750-a18:rgba(15,110,86,.18);
  --petroleo-750-a40:rgba(15,110,86,.4);
  --petroleo-850-a14:rgba(0,77,73,.14);
  --petroleo-850-a18:rgba(0,77,73,.18);
  --petroleo-850-a72:rgba(0,77,73,.72);
  --petroleo-850-a78:rgba(0,77,73,.78);
  --petroleo-890-a24:rgba(0,58,54,.24);
  --petroleo-890-a30:rgba(0,58,54,.3);
  --petroleo-920-a28:rgba(0,40,38,.28);
  --petroleo-940-a30:rgba(0,32,29,.3);
  --petroleo-940-a50:rgba(0,32,29,.5);
  --petroleo-950-a50:rgba(0,26,24,.5);
  --sombra-a03:rgba(0,0,0,.03);
  --sombra-a04:rgba(0,0,0,.04);
  --sombra-a05:rgba(0,0,0,.05);
  --sombra-a06:rgba(0,0,0,.06);
  --sombra-a07:rgba(0,0,0,.07);
  --sombra-a08:rgba(0,0,0,.08);
  --sombra-a12:rgba(0,0,0,.12);
  --sombra-a16:rgba(0,0,0,.16);
  --sombra-a22:rgba(0,0,0,.22);
  --sombra-a30:rgba(0,0,0,.3);
  --sombra-a35:rgba(0,0,0,.35);
  --vermelho-360-a22:rgba(216,116,110,.22);
  --vermelho-500-a11:rgba(185,79,72,.11);

  /* fundos da marca (texto branco por cima) e textos de aviso: no claro, iguais às cores de origem */
  --brand-fundo:var(--brand);--brand-2-fundo:var(--brand-2);--brand-3-fundo:var(--brand-3);--brand-deep-fundo:var(--brand-deep);--menu-txt-fundo:var(--menu-txt);--ok-ink:#14523a;--err-ink:#7d2018;
}

/* ===================== TEMA ESCURO (0.11.0) =====================
   Ligado por data-tema="escuro" no <html> (js/ui/tema.js: padrão claro; escuro só por escolha da pessoa).
   Dentro de @media screen: impressão e PDF são sempre claros.
   Todo token de cor novo do :root precisa de valor aqui (data/tests/tema.test.mjs cobra). */
@media screen{
:root[data-tema=escuro]{color-scheme:dark;
  --bg:#0e1716;
  --panel:#152120;
  --panel2:#1a2725;
  --line:#2a3a38;
  --line-soft:#21302e;
  --ink:#e2ebe9;
  --muted:#b0bdba;
  --menu-txt:#9fdccd;
  --brand:#5cc7b0;
  --brand-2:#4fbf9f;
  --brand-3:#6fd1bb;
  --brand-deep:#a6e6d6;
  --mint:#4fc9b0;
  --mint-soft:#163a34;
  --err:#ff7a75;
  --errbg:#3a1a19;
  --errline:#6b2d2a;
  --warn:#f0a43a;
  --warnbg:#3a2a12;
  --warnline:#6a4a1c;
  --ok:#5cc274;
  --okbg:#15301d;
  --okline:#2a5a35;
  --info:#5aa9e6;
  --gold:#d8b45a;
  --goldbg:#332a14;
  --tab-cab-bg:#1d2b29;
  --tab-cab-ink:#c9d5d3;
  --campo-borda:#3a4846;
  --chart-1:#5cc7b0;
  --chart-2:#2f5e55;
  --chart-3:#8be4d2;
  --chart-area:rgba(92,199,176,.16);
  --shadow:0 1px 3px rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.35);
  --brand-fundo:#0d5e54;
  --brand-2-fundo:#0f6b5f;
  --brand-3-fundo:#13796b;
  --brand-deep-fundo:#0a4842;
  --menu-txt-fundo:#0d5e54;
  --ok-ink:#8fdca4;
  --err-ink:#ff9a94;
  --green-800:#7fd3c0;
  --green-700:#8fdcc9;
  --green-300:#8be4d2;
  --ambar-010:#201a09;
  --ambar-020:#231e0a;
  --ambar-030:#26220b;
  --ambar-040:#2a250c;
  --ambar-110:#403412;
  --ambar-110b:#413814;
  --ambar-150:#433b23;
  --ambar-220:#564d2d;
  --ambar-230:#6a5b20;
  --ambar-250:#605633;
  --ambar-260:#695a2e;
  --ambar-290:#685e3a;
  --ambar-440:#a08744;
  --ambar-490:#c49e36;
  --azul-010:#111418;
  --azul-020:#11161b;
  --azul-040:#151a20;
  --azul-050:#171d23;
  --azul-070:#1e2023;
  --azul-090:#1e242b;
  --azul-120:#282c30;
  --azul-160:#2e353d;
  --azul-160b:#2d343d;
  --azul-310:#4c555f;
  --azul-350:#545d69;
  --azul-480:#6c798c;
  --azul-530:#a3b1c2;
  --azul-650:#939dae;
  --azul-650b:#929fb1;
  --azul-770:#adb7c8;
  --azul-830:#b7c3d6;
  --azul-890:#c4cee6;
  --cinza-040:#1a1a1c;
  --cinza-100:#262629;
  --cinza-1000:#ededed;
  --cinza-250:#444d49;
  --cinza-350:#5c5c61;
  --cinza-540:#a8a8b0;
  --cinza-960:#e2e2e7;
  --laranja-030:#261d0b;
  --laranja-110:#403114;
  --laranja-500:#d17030;
  --laranja-560:#e99432;
  --laranja-590:#d68251;
  --laranja-710:#dcbc7f;
  --laranja-710b:#e6b176;
  --laranja-730:#e2bd80;
  --laranja-740:#e5a581;
  --laranja-740b:#e3b287;
  --petroleo-030:#141e1a;
  --petroleo-040:#16201c;
  --petroleo-060:#1b2120;
  --petroleo-110:#22302b;
  --petroleo-110b:#262d2a;
  --petroleo-130:#223c36;
  --petroleo-280:#346a60;
  --petroleo-700:#81d6ac;
  --petroleo-710:#1c7660;
  --petroleo-750:#0f6f57;
  --petroleo-820:#0b5341;
  --verde-020:#131a15;
  --verde-030:#0f2415;
  --verde-040:#161e19;
  --verde-070:#12321d;
  --verde-100:#163927;
  --verde-150:#1d482c;
  --verde-640:#16a34a;
  --verde-760:#92dfaf;
  --verde-800:#a1e1ba;
  --vermelho-010:#1f0909;
  --vermelho-020:#220a0a;
  --vermelho-030:#230d0d;
  --vermelho-060:#2f0f0f;
  --vermelho-080:#301917;
  --vermelho-080b:#361111;
  --vermelho-110:#3f1313;
  --vermelho-180:#4d2926;
  --vermelho-360:#804642;
  --vermelho-490:#cc3131;
  --vermelho-610:#b57c78;
  --vermelho-610b:#c96767;
  --vermelho-650:#d86767;
  --vermelho-690:#d77d7d;
  --vermelho-700:#d79580;
}
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{font-family:var(--font-b);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}
.wrap{max-width:none;margin:0;--wrap-pb:40px;padding:0 16px var(--wrap-pb)}
/* titulos sobrios: sem serifa, com peso e espacamento negativo */
h1,h2,h3{letter-spacing:-.15px}

section.block{display:none;margin-top:var(--esp-3);animation:fade var(--dur-normal) var(--ease-elabore)}
section.block.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(0.125rem)}to{opacity:1;transform:none}}
.block-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:3px solid var(--brand);padding-bottom:7px;margin-bottom:13px}
.block-head .knum{font-family:var(--font-d);font-weight:700;font-size:15px;color:var(--brand-2);letter-spacing:1px}
.block-head h2{font-family:var(--font-d);font-weight:600;font-size:22.5px;color:var(--brand-deep)}
.block-head .bh-note{font-size:12.5px;color:var(--muted);margin-left:auto}

.grid{display:grid;gap:11px}
.g-kpi{grid-template-columns:repeat(auto-fit,minmax(146px,1fr))}
.g-2{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}