/* =============================================================================
   VYNC · theme-vync.css — PALETA DA MARCA VYNC (camada final, depois do theme-vidro.css)
   Marca: verde-escuro #24362F (símbolo e letras), terracota #B85C3A (fio do símbolo),
   creme #F3F1EA (fundo do favicon), grafite esverdeado #1E2522 (texto).
   Mantém o ar claro, limpo e leve do tema de vidro; troca só a cor:
     · cena: azul-aço  → creme claro com toque verde e terracota bem suaves;
     · âncora (botão primário, item ativo, cartão-herói): grafite+lima → verde VYNC + creme;
     · acento (contadores, foco, marcadores): lima → terracota;
     · apoio (info, links, gráficos): aço → verde-acinzentado.
   Vale para o Gestão e para o LicitaHub (que carrega os temas do Gestão).
   Para voltar à paleta anterior basta tirar este arquivo dos HTML.
   ============================================================================= */
:root{
  --verde:#24362F; --verde-2:#2F4740; --verde-3:#3E5A4F; --verde-4:#6F8A7D;
  --terra:#B85C3A; --terra-2:#9E4B2D; --creme:#F3F1EA;

  --azul-claro:#4E6B5E; --azul-medio:#6F8A7D; --azul-escuro:#24362F;
  --azul-profundo:#141B18; --azul-aco:#93A89C; --azul-apoio:rgba(36,54,47,.12);
  --b50:#F4F6F3; --b100:#E8EEEA; --b200:#D5E0D9; --b300:#B7C9BE; --b400:#8FA699;
  --b500:#5F7C6D; --b600:#3E5A4F; --b700:#24362F; --b800:#1A2823; --b900:#121C18;

  --ink:#1E2522; --ink-2:#3A4541; --ink-3:#66716C;
  --line:rgba(30,37,34,.10); --line-2:rgba(30,37,34,.06);
  --bg:#F1F0EB;

  --info:#3E5A4F; --info-bg:rgba(62,90,79,.10); --info-ink:#2F4740;
  --accent:#B85C3A; --accent-ink:#9E4B2D; --glow:rgba(184,92,58,.28);
  --violet:#6F8A7D; --cyan:#93A89C;
  --brand-grad:linear-gradient(160deg,#2F4740,#1A2823);

  --sh-1:0 1px 2px rgba(30,45,38,.06),0 8px 24px rgba(30,45,38,.07);
  --sh-2:0 12px 32px rgba(30,45,38,.11),0 2px 6px rgba(30,45,38,.06);
  --sh-3:0 28px 70px rgba(30,45,38,.17),0 4px 12px rgba(30,45,38,.08);
}

/* ---------- cena: creme claro, auras muito suaves da marca ---------- */
html{background:#F3F1EA}
body, body.liquid-bg{
  background:#F3F1EA;
  background-image:
    radial-gradient(1100px 720px at 8% -10%, rgba(255,255,255,.75), transparent 55%),
    radial-gradient(1000px 700px at 98% 4%, rgba(36,54,47,.10), transparent 55%),
    radial-gradient(900px 620px at 38% 115%, rgba(184,92,58,.09), transparent 55%),
    linear-gradient(180deg,#F5F3EC,#EDEAE1);
  background-attachment:fixed;
  min-height:100vh;
}
body::before{
  background:
    radial-gradient(closest-side at 32% 36%, rgba(255,255,255,.6), transparent 60%),
    radial-gradient(closest-side at 70% 64%, rgba(36,54,47,.06), transparent 55%),
    radial-gradient(closest-side at 52% 78%, rgba(184,92,58,.05), transparent 55%);
}
::selection{background:rgba(184,92,58,.22);color:#1E2522}

/* ---------- cartões: vidro mais branco e limpo sobre o creme ---------- */
.card,.kan-col,.agenda,.cal,.callout{
  background:rgba(255,255,255,.74);
  border-color:rgba(255,255,255,.9);
  box-shadow:0 1px 2px rgba(30,45,38,.05),0 12px 34px rgba(30,45,38,.08),inset 0 1px 0 rgba(255,255,255,.95);
}
.card:hover{box-shadow:0 2px 4px rgba(30,45,38,.05),0 20px 48px rgba(30,45,38,.12),inset 0 1px 0 rgba(255,255,255,.95)}
@supports not (backdrop-filter:blur(1px)){.card,.kan-col,.agenda,.cal,.callout{background:#FBFAF7}}
.callout.info{background:var(--info-bg);border-color:rgba(62,90,79,.20)}
/* cartão-herói: verde VYNC com brilho terracota */
.card-deep,.grad-deep{
  background:
    radial-gradient(130% 150% at 100% -10%, rgba(184,92,58,.18), transparent 45%),
    linear-gradient(160deg,#2F4740 0%,#1A2823 100%) !important;
  color:#F3F1EA;
}
.banner{background:linear-gradient(160deg,#2F4740,#1A2823) !important;color:#F3F1EA}
.tip .tipbox{background:#1A2823}
.tip .tipbox::after{border-top-color:#1A2823}

/* ---------- moldura: trilho e barra do topo ---------- */
.rail{background:rgba(255,255,255,.80);border-color:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(30,45,38,.10),inset 0 1px 0 rgba(255,255,255,.95)}
.ritem{color:#4E5A55}
.ritem:hover{background:rgba(36,54,47,.07);color:#24362F}
.ritem.active{
  background:linear-gradient(160deg,#2F4740,#1E2E28) !important;
  color:#F3F1EA !important;
  box-shadow:0 8px 20px rgba(30,45,38,.28),inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.ritem.active::before,.rail .ritem.on::before{background:#B85C3A !important;box-shadow:0 0 10px rgba(184,92,58,.45)}
.topbar{background:rgba(255,255,255,.66)}
body.nav-open .rail-backdrop{background:rgba(20,30,26,.40)}

/* ---------- botões ---------- */
.btn-primary,.btn-dark,.btn-success{
  background:#24362F !important;color:#F3F1EA !important;
  box-shadow:0 2px 6px rgba(30,45,38,.22),0 10px 26px rgba(30,45,38,.16);
}
.btn-primary:hover,.btn-dark:hover,.btn-success:hover{background:#2F4740 !important}
.btn-primary.loading::after,.btn-dark.loading::after,.btn-success.loading::after{border-color:rgba(243,241,234,.35);border-top-color:#F3F1EA}
.btn-soft,.btn-secondary,.btn-outline{border-color:rgba(30,37,34,.12)}
.btn-soft:hover,.btn-secondary:hover,.btn-outline:hover{border-color:rgba(36,54,47,.28);color:#24362F}
.btn-secondary.loading::after,.btn-outline.loading::after,.btn-ghost.loading::after,.btn-soft.loading::after{border-top-color:#24362F}
.btn-ghost:hover{background:rgba(36,54,47,.07);color:#24362F}
.btn-link{color:#3E5A4F}
.btn-link:hover{color:#24362F}
.iconbtn:hover,.tb-ic:hover{border-color:rgba(36,54,47,.28);color:#24362F}
/* contador do sino: terracota = atenção */
.tb-ic .nd{background:#B85C3A;color:#FFFFFF}

/* ---------- campos e foco ---------- */
.inp:focus{border-color:rgba(36,54,47,.55);box-shadow:0 0 0 3px rgba(36,54,47,.12)}
:focus-visible{outline:2px solid rgba(184,92,58,.75);outline-offset:2px}

/* ---------- abas, chips, conteúdo ---------- */
.tabs{background:rgba(36,54,47,.06);border-color:rgba(36,54,47,.06)}
.tabs button.on{color:#24362F;font-weight:600;box-shadow:0 2px 8px rgba(30,45,38,.10),inset 0 -2px 0 #B85C3A}
.chip{border-color:rgba(30,37,34,.10)}
.spinner{border-top-color:#24362F}
.kpi .big,.display{color:#1E2522}
.ava{background:#24362F;color:#F3F1EA}
.fileitem .fbar,.bar{background:linear-gradient(90deg,#8FA699,#3E5A4F)}
.chart .draw{stroke:#3E5A4F;filter:drop-shadow(0 0 6px rgba(62,90,79,.30))}
.kring .rg circle:last-child{stroke:#B85C3A}
.eyebrow,.dlab,.lab,.tbl th{color:#4F5A55}
.tbl tr:hover td{background:rgba(255,255,255,.7)}
.empty{border-color:rgba(36,54,47,.16);background:rgba(255,255,255,.5)}
.empty .eic{color:#3E5A4F;background:#F3F1EA}

/* ---------- títulos com a cor da marca ---------- */
.page-head h1{color:#24362F}
.crumb b{color:#24362F}
.card-h{border-bottom-color:rgba(36,54,47,.09)}
.card-h>b,.card-h>h3,.card-h>div>b{color:#24362F}
/* fio terracota antes do título do cartão, como o traço do símbolo VYNC */
.card-h>b:first-child,.card-h>h3:first-child,.card-h>div:first-child>b:first-child{position:relative;padding-left:12px}
.card-h>b:first-child::before,.card-h>h3:first-child::before,.card-h>div:first-child>b:first-child::before{
  content:"";position:absolute;left:0;top:50%;width:3px;height:14px;margin-top:-7px;border-radius:2px;background:#B85C3A}
.tbl th{background:rgba(243,241,234,.65)}
.page-head h1 .ph-info:hover,.page-head h1 .ph-info.on{color:#B85C3A;border-color:#B85C3A}

/* ---------- LicitaHub: indicadores ---------- */
.lh-kpi{--kc:#8FA699}
.lh-kpi.zero{--kc:#C3CCC4}
.lh-strip a{background:rgba(255,255,255,.62)}
.lh-strip a svg{color:#6F8A7D}

/* ---------- janelas ---------- */
.ov{background:rgba(36,54,47,.16)}

/* ---------- login ---------- */
.stage .blob{background:#93A89C !important}
.stage .blob:last-of-type{background:rgba(184,92,58,.45) !important}
.scene .p-main .mini-bars i{background:linear-gradient(180deg,rgba(62,90,79,.8),rgba(62,90,79,.3))}
.scene .bar-w i{background:#3E5A4F}
.result-ov{background:rgba(246,245,240,.92)}