/* Tema escuro "azul-marinho + verde" do MeuAporte.
   Vale sempre, mesmo quando o navegador ou o Claude estão no modo claro (antes dependia do data-theme="dark" e ficava branco no modo claro).
   Só troca cores: estrutura, funções e comandos do app continuam iguais.
   Para voltar ao visual antigo, apague a linha <link ... tema.css> do index.html e o data-theme="dark" da tag <html>. */
:root:root{color-scheme:dark;
 --bg:#12142b;--bg2:#161936;--panel:#1d2042;--ink:#ffffff;--mute:#a4a8c8;--line:#30355c;
 --pos:#00c875;--neg:#f0506e;--gold:#fdab3d;
 --c-rec:#00c875;--c-fix:#7b7bff;--c-ess:#fdab3d;--c-sup:#f0506e;--c-mar:#579bfc;--c-xin:#4eccc6;--c-xout:#a25ddc;--c-xfer:#9699a6;
 --ac:#00c875;--acf:#0f1129;
 --fxbg:#171a38;--fxalt:#1c2043;--fxc1:#1e2246;--fxsep1:#2a2f6b;--fxsep2:#0d6e4c;
 --fw:#171a38;--fl:#1e2246;--fh:#272b58;--fk:#ffffff;--fd:#23275a;--fm:#2e3372;--fln:#30355c;
 --az:#579bfc;--vd:#00c875;--c-a:#4eccc6;--c-b:#fdab3d;--c-c:#a25ddc;--c-d:#579bfc}
:root:root body{background:#12142b;color:#fff}
:root:root .bkx{--c-mar:#579bfc;--c-rec:#00c875;--c-fix:#7b7bff;--c-sup:#4eccc6;--c-xout:#a25ddc;--c-xin:#5fd38d;--c-ess:#fdab3d;--ac:#2a2f6b}
:root:root .dv-wrap,:root:root .dv-ov{--dv-az:#9aa6ff;--dv-azc:#7b7bff;--dv-vd:#00c875}

/* destaque verde nos botões e abas selecionadas */
:root:root nav button[aria-selected=true],
:root:root .mp.on,
:root:root .ivsw button.on,
:root:root .ivchip.on{background:#00c875;color:#0f1129;border-color:transparent;box-shadow:0 6px 16px -8px rgba(0,200,117,.7)}
:root:root .btn{background:#00c875;color:#0f1129;box-shadow:0 6px 14px -8px rgba(0,200,117,.7)}
:root:root .ivstep:not([hidden]) h4::before{background:#00c875;color:#0f1129}
:root:root .rbar .rt i.up{background:linear-gradient(90deg,#00a862,#00c875)}
:root:root .rbar .rt i.dn{background:linear-gradient(90deg,#fdab3d,#f0506e)}

/* cartões grandes: azul-marinho com brilho roxo e verde */
:root:root .hero,
:root:root .fin,
:root:root .dv-big{background:linear-gradient(135deg,#2a2f6b 0%,#23275a 50%,#0d6e4c 100%);color:#fff;box-shadow:0 14px 30px -16px rgba(0,0,0,.8)}
:root:root .fx tr.fx-fin td,
:root:root .fxw .fx tr.fx-fin td,
:root:root .fxw .fx tr.fx-sep td{background-image:linear-gradient(90deg,#2a2f6b,#0d6e4c);background-color:#2a2f6b;color:#fff}
:root:root #lock .lk-ic{background:linear-gradient(140deg,#00c875,#2a2f6b)}
:root:root .fxw .fx thead th{border-bottom-color:#00c875}
:root:root .fxw .fx thead th.sel{background-color:#00a862;color:#fff}
:root:root .fxw .fx tr.fx-sub{--gc:#00c875}

/* ===== Modernização (28/10): acabamento no estilo monday dev. Só aparência; nada muda nas funções. ===== */
/* fundo com pontinhos discretos, como no quadro da imagem */
:root:root body{background-color:#12142b;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.2px);background-size:22px 22px;background-attachment:fixed}
:root:root ::selection{background:#00c87555;color:#fff}
:root:root{scrollbar-color:#3a3f72 transparent}
:root:root ::-webkit-scrollbar{width:10px;height:10px}
:root:root ::-webkit-scrollbar-thumb{background:#3a3f72;border-radius:99px;border:2px solid transparent;background-clip:padding-box}
:root:root ::-webkit-scrollbar-track{background:transparent}

/* cartão "Valor aplicado" do topo ganha a mesma moldura dos outros (estava sem cor) */
:root:root .ledger div:nth-child(7){--gc:var(--gold)}

/* botões: verde principal, secundários com contorno, efeito suave ao tocar */
:root:root .btn{border-radius:10px;transition:transform .12s,filter .12s,box-shadow .12s}
:root:root .btn:hover{filter:brightness(1.08);box-shadow:0 8px 18px -8px rgba(0,200,117,.8)}
:root:root .btn:active{transform:translateY(1px) scale(.99)}
:root:root .btn.alt{background:transparent;color:#fff;border:1px solid #00c875;box-shadow:none}
:root:root .btn.alt:hover{background:rgba(0,200,117,.12);box-shadow:none}
:root:root .btn.alt.armada{background:linear-gradient(135deg,#fdab3d,#ffcb00);color:#1c1f3b;border-color:#fdab3d}
:root:root #dlg-dados .dd-file{font-size:1rem}
:root:root .mini{border-radius:8px;transition:border-color .12s,background .12s}
:root:root .mini:hover{border-color:#00c875;background:rgba(0,200,117,.08)}

/* campos: cantos arredondados e brilho verde ao digitar */
:root:root input:not([type=checkbox]):not([type=radio]):not([type=range]),
:root:root select,
:root:root textarea{border-radius:10px;transition:border-color .12s,box-shadow .12s}
:root:root input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
:root:root select:focus,
:root:root textarea:focus{border-color:#00c875;box-shadow:0 0 0 3px rgba(0,200,117,.22);outline:none}
:root:root input[type=checkbox],:root:root input[type=radio]{accent-color:#00c875}
:root:root input::placeholder,:root:root textarea::placeholder{color:#7c80a6}
:root:root :focus-visible{outline-color:#00c875}

/* etiquetas de status cheias, como "Feito / Em andamento" do monday */
:root:root .st{background:#00c875;color:#0f1129;border:0;border-radius:6px;font-weight:700;padding:3px 10px}
:root:root .st.pv{background:#fdab3d;color:#1c1f3b;border:0}
:root:root .st.ag{background:#579bfc;color:#0f1129;border:0}

/* tabelas: cabeçalho com linha verde e linha destacada ao passar o dedo/mouse */
:root:root .tw{border-radius:14px;border-color:#30355c}
:root:root .tb th{border-bottom-color:#00c875;color:#c3c6e3}
:root:root .tb tbody tr{transition:background .12s}
:root:root .tb tbody tr:hover{background:rgba(255,255,255,.035)}

/* botões flutuantes do canto (câmera, nuvem, voz, zoom, cadeado, ajuda): mais visíveis */
:root:root #btn-ajuda,:root:root #btn-dados,:root:root #zoomctl,
:root:root #btn-voz,:root:root #btn-nuvem,:root:root #btn-ia-foto{opacity:.85;background:#1d2042;border-color:#3a3f72;color:#fff;box-shadow:0 6px 16px -8px rgba(0,0,0,.8)}
:root:root #btn-ajuda:hover,:root:root #btn-dados:hover,:root:root #zoomctl:hover,
:root:root #btn-voz:hover,:root:root #btn-nuvem:hover,:root:root #btn-ia-foto:hover{opacity:1;border-color:#00c875}

/* janelas (backup, PIN, avisos): cantos maiores e sombra profunda */
:root:root .dd-card{border-radius:18px;border:1px solid #30355c;box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}

@media (prefers-reduced-motion:reduce){:root:root *{transition:none!important}}

/* textos que o index.html só clareava no modo escuro: agora claros sempre */
:root:root h1{color:#fff}