/* Monfer 2.0 — Fase 4: camada visual isolada do Financeiro unificado. */
#pageFinanceiro>.page-header{align-items:flex-start;gap:14px}
#pageFinanceiro>.dre-tabs{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:var(--primary) var(--bg-secondary);background:linear-gradient(90deg,var(--bg-card) 0,var(--bg-card) 18px,transparent 42px),linear-gradient(270deg,var(--bg-card) 0,var(--bg-card) 18px,transparent 42px);background-attachment:local,local}
#pageFinanceiro>.dre-tabs::-webkit-scrollbar{display:block;height:8px}
#pageFinanceiro>.dre-tabs::-webkit-scrollbar-track{background:var(--bg-secondary)}
#pageFinanceiro>.dre-tabs::-webkit-scrollbar-thumb{border-radius:8px;background:var(--primary)}
#pageFinanceiro>.dre-tabs>.dre-tab{white-space:nowrap;flex:0 0 auto}
#pageFinanceiro :is(button,input,select,summary,[role="tab"]):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}
#pageFinanceiro :is(.data-table,.dash-table){font-variant-numeric:tabular-nums}
#pageFinanceiro :is(.table-wrapper-scroll,[id$="Wrapper"],[id$="Content"]){overscroll-behavior:contain}
@media(max-width:900px){#pageFinanceiro #finDashboard>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}#pageFinanceiro .data-card-header{align-items:flex-start;flex-direction:column}#pageFinanceiro .data-card-header>.search-bar{width:100%}}
@media(max-width:600px){#pageFinanceiro .data-card-header>.search-bar :is(input,select,button){width:100%!important}#pageFinanceiro :is(.kpi-grid,[id$="Kpis"]){grid-template-columns:repeat(2,minmax(0,1fr))!important}#pageFinanceiro .btn{min-height:38px}}
@media(prefers-reduced-motion:reduce){#pageFinanceiro *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Segundo bloco: contas a receber e a pagar. */
#pageFinanceiro :is(#finReceberTableWrapper,#finPagarTableWrapper,#finRecDekTable,#finPagDekTable){overflow:auto;overscroll-behavior:contain}
#pageFinanceiro :is(#finReceberTableWrapper,#finPagarTableWrapper) .data-table{min-width:940px}
#pageFinanceiro :is(#finRecSummary,#finPagSummary){flex-wrap:wrap}
#pageFinanceiro :is(#finRecSummary,#finPagSummary)>.data-card{min-width:170px}
#pageFinanceiro :is(.fin-rec-subtab,.fin-pag-subtab){min-height:38px}
@media(max-width:600px){#pageFinanceiro #finReceber details>div>div,#pageFinanceiro :is(#finRecSummary,#finPagSummary){flex-direction:column}#pageFinanceiro :is(#finRecSummary,#finPagSummary)>.data-card{width:100%}#pageFinanceiro :is(.fin-rec-subtab,.fin-pag-subtab){flex:1 1 50%}}

/* Terceiro bloco: conferência de pagamentos. */
#pageFinanceiro #confPagTableWrapper{overflow:auto;overscroll-behavior:contain}
#pageFinanceiro #confPagTableWrapper :is(.data-table,.dash-table){min-width:1040px}
#pageFinanceiro #finConfPag>.search-bar{align-items:center}
@media(max-width:760px){#pageFinanceiro #finConfPag>.search-bar{align-items:stretch!important;flex-direction:column}#pageFinanceiro #finConfPag>.search-bar>*{width:100%!important}#pageFinanceiro #finConfPag>.data-card>.data-card-header .search-bar{display:grid!important;grid-template-columns:1fr 1fr}#pageFinanceiro #finConfPag>.data-card>.data-card-header .search-bar>.btn{grid-column:1/-1}}
@media(max-width:460px){#pageFinanceiro #finConfPag>.data-card>.data-card-header .search-bar{grid-template-columns:1fr}}

/* Quarto bloco: boletos BB e conciliação bancária. */
#pageFinanceiro :is(#bbBolTableWrapper,#concPendentesList){overflow:auto;overscroll-behavior:contain}
#pageFinanceiro :is(#bbBolTableWrapper,#concPendentesList) :is(.data-table,.dash-table){min-width:900px}
#pageFinanceiro #finBoletos>div:first-of-type,#pageFinanceiro #finConciliacao>div:nth-of-type(2){align-items:center}
#bbBolModalEmitirDiv .modal-content,#modalConciliacao .modal-content{width:min(100% - 24px,600px);max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:600px){#pageFinanceiro #finBoletos>div:first-of-type .btn{flex:1 1 180px;justify-content:center}#pageFinanceiro #finConciliacao>div:nth-of-type(2)>*{flex:1 1 145px}#bbBolModalEmitirDiv [style*="grid-template-columns"],#modalConciliacao [style*="grid-template-columns"]{grid-template-columns:1fr!important}}

/* Quinto bloco: análises, cobrança, extratos e DRE. */
#pageFinanceiro :is(#reguaPendentesTable,#reguaHistoricoTable,#reguaEtapasTable,#finLucrContent,#finDreContent,#dreTableWrapper,#dreLancTableWrapper,#dreExtTableWrapper,#dreRecTableWrapper){overflow:auto;overscroll-behavior:contain}
#pageFinanceiro :is(#reguaPendentesTable,#reguaHistoricoTable,#reguaEtapasTable,#finLucrContent,#finDreContent) :is(.data-table,.dash-table){min-width:900px}
#pageFinanceiro :is(#finFluxoKpis,#finMetasKpis){min-width:0}
@media(max-width:760px){#pageFinanceiro :is(#finFluxoCaixa,#finReguaCobranca,#finMetasComissoes,#finLucratividade,#finExtratosBanc,#finDre) .data-card-header{flex-direction:column}#pageFinanceiro :is(#finFluxoCaixa,#finReguaCobranca,#finMetasComissoes,#finLucratividade,#finExtratosBanc,#finDre) .search-bar{width:100%;flex-wrap:wrap!important}#pageFinanceiro :is(#finFluxoCaixa,#finReguaCobranca,#finMetasComissoes,#finLucratividade,#finExtratosBanc,#finDre) .search-bar>*{flex:1 1 145px}#pageFinanceiro #finExtratosBanc .data-card>div>div{align-items:stretch!important}#pageFinanceiro #finExtratosBanc .data-card>div>div>*{flex:1 1 160px}}
