/* =====================================================================
   TEMPLO FLUXO DE CAIXA — EDIÇÃO ESMERALDA v6.7.0
   Camada final: harmonia total em verde-esmeralda e verde-claro,
   legibilidade máxima, brilho, flash e micro-animações.
   Carregada por último — vence qualquer cor legada.
   ===================================================================== */

/* ------------------------------------------------------------------ */
/* 1. PALETA — esmeralda + verde-claro                                 */
/* ------------------------------------------------------------------ */
:root{
  /* base clara (verde-claro de fundo) */
  --h-bg:#eefaf3 !important;
  --h-bg-deep:#ddf2e7 !important;
  --h-surface:#ffffff !important;
  --h-surface-soft:#f4fbf7 !important;
  --h-surface-accent:#e2f5ec !important;
  --h-line:#cfe8db !important;
  --h-line-strong:#aed6c3 !important;

  /* texto — verde-grafite profundo, contraste alto */
  --h-text:#0f2e24 !important;
  --h-text-2:#33594b !important;
  --h-muted:#5f8172 !important;

  /* esmeralda — cor de ação */
  --h-accent:#0b7d57 !important;
  --h-accent-hover:#096747 !important;
  --h-accent-soft:#d7f3e5 !important;
  --h-accent-pale:#ecfaf3 !important;

  /* o antigo "cobre" vira esmeralda-profunda (ações secundárias) */
  --h-copper:#14664e !important;
  --h-copper-hover:#0d5440 !important;
  --h-copper-soft:#ddf2e8 !important;

  /* semânticas — mantidas para segurança operacional, tons harmonizados */
  --h-danger:#bc5044 !important;
  --h-danger-soft:#fae8e5 !important;
  --h-blue:#2e7d6e !important;          /* verde-água p/ ações neutras */
  --h-blue-soft:#e0f2ee !important;
  --h-warning:#a3762c !important;
  --h-warning-soft:#f7eeda !important;

  /* extras da edição esmeralda */
  --e-grad:linear-gradient(135deg,#10a26e 0%,#0b7d57 55%,#096747 100%);
  --e-grad-suave:linear-gradient(135deg,#ffffff 0%,#e9f8f0 100%);
  --e-brilho:rgba(16,162,110,.30);
  --e-verde-claro:#9ae6c3;
  --e-ease:cubic-bezier(.22,1,.36,1);

  --h-shadow:0 12px 32px rgba(9,84,60,.10),0 2px 8px rgba(9,84,60,.06) !important;
  --h-shadow-soft:0 5px 16px rgba(9,84,60,.08) !important;
}

/* ------------------------------------------------------------------ */
/* 2. FUNDO VIVO — auras verdes flutuando bem de leve                  */
/* ------------------------------------------------------------------ */
html{background:linear-gradient(150deg,#eefaf3 0%,#f7fdf9 48%,#ddf2e7 100%) fixed !important}
body{background:transparent !important}
body::after{
  content:"";
  position:fixed;
  inset:-22%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(38rem 30rem at 12% 12%,rgba(154,230,195,.42),transparent 62%),
    radial-gradient(34rem 28rem at 88% 82%,rgba(16,162,110,.14),transparent 60%),
    radial-gradient(26rem 22rem at 78% 8%,rgba(255,255,255,.85),transparent 55%);
  animation:tfcAura 30s var(--e-ease) infinite alternate;
  will-change:transform;
}
@keyframes tfcAura{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(1.8%, -1.4%,0) scale(1.03)}
  100%{transform:translate3d(-1.6%,1.6%,0) scale(1.015)}
}
::selection{background:#0b7d57;color:#fff}

/* ------------------------------------------------------------------ */
/* 3. CABEÇALHO — vidro branco com fio esmeralda                       */
/* ------------------------------------------------------------------ */
.header{
  background:rgba(255,255,255,.92) !important;
  border-bottom:1px solid var(--h-line) !important;
  box-shadow:0 6px 22px rgba(9,84,60,.08) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
}
.header::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0;right:0;bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,transparent,#10a26e 18%,#9ae6c3 50%,#10a26e 82%,transparent) !important;
  background-size:220% 100% !important;
  animation:tfcFio 7s linear infinite;
  opacity:.85;
  pointer-events:none;
}
@keyframes tfcFio{0%{background-position:0% 0}100%{background-position:220% 0}}
.header .title span{color:var(--h-accent) !important}
.header .logo{border:1px solid var(--h-line) !important;box-shadow:0 4px 14px rgba(9,84,60,.14) !important;transition:transform .3s var(--e-ease)}
.header .brand-home:hover .logo{transform:scale(1.05) rotate(-2deg)}
.logout{
  background:var(--e-grad) !important;
  border:1px solid #0b7d57 !important;
  box-shadow:0 6px 14px rgba(11,125,87,.25) !important;
  transition:transform .2s var(--e-ease),box-shadow .2s var(--e-ease),filter .2s !important;
}
.logout:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 9px 20px rgba(11,125,87,.32) !important}

/* ------------------------------------------------------------------ */
/* 4. ABAS E NAVEGAÇÃO — estado ativo em gradiente esmeralda           */
/* ------------------------------------------------------------------ */
.main-tabs{background:rgba(244,251,247,.94) !important;backdrop-filter:blur(14px) !important}
.main-tab,.nav-btn,.nav-btn-saida,.nav-btn-colab,.nav-btn-config{
  position:relative !important;
  transition:color .2s,background .2s,border-color .2s,transform .18s var(--e-ease),box-shadow .25s !important;
}
.main-tab:hover,.nav-btn:hover,.nav-btn-saida:hover,.nav-btn-colab:hover,.nav-btn-config:hover{
  color:var(--h-accent-hover) !important;
  background:var(--h-accent-pale) !important;
  transform:translateY(-1px);
}
.main-tab.active,.nav-btn.active,.nav-btn-saida.active,.nav-btn-colab.active,.nav-btn-config.active{
  color:#fff !important;
  background:var(--e-grad) !important;
  border-color:transparent !important;
  box-shadow:0 7px 18px rgba(11,125,87,.30),inset 0 1px 0 rgba(255,255,255,.28) !important;
  animation:tfcTabIn .32s var(--e-ease);
}
@keyframes tfcTabIn{0%{transform:scale(.94);filter:brightness(1.15)}100%{transform:scale(1);filter:brightness(1)}}
.nav,.nav-config{background:rgba(255,255,255,.95) !important;border-bottom:1px solid var(--h-line) !important}

/* ------------------------------------------------------------------ */
/* 5. CARTÕES — brancos, cantos suaves, brilho ao passar               */
/* ------------------------------------------------------------------ */
.card,.tfc-card,.config-box,.chart-box,.section-card,.ranking-card,.resumo-card,.comissao-card{
  border:1px solid var(--h-line) !important;
  box-shadow:var(--h-shadow) !important;
  transition:box-shadow .3s var(--e-ease),border-color .3s,transform .3s var(--e-ease) !important;
}
.card:hover,.tfc-card:hover,.chart-box:hover{
  border-color:var(--h-line-strong) !important;
  box-shadow:0 18px 44px rgba(9,84,60,.13),0 0 0 1px rgba(16,162,110,.10) !important;
}
.card>.card-header,.tfc-card>.tfc-card-header{border-bottom:1px solid var(--h-line) !important}
.card-header>.ic,.card-header .tfc-section-title-wrap>.ic,.tfc-card-header>.ic,.tfc-card-header .tfc-section-title-wrap>.ic{
  color:#fff !important;
  background:var(--e-grad) !important;
  box-shadow:0 4px 10px rgba(11,125,87,.28) !important;
}

/* stat cards com friso esmeralda e leve flutuação no hover */
.stat-card,.dept-card,.reg-resumo-item,.comissao-item{
  transition:transform .25s var(--e-ease),box-shadow .25s var(--e-ease),border-color .25s !important;
}
.stat-card:hover,.dept-card:hover,.reg-resumo-item:hover{
  transform:translateY(-3px) !important;
  border-color:var(--h-line-strong) !important;
  box-shadow:0 14px 30px rgba(9,84,60,.14) !important;
}
.stat-card::before,.dept-card::before{background:linear-gradient(180deg,#10a26e,#9ae6c3) !important}
.stat-card.gold::before,.dept-card.trabalho-br::before{background:linear-gradient(180deg,#14664e,#2f9d78) !important}
.stat-card.red::before{background:linear-gradient(180deg,#bc5044,#e0a49d) !important}
.stat-icon,.dept-icon{color:var(--h-accent) !important;background:var(--h-accent-soft) !important}
.stat-card.gold .stat-icon{color:#14664e !important;background:#ddf2e8 !important}
.stat-card.red .stat-icon{color:var(--h-danger) !important;background:var(--h-danger-soft) !important}

/* ------------------------------------------------------------------ */
/* 6. BOTÕES — gradiente esmeralda + varredura de brilho               */
/* ------------------------------------------------------------------ */
.btn,.btn-primary,.btn-success,.btn-colab,.btn-luxo-gold,.btn-luxo-purple,.btn-action,.btn-lote,
button[class*="btn"]:not(.header-btn):not(.nav-btn):not(.nav-btn-saida):not(.nav-btn-colab):not(.nav-btn-config):not(.btn-red):not(.btn-secondary):not(.delete):not(.excluir){
  color:#fff !important;
  background:
    linear-gradient(110deg,transparent 32%,rgba(255,255,255,.34) 50%,transparent 68%) no-repeat 180% 0/230% 100%,
    var(--e-grad) !important;
  border:1px solid rgba(9,103,71,.9) !important;
  box-shadow:0 6px 15px rgba(11,125,87,.24),inset 0 1px 0 rgba(255,255,255,.25) !important;
  text-shadow:0 1px 1px rgba(4,44,31,.25) !important;
  transition:transform .18s var(--e-ease),box-shadow .22s var(--e-ease),background-position .5s var(--e-ease),filter .2s !important;
}
.btn:hover,.btn-primary:hover,.btn-success:hover,.btn-colab:hover,.btn-luxo-gold:hover,.btn-luxo-purple:hover,.btn-action:hover,.btn-lote:hover,
button[class*="btn"]:not(.header-btn):not(.nav-btn):not(.nav-btn-saida):not(.nav-btn-colab):not(.nav-btn-config):not(.btn-red):not(.btn-secondary):not(.delete):not(.excluir):hover{
  background-position:-80% 0,0 0 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 11px 24px rgba(11,125,87,.32),inset 0 1px 0 rgba(255,255,255,.3) !important;
}
.btn:active,.btn-primary:active,.btn-action:active,.btn-lote:active,
button[class*="btn"]:not(.header-btn):not(.nav-btn):not(.nav-btn-saida):not(.nav-btn-colab):not(.nav-btn-config):not(.btn-red):not(.btn-secondary):not(.delete):not(.excluir):active{transform:translateY(0) scale(.97) !important}
.btn-secondary{
  color:var(--h-text) !important;
  background:var(--h-surface) !important;
  border:1px solid var(--h-line-strong) !important;
  box-shadow:0 2px 8px rgba(9,84,60,.06) !important;
  transition:transform .18s var(--e-ease),box-shadow .2s,background .2s !important;
}
.btn-secondary:hover{background:var(--h-accent-pale) !important;transform:translateY(-1px)}
.btn-red,.btn-luxo-red{
  color:#fff !important;
  background:linear-gradient(135deg,#c65b4e,#b04234) !important;
  border:1px solid #a84437 !important;
  box-shadow:0 6px 14px rgba(176,66,52,.25) !important;
  transition:transform .18s var(--e-ease),box-shadow .2s,filter .2s !important;
}
.btn-red:hover,.btn-luxo-red:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 10px 22px rgba(176,66,52,.32) !important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid rgba(16,162,110,.45) !important;
  outline-offset:2px !important;
}
button:disabled{opacity:.55 !important;cursor:not-allowed !important;transform:none !important}

/* ondinha do toque (tfc-flash.js / tfc-motion.js) em verde */
.tfc-ripple,.tfc-onda{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(154,230,195,.4) 45%,transparent 70%) !important;
  transform:scale(0);
  animation:tfcOnda .6s var(--e-ease) forwards !important;
  mix-blend-mode:soft-light;
}
@keyframes tfcOnda{to{transform:scale(2.6);opacity:0}}

/* ------------------------------------------------------------------ */
/* 7. FORMULÁRIOS — foco esmeralda com anel suave                      */
/* ------------------------------------------------------------------ */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{
  border:1px solid var(--h-line-strong) !important;
  transition:border-color .2s,box-shadow .25s var(--e-ease),background .2s !important;
}
input:focus,select:focus,textarea:focus{
  border-color:#0b7d57 !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(16,162,110,.16),0 4px 12px rgba(9,84,60,.08) !important;
}
input[type="checkbox"],input[type="radio"]{accent-color:#0b7d57 !important}
.filters,[class*="filters"],.form-card,.filter-bar{
  background:linear-gradient(160deg,#ffffff, #f6fcf9 70%) !important;
  border:1px solid var(--h-line) !important;
}
.form-resumo-valor{color:var(--h-accent) !important;font-weight:800 !important}

/* ------------------------------------------------------------------ */
/* 8. TABELAS — cabeçalho verde-claro, linhas respirando               */
/* ------------------------------------------------------------------ */
thead,thead tr,thead th,table th{
  color:#0f4632 !important;
  background:linear-gradient(180deg,#e2f5ec,#d7f3e5) !important;
  border-color:var(--h-line) !important;
}
tbody td,table td{border-color:#e2efe8 !important;transition:background .18s}
tbody tr:nth-child(even) td{background:#f6fcf9 !important}
tbody tr:hover td{background:#e7f8f0 !important}
tbody tr{transition:transform .15s var(--e-ease)}
td.val-bruto,td.val-liquido{color:#0b6a4b !important;font-weight:760 !important;font-variant-numeric:tabular-nums !important}
td.val-liquido{color:#14664e !important}
.table-wrap{border:1px solid var(--h-line) !important}
tfoot td{background:var(--h-accent-pale) !important;color:#0f4632 !important;font-weight:800 !important;border-top:2px solid var(--h-line-strong) !important}

/* barra de rolagem esmeralda */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#b7dcc9;border-radius:99px;border:2px solid #eefaf3}
*::-webkit-scrollbar-thumb:hover{background:#0b7d57}

/* ------------------------------------------------------------------ */
/* 9. PÁGINA DE REGISTROS — filtros, resumo e botões organizados       */
/* ------------------------------------------------------------------ */

/* resumo em fichas verde-claro */
.reg-resumo-item{
  background:linear-gradient(150deg,#ffffff,#e9f8f0) !important;
  border:1px solid var(--h-line) !important;
  border-left:4px solid #10a26e !important;
}
.reg-resumo-item span{color:var(--h-muted) !important;font-size:.68rem !important;font-weight:750 !important;letter-spacing:.05em !important;text-transform:uppercase !important}
.reg-resumo-item strong{color:#0b6a4b !important;font-size:1.15rem !important;font-weight:800 !important;font-variant-numeric:tabular-nums !important}

/* barra de ações em lote — trilho verde-claro, botões-pílula uniformes */
.records-bulk-bar,.barra-lote{
  background:linear-gradient(140deg,#f0fbf5,#e2f5ec) !important;
  border:1px solid var(--h-line-strong) !important;
  border-radius:15px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 14px rgba(9,84,60,.06) !important;
}
.records-select-all,.check-lote{
  background:#ffffff !important;
  border:1px solid var(--h-line-strong) !important;
  border-radius:999px !important;
  padding:8px 15px !important;
  box-shadow:0 2px 7px rgba(9,84,60,.07) !important;
  transition:border-color .2s,box-shadow .2s,transform .18s var(--e-ease) !important;
}
.records-select-all:hover,.check-lote:hover{border-color:#0b7d57 !important;transform:translateY(-1px)}
.records-select-all input,.check-lote input{accent-color:#0b7d57 !important}
.records-bulk-actions,.lote-acoes{gap:8px !important}
.records-bulk-actions .btn-action:not(#tfcx),.lote-acoes .btn-lote:not(#tfcx){
  height:40px !important;
  min-height:40px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  font-size:.72rem !important;
  font-weight:780 !important;
  letter-spacing:.01em !important;
  box-shadow:0 3px 9px rgba(9,84,60,.10) !important;
  transition:transform .18s var(--e-ease),box-shadow .2s,filter .2s,background .25s !important;
}
.records-bulk-actions .btn-action:not(#tfcx):hover,.lote-acoes .btn-lote:not(#tfcx):hover{transform:translateY(-2px) !important;box-shadow:0 8px 18px rgba(9,84,60,.18) !important}
.records-bulk-actions .btn-action:not(#tfcx) .ic,.lote-acoes .btn-lote:not(#tfcx) .ic{font-size:.9rem !important}

/* cada ação com sua cor, todas na família esmeralda */
.records-bulk-actions .pagar:not(#tfcx),.lote-acoes .ativar:not(#tfcx){
  color:#fff !important;
  background:var(--e-grad) !important;
  border:1px solid #096747 !important;
  text-shadow:0 1px 1px rgba(4,44,31,.25) !important;
}
.records-bulk-actions .recorrer:not(#tfcx),.records-bulk-actions .parcelar:not(#tfcx),.lote-acoes .inativar:not(#tfcx){
  color:#0d5440 !important;
  background:#d7f3e5 !important;
  border:1px solid #a9dcc4 !important;
  text-shadow:none !important;
}
.records-bulk-actions .recorrer:not(#tfcx):hover,.records-bulk-actions .parcelar:not(#tfcx):hover{background:#c4ecd8 !important;color:#0a4634 !important}
.records-bulk-actions .vencimento:not(#tfcx){
  color:#175c50 !important;
  background:#dff1ed !important;
  border:1px solid #b3d9d1 !important;
  text-shadow:none !important;
}
.records-bulk-actions .vencimento:not(#tfcx):hover{background:#cdeae4 !important}
.records-bulk-actions .excluir:not(#tfcx),.lote-acoes .excluir:not(#tfcx){
  color:#933f34 !important;
  background:#fae8e5 !important;
  border:1px solid #eccbc4 !important;
  text-shadow:none !important;
}
.records-bulk-actions .excluir:not(#tfcx):hover,.lote-acoes .excluir:not(#tfcx):hover{
  color:#fff !important;
  background:linear-gradient(135deg,#c65b4e,#b04234) !important;
  border-color:#a84437 !important;
}

/* botões de ação por linha — pílulas iguais, texto sempre visível */
.record-actions{gap:7px !important}
.record-actions .action-btn:not(#tfcx){
  height:33px !important;
  min-height:33px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:.69rem !important;
  font-weight:770 !important;
  background:#ffffff no-repeat 180% 0/230% 100% !important;
  box-shadow:0 2px 6px rgba(9,84,60,.07) !important;
  text-shadow:none !important;
  transition:transform .16s var(--e-ease),box-shadow .2s,background .2s,border-color .2s !important;
}
.record-actions .action-btn:not(#tfcx):hover{transform:translateY(-1px) !important;box-shadow:0 6px 14px rgba(9,84,60,.15) !important}
.record-actions .action-btn:not(#tfcx):active{transform:scale(.96) !important}
.record-actions .action-btn.edit:not(#tfcx){color:#0b6a4b !important;background:#e7f8f0 !important;border:1px solid #b9e3cf !important}
.record-actions .action-btn.edit:not(#tfcx):hover{background:#d7f3e5 !important}
.record-actions .action-btn.pago:not(#tfcx){color:#fff !important;background:var(--e-grad) !important;border:1px solid #096747 !important;text-shadow:0 1px 1px rgba(4,44,31,.25) !important}
.record-actions .action-btn.pago:not(#tfcx):hover{filter:brightness(1.07)}
.record-actions .action-btn.repeat:not(#tfcx),.record-actions .action-btn.parcel:not(#tfcx){color:#14664e !important;background:#ddf2e8 !important;border:1px solid #b0dcc8 !important}
.record-actions .action-btn.repeat:not(#tfcx):hover,.record-actions .action-btn.parcel:not(#tfcx):hover{background:#cbecdc !important}
.record-actions .action-btn.zap:not(#tfcx){color:#0b6a4b !important;background:#e7f8f0 !important;border:1px solid #b9e3cf !important}
.record-actions .action-btn.copia:not(#tfcx),.record-actions .action-btn.baixa:not(#tfcx){color:#175c50 !important;background:#dff1ed !important;border:1px solid #b3d9d1 !important}
.record-actions .action-btn.pdf:not(#tfcx){color:#14664e !important;background:#ddf2e8 !important;border:1px solid #b0dcc8 !important}
.record-actions .action-btn.delete:not(#tfcx){color:#933f34 !important;background:#fae8e5 !important;border:1px solid #eccbc4 !important}
.record-actions .action-btn.delete:not(#tfcx):hover{color:#fff !important;background:linear-gradient(135deg,#c65b4e,#b04234) !important;border-color:#a84437 !important}
.record-actions .action-btn:not(#tfcx) .ic{width:14px !important;height:14px !important}
.val-vazio{color:var(--h-muted) !important;font-size:.72rem !important}

/* aviso "nenhum registro" */
.tfc-vazio{
  padding:34px 16px !important;
  text-align:center !important;
  color:var(--h-muted) !important;
  font-weight:650 !important;
  background:repeating-linear-gradient(-45deg,#f6fcf9 0 14px,#eefaf3 14px 28px) !important;
  border-radius:12px !important;
}

/* ------------------------------------------------------------------ */
/* 10. HERO / PÁGINA INICIAL — brilho esmeralda vivo                   */
/* ------------------------------------------------------------------ */
.hero-strip{
  background:
    radial-gradient(30rem 16rem at 88% -20%,rgba(154,230,195,.5),transparent 60%),
    linear-gradient(130deg,#ffffff,#e6f6ee) !important;
  border:1px solid var(--h-line) !important;
  border-left:5px solid #10a26e !important;
  position:relative;
  overflow:hidden !important;
}
.hero-value{
  background:linear-gradient(115deg,#0f2e24,#0b7d57 65%,#10a26e) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#0f2e24 !important;
}
.hero-mini-value.pos{color:#0b7d57 !important}
.hero-mini-value.neg{color:#b04234 !important}
.tfc-home-hero{
  background:
    radial-gradient(34rem 20rem at 90% -25%,rgba(154,230,195,.55),transparent 62%),
    linear-gradient(125deg,#ffffff 0%,#e9f8f0 100%) !important;
  border:1px solid var(--h-line) !important;
}
.tfc-home-copy h1 span{
  background:var(--e-grad) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.tfc-home-eyebrow{color:#0b6a4b !important;background:#e2f5ec !important;border:1px solid #b9e3cf !important}
.tfc-home-live{
  background:#0fa46f !important;
  box-shadow:0 0 0 0 rgba(15,164,111,.5) !important;
  animation:tfcVivo 2.2s var(--e-ease) infinite !important;
}
@keyframes tfcVivo{
  0%{box-shadow:0 0 0 0 rgba(15,164,111,.45)}
  70%{box-shadow:0 0 0 9px rgba(15,164,111,0)}
  100%{box-shadow:0 0 0 0 rgba(15,164,111,0)}
}
.tfc-daily-icon{color:#0b7d57 !important;background:#d7f3e5 !important}
.tfc-home-primary{
  background:var(--e-grad) !important;
  border:1px solid #096747 !important;
  box-shadow:0 8px 20px rgba(11,125,87,.28) !important;
  transition:transform .2s var(--e-ease),box-shadow .25s,filter .2s !important;
}
.tfc-home-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 26px rgba(11,125,87,.34) !important}
.tfc-home-secondary{transition:transform .2s var(--e-ease),background .2s !important}
.tfc-home-secondary:hover{background:var(--h-accent-pale) !important;transform:translateY(-2px)}
.tfc-home-module{transition:transform .22s var(--e-ease),box-shadow .25s,border-color .2s,background .25s !important}
.tfc-home-module:hover{
  transform:translateY(-3px) !important;
  background:linear-gradient(140deg,#ffffff,#e9f8f0) !important;
  border-color:#a9dcc4 !important;
  box-shadow:0 14px 30px rgba(9,84,60,.15) !important;
}
.tfc-home-module-icon{color:#fff !important;background:var(--e-grad) !important;box-shadow:0 5px 12px rgba(11,125,87,.28) !important}
.tfc-home-insights article>.ic{color:#0b7d57 !important;background:#d7f3e5 !important}

/* ------------------------------------------------------------------ */
/* 11. INDICADORES, METAS E BARRAS                                     */
/* ------------------------------------------------------------------ */
[id*="Barra"]{
  background:linear-gradient(90deg,#10a26e,#9ae6c3) !important;
  border-radius:99px !important;
  box-shadow:0 0 8px rgba(16,162,110,.4) !important;
}
.progress-fill,[class*="progress-fill"]{background:linear-gradient(90deg,#10a26e,#9ae6c3) !important}
.tfc-motion .tfc-barra{position:relative;overflow:hidden}
.tfc-motion .tfc-barra::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  transform:translateX(-100%);
  animation:tfcBrilhoBarra 1.6s var(--e-ease) .2s 2;
}
@keyframes tfcBrilhoBarra{to{transform:translateX(100%)}}

/* ------------------------------------------------------------------ */
/* 12. FLASH DE VALORES E ENTRADA DE CARTÕES (tfc-motion / tfc-flash)  */
/* ------------------------------------------------------------------ */
.tfc-flash{animation:tfcFlashEsm 1.05s var(--e-ease) !important}
@keyframes tfcFlashEsm{
  0%{box-shadow:0 0 0 0 rgba(16,162,110,.0)}
  25%{box-shadow:0 0 0 4px rgba(16,162,110,.28),0 10px 30px rgba(16,162,110,.20)}
  100%{box-shadow:0 0 0 0 rgba(16,162,110,0)}
}
.tfc-pop,.tfc-motion .tfc-pulsa{animation:tfcPopEsm .55s var(--e-ease) !important;display:inline-block}
@keyframes tfcPopEsm{
  0%{transform:scale(1)}
  35%{transform:scale(1.07);text-shadow:0 0 18px rgba(16,162,110,.55)}
  100%{transform:scale(1);text-shadow:none}
}
.tfc-motion .tfc-entra{
  animation:tfcEntra .5s var(--e-ease) both !important;
}
@keyframes tfcEntra{
  0%{opacity:0;transform:translateY(14px) scale(.985)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
/* troca de seção sempre com respiro, mesmo sem o script de movimento */
.section.active,.section-saida.active,.section-colab.active,.section-config.active,.main-tab-content.active{
  animation:tfcSecao .34s var(--e-ease);
}
@keyframes tfcSecao{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}

/* ------------------------------------------------------------------ */
/* 13. MODAIS E AVISOS — entrada com mola, saída limpa                 */
/* ------------------------------------------------------------------ */
.modal{background:rgba(9,46,35,.42) !important;backdrop-filter:blur(9px) !important}
.modal.active .modal-content{animation:tfcModal .34s var(--e-ease)}
@keyframes tfcModal{
  0%{opacity:0;transform:translateY(22px) scale(.96)}
  100%{opacity:1;transform:none}
}
.modal-content{border:1px solid var(--h-line) !important;box-shadow:0 30px 80px rgba(6,50,37,.30) !important}
.modal-header{background:linear-gradient(160deg,#f4fbf7,#e2f5ec) !important}
.toast{
  border-radius:13px !important;
  box-shadow:0 14px 36px rgba(9,60,44,.18) !important;
  animation:tfcToast .42s var(--e-ease);
  backdrop-filter:blur(10px);
}
@keyframes tfcToast{
  0%{opacity:0;transform:translateX(48px) scale(.95)}
  60%{transform:translateX(-4px) scale(1.01)}
  100%{opacity:1;transform:none}
}
.toast.success{border-left:4px solid #0fa46f !important;background:linear-gradient(140deg,#ffffff,#ecfaf3) !important}
.toast.error{border-left:4px solid #bc5044 !important;background:linear-gradient(140deg,#ffffff,#fdf1ef) !important}
.toast.warning{border-left:4px solid #a3762c !important}
.toast.info{border-left:4px solid #2e7d6e !important}

/* ------------------------------------------------------------------ */
/* 14. GRÁFICOS — cores vivas de novo                                  */
/* ------------------------------------------------------------------ */
canvas{filter:saturate(1) contrast(1) !important}
.chart-title,.tfc-chart-title{border-bottom:1px solid var(--h-line) !important}

/* ------------------------------------------------------------------ */
/* 15. LOGIN — cartão claro sobre jardim esmeralda                     */
/* ------------------------------------------------------------------ */
.login-container{
  background:
    radial-gradient(38rem 26rem at 14% 10%,rgba(255,255,255,.95),transparent 60%),
    radial-gradient(30rem 24rem at 86% 88%,rgba(154,230,195,.5),transparent 58%),
    linear-gradient(150deg,#eefaf3,#f9fdfb 52%,#d8f0e4) !important;
}
.login-box{
  border:1px solid var(--h-line) !important;
  box-shadow:0 26px 70px rgba(9,84,60,.16) !important;
  animation:tfcModal .5s var(--e-ease);
}
.login-box::before{background:linear-gradient(90deg,#10a26e,#9ae6c3,#10a26e) !important;background-size:220% 100% !important;animation:tfcFio 6s linear infinite}
.login-logo{box-shadow:0 10px 26px rgba(9,84,60,.16) !important}
.login-title{color:var(--h-text) !important}
.divider-icon{color:#0b7d57 !important}
.login-field .input-icon{color:#0b7d57 !important;background:#ecfaf3 !important}
.login-btn{
  background:var(--e-grad) !important;
  border:1px solid #096747 !important;
  box-shadow:0 10px 24px rgba(11,125,87,.28) !important;
  transition:transform .2s var(--e-ease),box-shadow .25s,filter .2s !important;
}
.login-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 30px rgba(11,125,87,.34) !important}
.version-tag{color:#0b6a4b !important;background:#e2f5ec !important;border:1px solid #b9e3cf !important}

/* ------------------------------------------------------------------ */
/* 16. PAINEL ADMIN WORDPRESS — mesma família                          */
/* ------------------------------------------------------------------ */
.wp-admin .tfc-logo-icon,.wp-admin .tfc-btn-primary,.wp-admin .tfc-btn-info{background:var(--e-grad) !important;border-color:#096747 !important;color:#fff !important}
.wp-admin .tfc-stat-card,.wp-admin .tfc-dept-card{border-left:4px solid #10a26e !important}

/* ------------------------------------------------------------------ */
/* 17. AJUSTES FINOS DE LEGIBILIDADE                                   */
/* ------------------------------------------------------------------ */
.hero-label,.hero-sub,.hero-mini-label,.stat-label,.dept-title,.dept-count{color:#4c6e60 !important}
a{color:#0b6a4b}
.card [style*="color:var(--gray)"],.modal-content [style*="color:var(--gray)"]{color:#4c6e60 !important}
[style*="color:#34574b"]{color:#4c6e60 !important}
.upload-area,.tfc-upload-area{
  border:2px dashed #a9dcc4 !important;
  background:linear-gradient(160deg,#f6fcf9,#e9f8f0) !important;
  transition:border-color .25s,background .25s,transform .2s var(--e-ease) !important;
}
.upload-area:hover,.tfc-upload-area:hover{border-color:#0b7d57 !important;transform:translateY(-2px)}

/* ------------------------------------------------------------------ */
/* 18. RESPEITO AO USUÁRIO — menos movimento quando pedido             */
/* ------------------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){
  body::after,.header::after,.login-box::before{animation:none !important}
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}
@media print{
  body::after{display:none !important}
}
@media (max-width:780px){
  .records-bulk-actions .btn-action:not(#tfcx),.lote-acoes .btn-lote:not(#tfcx){height:auto !important;min-height:42px !important}
  body::after{inset:-10%}
}


/* ------------------------------------------------------------------ */
/* 19. VITÓRIAS DE ESPECIFICIDADE SOBRE CAMADAS ANTIGAS                */
/* ------------------------------------------------------------------ */

/* Botão secundário (Limpar etc.) volta a ser discreto, não sólido */
.btn-secondary:not(#tfcx){
  color:var(--h-text) !important;
  background:#ffffff !important;
  border:1px solid var(--h-line-strong) !important;
  box-shadow:0 2px 8px rgba(9,84,60,.06) !important;
  text-shadow:none !important;
}
.btn-secondary:not(#tfcx):hover{background:var(--h-accent-pale) !important;transform:translateY(-1px) !important}

/* Checkboxes das saídas eram cobre na camada antiga */
.section-saida input[type="checkbox"]:not(#tfcx){accent-color:#0b7d57 !important}

/* Log de atividades: texto ficava branco sobre cartão claro */
.log-item{border-bottom:1px solid var(--h-line) !important}
.log-item:hover{background:var(--h-accent-pale) !important}
.log-item .log-msg{color:var(--h-text) !important}
.log-item .log-time{color:var(--h-muted) !important}
.log-item .log-tipo.config{background:#0b7d57 !important}
.log-item .log-tipo.sistema{background:#14664e !important}

/* Teclas de atalho no modal: chips claros da mesma família */
.atalho-item kbd{
  background:linear-gradient(160deg,#f4fbf7,#e2f5ec) !important;
  color:#0b6a4b !important;
  border:1px solid var(--h-line-strong) !important;
  box-shadow:0 2px 5px rgba(9,84,60,.10) !important;
}
.atalho-item span{color:var(--h-text-2) !important}

/* Selo de recorrência e status na tabela de saídas */
[style*="color:#15936c"]{color:#0b7d57 !important}
[style*="color:#b86d36"]{color:#8a6420 !important}
[style*="color:#b04234"]{color:#b04234 !important}

/* ------------------------------------------------------------------ */
/* 20. POLIMENTO FINAL — restos de cobre e sombras antigas             */
/* ------------------------------------------------------------------ */

/* Variáveis legadas que ainda apareciam em estilos embutidos */
:root{
  --amethyst:#2f9d78 !important;
  --amethyst-muted:rgba(47,157,120,.10) !important;
  --amber:#0f5f47 !important;
  --amber-muted:rgba(15,95,71,.10) !important;
  --sapphire:#2e7d6e !important;
  --sapphire-muted:rgba(46,125,110,.10) !important;
  --rose-gold:#57b98d !important;
  --purple:#2f9d78;
  --info:#2e7d6e;
  --success:#0fa46f;
  --warning:#a3762c;
}

/* Cabeçalho: título, nome e cargo sem cobre e sem texto lavado */
.header .title #headerTitulo{color:#0b7d57 !important;text-shadow:none !important}
.header .user-name{color:var(--h-text) !important;text-shadow:none !important}
.header .user-role{color:var(--h-muted) !important;text-shadow:none !important}
.header .title,.header .subtitle{text-shadow:none !important}

/* Sombras de texto da era escura removidas em toda a interface */
.tfc-home-copy h1,.tfc-home-copy>p,.tfc-home-eyebrow,.tfc-daily-copy small,.tfc-daily-copy strong,
.tfc-daily-message time,.tfc-home-signature>span,.tfc-home-signature>strong,
.hero-label,.hero-sub,.hero-mini-label,.hero-mini-value,.hero-value,
.stat-value,.stat-label,.dept-value,.dept-title,.dept-count,
.card-header,.chart-title,.modal-title,table th,thead th{text-shadow:none !important}

/* Fio decorativo dos títulos de seção: esmeralda → verde-claro */
.card-header::after,.chart-title::after,.tfc-card-header::after,.tfc-chart-title::after{
  background:linear-gradient(90deg,#10a26e,#9ae6c3,transparent) !important;
}

/* Frisos coloridos dos cartões de departamento — família verde completa */
.dept-card.entrada::before{background:linear-gradient(90deg,transparent,#10a26e,transparent) !important}
.dept-card.trabalho-br::before{background:linear-gradient(90deg,transparent,#2f9d78,transparent) !important}
.dept-card.alto-padrao::before{background:linear-gradient(90deg,transparent,#0f5f47,transparent) !important}
.dept-card.eua::before{background:linear-gradient(90deg,transparent,#57b98d,transparent) !important}
.stat-card.gold::before{background:linear-gradient(90deg,transparent,#14664e,transparent) !important}
.stat-card.purple::before{background:linear-gradient(90deg,transparent,#2f9d78,transparent) !important}
.stat-card.red::before{background:linear-gradient(90deg,transparent,#bc5044,transparent) !important}
.stat-card.success::before{background:linear-gradient(90deg,transparent,#10a26e,transparent) !important}
.stat-card.info::before{background:linear-gradient(90deg,transparent,#57b98d,transparent) !important}

/* Selo "ACESSO RÁPIDO" e afins sem cobre */
.tfc-home-heading>div>span{color:#0b6a4b !important}
.tfc-home-module>.ic{color:#0b7d57 !important}
.tfc-home-insights article>.ic{color:#fff !important;background:var(--e-grad) !important;border-color:rgba(255,255,255,.7) !important}

/* Cabeçalho das tabelas: degradê verde-claro consistente */
.table-wrap thead tr,table thead tr{background:linear-gradient(180deg,#e2f5ec,#d3efe1) !important}
.table-wrap thead th,table thead th{color:#0f4632 !important;border-bottom:1px solid #aed6c3 !important;text-shadow:none !important}

/* Fichas de resumo dos registros: rótulo em cima, número embaixo */
.reg-resumo-item{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  min-height:74px !important;
}
.reg-resumo-item span{display:block !important}
.reg-resumo-item strong{display:block !important;font-size:1.22rem !important}