/* Portal .38 — módulo Financeiro (Gastos e Faturamento) */
#fin38-capa{position:fixed;inset:0;z-index:9000;background:#12151a;overflow:auto;display:none}
#fin38-capa.aberto{display:block}
.fin38-wrap{max-width:1500px;margin:0 auto;padding:22px 24px 40px;color:#e6e9ef;
  font-family:-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
.fin38-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fin38-eyebrow{font-size:11.5px;color:#c9962e;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.fin38-wrap h1{margin:4px 0 0;font-size:26px;font-weight:700}
.fin38-sub{margin-top:5px;font-size:12.5px;color:#8a919e}
.fin38-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fin38-ctrl label{font-size:12px;color:#8a919e}
.fin38-ctrl select{background:#1d212a;color:#e6e9ef;border:1px solid #262b34;border-radius:6px;
  padding:8px 12px;font-size:13px;min-height:44px;font-family:inherit}
.fin38-bt{min-height:44px;padding:0 18px;border-radius:6px;background:transparent;color:#c9962e;
  border:1px solid #c9962e;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}
.fin38-bt[disabled]{opacity:.45;cursor:default}
.fin38-bt-x{background:transparent;color:#b6bcc8;border:1px solid #262b34}
.fin38-abas{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.fin38-aba{padding:8px 16px;border-radius:6px;background:#1d212a;color:#b6bcc8;font-size:13px;
  border:1px solid #262b34;cursor:pointer;font-family:inherit}
.fin38-aba.on{background:#c9962e;color:#14161b;font-weight:600;border-color:#c9962e}
.fin38-kpis{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.fin38-kpi{flex:1 1 220px;background:#191c22;border-top:2px solid #262b34;border-radius:8px;padding:14px 16px}
.fin38-kpi .r{font-size:11.5px;color:#8a919e;letter-spacing:.04em;text-transform:uppercase}
.fin38-kpi .v{margin-top:6px;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
.fin38-kpi .s{margin-top:4px;font-size:12px;color:#b6bcc8}
.fin38-card{background:#191c22;border:1px solid #262b34;border-radius:10px;padding:18px 20px;margin-top:16px}
.fin38-card h2{margin:0;font-size:15px;font-weight:600}
.fin38-card .h{margin-top:3px;font-size:12px;color:#8a919e}
.fin38-cab{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fin38-leg{display:flex;gap:18px;flex-wrap:wrap}
.fin38-leg span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#b6bcc8}
.fin38-leg i{width:11px;height:11px;border-radius:3px;display:inline-block}
.fin38-leg i.linha{width:16px;height:3px;border-radius:2px}
.fin38-rol{overflow-x:auto}
.fin38-nota{background:#191c22;border-left:3px solid #c9962e;border-radius:8px;padding:13px 16px;margin-top:16px}
.fin38-nota b{color:#e6e9ef;font-size:13px}
.fin38-nota p{margin:4px 0 0;font-size:12.5px;color:#b6bcc8}
.fin38-erro{border-left-color:#d9584f}
@media(max-width:700px){.fin38-wrap{padding:16px 14px 32px}.fin38-wrap h1{font-size:22px}}
/* 20/09/2026 (tarde) — filtro de mês e o drill grupo → natureza → lançamento */
.fin38-mesbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.fin38-mesbar label{font-size:12px;color:#8a919e}
.fin38-mesbar select{background:#1d212a;color:#e6e9ef;border:1px solid #262b34;border-radius:6px;padding:8px 12px;font-size:13px;min-height:44px;font-family:inherit}
.fin38-mesbar .h{font-size:12px;color:#8a919e}
.fin38-trilha{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 6px;font-size:12.5px}
.fin38-trilha button{background:transparent;border:0;padding:6px 8px;border-radius:6px;font:inherit;font-size:12.5px;color:#c9962e;cursor:pointer;min-height:32px}
.fin38-trilha button.volta:hover,.fin38-trilha button.volta:focus-visible{background:#1d212a;outline:none}
.fin38-trilha button[disabled],.fin38-trilha .aqui{color:#e6e9ef;cursor:default;font-weight:600}
.fin38-trilha .sep{color:#8a919e}
.fin38-barras{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.fin38-bar{display:grid;grid-template-columns:minmax(150px,260px) 1fr minmax(120px,auto) 18px;align-items:center;gap:12px;
  min-height:44px;padding:4px 8px;border-radius:8px;background:transparent;border:1px solid transparent;color:inherit;font:inherit;text-align:left;width:100%}
.fin38-bar.abre{cursor:pointer}
.fin38-bar.abre:hover,.fin38-bar.abre:focus-visible{background:#1d212a;border-color:#262b34;outline:none}
.fin38-bar .rot{display:flex;flex-direction:column;gap:2px;min-width:0}
.fin38-bar .nome{font-size:13px;color:#b6bcc8;overflow-wrap:anywhere}
.fin38-bar.abre .nome{color:#e6e9ef}
.fin38-bar .sub{font-size:11.5px;color:#8a919e}
.fin38-bar .agrup{display:inline-block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#8a919e;border:1px solid #262b34;border-radius:4px;padding:1px 6px;width:max-content}
.fin38-bar .trilho{position:relative;height:14px;background:#1d212a;border-radius:0 4px 4px 0;overflow:hidden}
.fin38-bar .fill{position:absolute;left:0;top:0;bottom:0;border-radius:0 4px 4px 0;min-width:2px}
.fin38-bar .val{font-size:12.5px;color:#e6e9ef;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end}
.fin38-bar .val .n{font-size:11px;color:#8a919e;font-variant-numeric:tabular-nums}
.fin38-bar .seta{color:#c9962e;font-size:18px;line-height:1;text-align:center}
.fin38-vazio{color:#8a919e;font-size:13px;margin:10px 0 4px}
.fin38-aviso{margin:10px 0 0;font-size:12px;color:#d9a441}
.fin38-drill-nota{margin-top:10px}
.fin38-tab{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px;min-width:560px}
.fin38-tab th{text-align:left;font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#8a919e;padding:8px 10px;border-bottom:1px solid #262b34}
.fin38-tab td{padding:9px 10px;border-bottom:1px solid #20242c;vertical-align:top;color:#b6bcc8}
.fin38-tab td.desc{color:#e6e9ef;max-width:520px;overflow-wrap:anywhere}
.fin38-tab td.desc .cod{display:block;font-size:11px;color:#8a919e;margin-top:2px}
.fin38-tab td.dt{white-space:nowrap;font-variant-numeric:tabular-nums}
.fin38-tab .num,.fin38-tab th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.fin38-tab td.num{color:#e6e9ef}
.fin38-tab tfoot td{border-bottom:0;border-top:1px solid #262b34;color:#e6e9ef;font-weight:600}
@media(max-width:700px){
  .fin38-bar{grid-template-columns:1fr auto 18px;grid-template-areas:"rot val seta" "trilho trilho trilho";row-gap:6px;padding:8px}
  .fin38-bar .rot{grid-area:rot}.fin38-bar .trilho{grid-area:trilho}.fin38-bar .val{grid-area:val}.fin38-bar .seta{grid-area:seta}
  .fin38-mesbar .h{flex-basis:100%}
}