/* Deluz - aba Financeiro (passo F-A3b, visual simples). Cores funcionam no modo claro e no noturno */
.fin{--k-rec:#E8C800;--k-merc:#7C7C75;--k-pes:#2F6FDB;--k-loja:#E08A1E;--k-pre:#8B5CF6;--k-imp:#D14343;--k-mkt:#12A594;--k-sob:#1E9E4A;--k-neg:#D43C3C;--k-soc:#4B5BD6;--k-jur:#B4532A}
.gx-noite .fin{--k-rec:#F4E022;--k-merc:#9C9C95;--k-pes:#6E9EF0;--k-loja:#F2A84A;--k-pre:#A98BFA;--k-imp:#F07B7B;--k-mkt:#3CC8B6;--k-sob:#4ADE80;--k-neg:#F87171;--k-soc:#8B97F0;--k-jur:#E08A5E}
.fin h3{font-size:15px;margin:0 0 12px;color:var(--tx);font-weight:700}
.fin .cinza{color:var(--tx3)}
.fin-pos{color:var(--k-sob)!important} .fin-neg{color:var(--k-neg)!important}
.fin-seg{margin:4px 0 14px;flex-wrap:wrap}
.fin-seg button.on{background:var(--amarelo);color:#111}
.fin-meses{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.fin-meses button{border:1px solid var(--bd);background:var(--card);color:var(--tx2);border-radius:20px;padding:6px 14px;font-weight:700;font-size:14px;cursor:pointer;text-transform:capitalize}
.fin-meses button.on{background:var(--amarelo);border-color:var(--amarelo-esc);color:#111}
.fin-frase{background:var(--card);border:1px solid var(--bd);border-left:6px solid var(--amarelo);border-radius:12px;padding:16px 18px;font-size:18px;line-height:1.55;color:var(--tx);margin:0 0 14px}
.fin-frase b{white-space:nowrap}
.fin-tres{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 14px}
.fin-grande{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:16px 18px;border-top:6px solid var(--k-merc)}
.fin-grande.fin-c-rec{border-top-color:var(--k-rec)} .fin-grande.fin-c-gas{border-top-color:var(--k-merc)}
.fin-grande.fin-c-sob{border-top-color:var(--k-sob)} .fin-grande.fin-c-neg{border-top-color:var(--k-neg)}
.fin-grande-n{font-size:13px;font-weight:700;color:var(--tx2);display:flex;align-items:center;gap:6px}
.fin-grande-v{font-size:32px;font-weight:800;color:var(--tx);margin:6px 0 4px;letter-spacing:-.5px}
.fin-c-sob .fin-grande-v{color:var(--k-sob)} .fin-c-neg .fin-grande-v{color:var(--k-neg)}
.fin-grande-s{font-size:13px;color:var(--tx3)}
.fin-delta{font-size:13px;font-weight:700}
.fin-bloco{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:16px 18px;margin:0 0 14px}
.fin-duas{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* de cada R$ 100 */
.fin-cem{display:flex;height:46px;border-radius:10px;overflow:hidden;background:var(--cinza-bg)}
.fin-cem-p{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.35);min-width:2px}
.fin-cem-p.fin-k-rec,.fin-cem-p.fin-k-loja{color:#111;text-shadow:none}
.fin-cem-leg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px 18px;margin-top:14px}
.fin-cem-l{display:grid;grid-template-columns:16px 1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 8px;border-radius:8px}
.fin-cem-l i{width:14px;height:14px;border-radius:4px;grid-row:1/3}
.fin-cem-l span{font-size:14px;color:var(--tx)}
.fin-cem-l b{font-size:17px;font-weight:800;color:var(--tx);text-align:right}
.fin-cem-l small{grid-column:2/4;font-size:12px;color:var(--tx3)}
.fin-cem-l.fin-clic:hover{background:var(--amarelo-claro)}
/* cascata */
.fin-casc{display:flex;flex-direction:column;gap:6px}
.fin-casc-l{display:grid;grid-template-columns:minmax(150px,30%) 1fr minmax(110px,auto);gap:10px;align-items:center;padding:4px 6px;border-radius:8px}
.fin-casc-l.fin-clic:hover{background:var(--amarelo-claro)}
.fin-casc-n{font-size:14px;color:var(--tx)}
.fin-casc-t{position:relative;height:22px;background:var(--cinza-bg);border-radius:6px}
.fin-casc-b{position:absolute;top:0;bottom:0;border-radius:6px}
.fin-casc-v{font-size:14px;font-weight:700;text-align:right;white-space:nowrap;color:var(--tx)}
.fin-casc-forte{border-top:1px dashed var(--bd);padding-top:8px;margin-top:2px}
.fin-casc-forte .fin-casc-n,.fin-casc-forte .fin-casc-v{font-weight:800;font-size:15px}
.fin-casc-forte .fin-casc-t{height:28px}
/* cores das partes (barras, legendas, graficos) */
.fin-k-rec{background:var(--k-rec);fill:var(--k-rec)} .fin-k-merc{background:var(--k-merc);fill:var(--k-merc)} .fin-k-pes{background:var(--k-pes);fill:var(--k-pes)}
.fin-k-loja{background:var(--k-loja);fill:var(--k-loja)} .fin-k-pre{background:var(--k-pre);fill:var(--k-pre)} .fin-k-imp{background:var(--k-imp);fill:var(--k-imp)}
.fin-k-mkt{background:var(--k-mkt);fill:var(--k-mkt)} .fin-k-sob{background:var(--k-sob);fill:var(--k-sob)} .fin-k-neg{background:var(--k-neg);fill:var(--k-neg)}
.fin-k-soc{background:var(--k-soc);fill:var(--k-soc)} .fin-k-jur{background:var(--k-jur);fill:var(--k-jur)}
/* listas simples */
.fin-lista{display:flex;flex-direction:column}
.fin-lista-l{display:flex;justify-content:space-between;gap:10px;padding:9px 6px;border-bottom:1px solid var(--bd2);font-size:14px;color:var(--tx)}
.fin-lista-l:last-child{border-bottom:none}
.fin-lista-l.fin-clic:hover{background:var(--amarelo-claro)}
.fin-lista-tot{font-weight:800;font-size:15px;border-top:2px solid var(--bd)}
.fin-atencao ul{margin:0;padding-left:20px} .fin-atencao li{margin:6px 0;font-size:14px;color:var(--tx2);line-height:1.5} .fin-atencao li.verm{color:var(--verm)}
.fin-clic{cursor:pointer}
.fin-nota{margin-top:8px;font-size:12px;color:var(--tx3)}
/* graficos */
.fin-svg{width:100%;height:auto;display:block}
.fin-zero{stroke:var(--tx3);stroke-width:1}
.fin-eixo{fill:var(--tx2);font-size:13px;font-weight:600}
.fin-rot{fill:var(--tx);font-size:11px;font-weight:700}
.fin-leg{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--tx2);margin:-4px 0 8px}
.fin-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
/* tabelas (DRE completa e lancamentos) */
.fin-tab-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fin-tab{width:100%;border-collapse:collapse;font-size:13px}
.fin-tab th{background:var(--th);color:var(--tx2);font-weight:700;text-align:left;padding:8px;border-bottom:1px solid var(--bd);white-space:nowrap;text-transform:none;letter-spacing:0;font-size:12px}
.fin-tab td{padding:7px 8px;border-bottom:1px solid var(--bd2);color:var(--tx);vertical-align:top}
.fin-tab .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fin-tab tr.fin-total td{font-weight:800;background:var(--amarelo-claro)}
.fin-tab tr.fin-sub td{font-weight:700}
.fin-tab tr.fin-mov td{color:var(--tx2)}
.fin-tab tr.fin-sec td{font-weight:700;color:var(--tx2);background:var(--cinza-bg);font-size:12px}
.fin-larga td:first-child,.fin-larga th:first-child{position:sticky;left:0;background:var(--card);z-index:1;min-width:210px}
.fin-larga tr.fin-total td:first-child{background:var(--amarelo-claro)}
.fin-tab td.fin-clic:hover{background:var(--amarelo-claro)}
.fin-filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.fin-filtros .inp{width:auto;min-width:180px}
@media (max-width:760px){
  .fin-frase{font-size:16px;padding:14px}
  .fin-tres{grid-template-columns:1fr}
  .fin-grande-v{font-size:28px}
  .fin-duas{grid-template-columns:1fr}
  .fin-casc-l{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:4px}
  .fin-casc-n{grid-column:1} .fin-casc-v{grid-column:2;grid-row:1} .fin-casc-t{grid-column:1/3;grid-row:2}
  .fin-cem{height:38px} .fin-cem-p{font-size:13px}
  .fin-cem-leg{grid-template-columns:1fr}
  .fin-larga td:first-child,.fin-larga th:first-child{min-width:150px}
}