/* Financeiro novo (banco/module.js). Barra de filtros e chips são os do HW Orçamentos
   (hw-pharma/module.css: .hw-fcaixa, .hw-chip, .hw-rapido); aqui só o que é desta tela. */
.bx{max-width:87.5rem}
.bx-ic{flex:0 0 auto;vertical-align:-2px}
.bx-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin:0 0 1.125rem}
.bx-topo h1{margin:0;font-size:1.75rem}
.bx-topo p{margin:.25rem 0 0;color:var(--mut);font-size:.875rem}
.bx-topo-acoes{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.bx-nibo-hw{display:inline-flex;align-items:center;gap:.5rem;padding:.5625rem .875rem;border-radius:.5rem;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;background:transparent;border:1px solid var(--line,#ccc);color:inherit}
.bx-importar{display:inline-flex;align-items:center;gap:.5rem;padding:.5625rem .875rem;border-radius:.5rem;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}
.bx-resumo{margin:0;font-size:.8125rem}
.bx-mini{max-height:20rem;overflow:auto}
.bx-mini table{font-size:.7812rem;table-layout:fixed}
.bx-mini td:nth-child(1){width:4.5rem}.bx-mini td:nth-child(3){width:9.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx-mini td:nth-child(4){width:7.5rem}
.bx-mini .bx-desc{max-width:none}
.bx-mini td{padding:.375rem .625rem}
.bx-campo input[type=file]{font:inherit;font-size:.8125rem;color:var(--ink)}
.bx-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:0 0 1.125rem}
.bx-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0;padding:.875rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--sur);font:inherit;color:var(--ink);text-align:left}
button.bx-card{cursor:pointer}
button.bx-card:hover{border-color:var(--acc)}
.bx-card-rot{display:flex;align-items:center;gap:.375rem;font-size:.7812rem;color:var(--mut)}
.bx-card-v{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere;max-width:100%}
.bx-card small{font-size:.7188rem;color:var(--mut);line-height:1.3}
/* Pendência: borda e rótulo em destaque, mas quem diz é o ícone e o texto. */
.bx-alerta{border-color:color-mix(in srgb,var(--acc) 55%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 25%,transparent)}
.bx-alerta .bx-card-rot{color:var(--acc);font-weight:600}
.bx-abas{display:flex;gap:.375rem;margin:0 0 .75rem}
.bx-abas .hw-chip{padding:.4375rem .875rem;font-size:.8125rem}
.bx-barra .bx-linha2{margin-top:.5rem}
.bx-barra .hw-fc-busca{flex:1 1 7.5rem;min-width:7.5rem}
.bx-barra .hw-fc-linha{flex-wrap:wrap;gap:.375rem}
.bx-barra .hw-chip{padding:.25rem .5rem;gap:.25rem}
.bx-barra .bx-contagem{margin-left:auto}
.bx-contagem{margin-left:auto;font-size:.7812rem;color:var(--mut);white-space:nowrap}
.bx-somas{margin-left:auto;display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:.75rem}
.bx-tabela{background:var(--sur);border:1px solid var(--line);border-radius:.75rem;overflow-x:auto}
.bx-tabela table{width:100%;border-collapse:collapse;font-size:.8438rem}
.bx-tabela th{text-align:left;font-size:.7812rem;font-weight:600;color:var(--mut);padding:.6875rem .75rem;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--sur)}
.bx-tabela td{padding:.5625rem .75rem;border-bottom:1px solid var(--line);vertical-align:middle}
.bx-tabela tbody tr:last-child td{border-bottom:0}
.bx-data{white-space:nowrap;color:var(--mut);font-variant-numeric:tabular-nums}
.bx-desc{max-width:26.25rem}
.bx-desc b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-desc small{display:block;font-size:.7188rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-num{text-align:right!important;white-space:nowrap;font-variant-numeric:tabular-nums}
.bx-valor{display:inline-flex;flex-direction:column;align-items:flex-end}
.bx-valor>span{display:inline-flex;align-items:center;gap:.25rem}
.bx-valor small{font-size:.6875rem;color:var(--mut)}
.bx-ent>span{color:var(--acc)}
.bx-cat{display:inline-flex;align-items:center;gap:.3125rem;max-width:15rem;padding:.25rem .625rem;border:1px solid var(--line);border-radius:6.1875rem;background:var(--sur2);font:inherit;font-size:.75rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
span.bx-cat{cursor:default}
button.bx-cat:hover{border-color:var(--acc)}
.bx-cat.bx-cat-esp{background:transparent;border-style:solid;border-color:color-mix(in srgb,var(--acc) 60%,var(--line));color:var(--acc)}
.bx-pend{background:var(--sur);border-style:dashed;border-color:var(--acc);color:var(--acc);font-weight:600}
.bx-conciliar,.bx-ligado{display:inline-flex;align-items:center;gap:.3125rem;max-width:16.25rem;padding:.25rem .625rem;border-radius:6.1875rem;font:inherit;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.bx-conciliar{border:1px solid transparent;background:none;color:var(--mut)}
.bx-conciliar:hover{border-color:var(--line);color:var(--ink)}
/* "Conciliar" discreto só aparece na linha sob o mouse; o que espera conciliação fica sempre à vista. */
@media (hover:hover){.bx-tabela tr:not(:hover) .bx-conciliar:not(.bx-espera):not(:focus-visible){opacity:0}}
.bx-espera{border-color:var(--acc);color:var(--acc);font-weight:600;background:var(--sur)}
.bx-ligado{border:1px solid color-mix(in srgb,var(--acc) 45%,var(--line));background:color-mix(in srgb,var(--acc) 9%,var(--sur));color:var(--ink)}
.bx-ligado:hover{border-color:var(--acc)}
.bx-vazio{padding:2.5rem 1rem;text-align:center;color:var(--mut);background:var(--sur);border:1px solid var(--line);border-radius:.75rem}
.bx-vazio .hw-btn{margin-top:.75rem}
.bx-paginas{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.7812rem;color:var(--mut)}
.bx-fraco{color:var(--mut)}
.bx-matriz .bx-fixa{position:sticky;left:0;background:var(--sur);z-index:1;min-width:12.5rem}
/* Fluxo de caixa: 12 meses + Total, rolagem lateral com a categoria presa; o mês escolhido ganha
   bordas laterais e cabeçalho em negrito (forma, não só cor). */
.bx-fluxo td,.bx-fluxo th{white-space:nowrap}
.bx-fluxo .bx-num{min-width:5.25rem;padding-left:.5rem;padding-right:.5rem;font-variant-numeric:tabular-nums}
.bx-fluxo .bx-num .bx-link{padding:2px 2px}
.bx-fluxo .bx-mes-on{background:color-mix(in srgb,#1d5b92 7%,var(--sur));box-shadow:inset 1px 0 0 #1d5b92,inset -1px 0 0 #1d5b92}
.bx-fluxo th.bx-mes-on{font-weight:700;color:var(--ink);box-shadow:inset 1px 0 0 #1d5b92,inset -1px 0 0 #1d5b92,inset 0 3px 0 #1d5b92}
.bx-fluxo .bx-resultado td{border-top:2px solid var(--ink);font-weight:700}
.bx-fluxo .bx-resultado .bx-ic{vertical-align:-2px}
.bx-fluxo .bx-res-final td{border-top:3px double var(--ink)}
.bx-fluxo .bx-sub td{background:var(--sur2);font-size:.7812rem;color:var(--mut)}
.bx-fluxo .bx-sub .bx-fixa{background:var(--sur2);padding-left:1.75rem}
.bx-fluxo .bx-sub .bx-ic{vertical-align:-2px;margin-right:.25rem}
.bx-fl-tag{display:inline-flex;vertical-align:-1px;color:var(--mut)}
.bx-fl-aviso{margin:0 0 .5rem;font-size:.7812rem;color:var(--mut)}
/* Lançamentos de uma célula: lista simples, sem rolagem lateral; conta e cartão em seções. */
.bx-fl-det{max-width:min(53.75rem,calc(100vw - 21.25rem))}
.bx-fl-det section{background:var(--sur);border:1px solid var(--line);border-radius:.625rem;padding:.375rem .75rem;margin-top:.5rem}
.bx-fl-det h4{margin:.25rem 0;font-size:.7812rem;font-weight:600;display:flex;align-items:center;gap:.375rem}
.bx-fl-lista{list-style:none;margin:0;padding:0;max-height:22.5rem;overflow-y:auto}
.bx-fl-lista li{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto 1.75rem;gap:.625rem;align-items:center;padding:.375rem 0;border-top:1px solid var(--line)}
.bx-fl-lista li:first-child{border-top:0}
.bx-fl-desc{display:flex;flex-direction:column;min-width:0;white-space:normal}
.bx-fl-desc b{font-weight:500;overflow:hidden;text-overflow:ellipsis}
.bx-fl-desc small{color:var(--mut);font-size:.75rem;overflow:hidden;text-overflow:ellipsis}
.bx-fluxo .bx-fl-det td,.bx-fluxo .bx-fl-det li{white-space:normal}
.bx-fluxo table{font-size:.7812rem}
.bx-fluxo td{padding-top:.25rem;padding-bottom:.25rem;height:auto}
.bx-fluxo th{padding-top:.5rem;padding-bottom:.5rem;font-size:.7188rem}
.bx-fluxo .bx-fixa{min-width:0;width:10.625rem;max-width:11.875rem;overflow:hidden;text-overflow:ellipsis}
.bx-fluxo .bx-fixa .bx-link{max-width:10.625rem;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.bx-fluxo .bx-num{min-width:4.75rem}
/* Total preso à direita, como a categoria à esquerda. */
.bx-fluxo tr:not(.bx-abre)>:last-child{position:sticky;right:0;z-index:1;background:var(--sur);box-shadow:inset 1px 0 0 var(--line),-6px 0 8px -6px rgba(0,0,0,.12)}
.bx-fluxo tr.bx-bloco>:last-child,.bx-fluxo tr.bx-total>:last-child,.bx-fluxo tr.bx-sub>:last-child{background:var(--sur2)}
.bx-fluxo .bx-bloco .bx-fixa{white-space:normal;max-width:none}
.bx-fluxo .bx-bloco-bt{text-align:left;font-size:.6875rem}
.bx-bloco-bt svg{flex:none}
.bx-fluxo .bx-bloco-tot td{font-size:.7812rem;font-weight:700;text-transform:none;letter-spacing:0;border-top:1px solid var(--line)}
.bx-bloco-bt{display:inline-flex;align-items:center;gap:.375rem;border:0;background:none;padding:2px .25rem;margin-left:-.25rem;border-radius:.375rem;font:inherit;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:inherit;cursor:pointer}
.bx-bloco-bt:hover{background:var(--sur)}
.bx-bloco-bt .bx-seta-bloco{color:var(--mut)}
.bx-bloco td,.bx-matriz .bx-bloco .bx-fixa{background:var(--sur2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.bx-total td{background:var(--sur2);font-weight:600}
.bx-total .bx-fixa{background:var(--sur2)}
.bx-link{border:0;background:none;padding:2px .25rem;border-radius:.25rem;font:inherit;color:inherit;cursor:pointer;text-align:left}
.bx-link:hover{background:var(--sur2);text-decoration:underline}
.bx-link.bx-aberta{background:var(--sur2);font-weight:600;box-shadow:inset 0 -2px 0 #1d5b92}
.bx-abre>td{background:var(--sur2);padding:.625rem .75rem}
.bx-abre-box{position:sticky;left:.75rem;max-width:min(61.25rem,calc(100vw - 21.25rem))}
.bx-abre .bx-mini{max-height:26.25rem;background:var(--sur);border-radius:.5rem}
.bx-abre .bx-resumo{margin:0 0 .5rem}
/* Diálogos */
.bx-dialog{width:min(40rem,calc(100vw - 2rem))}
.bx-dialog{overflow:hidden}
.bx-dialog form{display:flex;flex-direction:column;max-height:calc(85vh - 2px)}
.bx-dialog .conversation-body{max-height:none;flex:1;overflow:auto;display:flex;flex-direction:column;gap:.75rem}
.bx-dialog footer{gap:.5rem}
.bx-erro{margin:0 auto 0 0;color:var(--ink);font-size:.7812rem;font-weight:600}
.bx-origem{padding:.625rem .75rem;border-radius:.5rem;background:var(--sur2);font-size:.8125rem;line-height:1.45}
.bx-origem small{display:block;color:var(--mut);font-size:.7188rem;word-break:break-word}
.bx-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}
.bx-opcao{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border:1px solid var(--line);border-radius:.5rem;font-size:.8125rem;cursor:pointer}
.bx-opcao:has(input:checked){border-color:var(--acc);background:color-mix(in srgb,var(--acc) 9%,var(--sur));font-weight:600}
.bx-aplicar{display:flex;gap:.625rem;align-items:flex-start;padding:.625rem .75rem;border-radius:.5rem;background:var(--sur2);font-size:.8125rem;cursor:pointer}
.bx-aplicar input{margin-top:.1875rem}
.bx-aplicar small{display:block;color:var(--mut);font-size:.7188rem}
.bx-campo{display:flex;flex-direction:column;gap:.25rem;font-size:.7812rem;color:var(--mut)}
.bx-campo select{padding:.5rem .625rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);font:inherit;font-size:.8125rem;color:var(--ink)}
.bx-dica{margin:0;font-size:.7812rem;color:var(--mut)}
[data-sec][hidden]{display:none!important}
@media (max-width:1200px){.bx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
 .bx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bx-card-v{font-size:1rem}
 .bx-grade{grid-template-columns:1fr}
 .bx-contagem,.bx-somas{margin-left:0}
}
.bx-importar,.bx-dialog .query-primary{background:var(--acc);border:1px solid var(--acc);color:var(--acc-ink,#fff)}
.bx-importar:hover,.bx-dialog .query-primary:hover{opacity:.92}
.bx-dialog .query-primary:disabled{opacity:.5;cursor:default}
/* Conciliar: escolha em cartões e pílulas, nada de lista suspensa. */
.bx-rot{margin:.25rem 0 0;font-size:.7812rem;font-weight:600;color:var(--mut)}
.bx-lista{display:flex;flex-direction:column;gap:.375rem}
.bx-item{gap:.625rem}
.bx-item-txt{flex:1;min-width:0}
.bx-item-txt b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-opcao:has(input:checked) .bx-item-txt b{font-weight:700}
.bx-item-txt small{display:block;font-size:.7188rem;font-weight:400;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-item-dir{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.bx-pilulas{display:flex;flex-wrap:wrap;gap:.375rem}
.bx-pilula{position:relative;cursor:pointer}
.bx-pilula input{position:absolute;opacity:0;pointer-events:none}
.bx-pilula span{display:inline-block;padding:.375rem .75rem;border:1px solid var(--line);border-radius:6.1875rem;background:var(--sur);font-size:.8125rem}
.bx-pilula:hover span{border-color:var(--acc)}
.bx-pilula input:checked+span{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--sur));font-weight:600}
.bx-pilula input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.bx-desfazer{margin-right:auto;border:1px solid var(--line);background:var(--sur);color:var(--ink);border-radius:.5rem;padding:.5rem .75rem;font:inherit;font-size:.8125rem;cursor:pointer}
.bx-desfazer:hover{border-color:var(--ink)}
.bx-desfazer+.bx-erro{margin-left:0}
/* Seleção em lote: mesma faixa da Base de dados. */
.bx-selecao{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .625rem;padding:.5rem .75rem;border:1px solid var(--acc);border-radius:.625rem;background:var(--acc-soft,color-mix(in srgb,var(--acc) 9%,var(--sur)))}
.bx-aviso{font-size:.8125rem;font-weight:600}
.bx-botao{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;border-radius:.5rem;font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}
.bx-selecao .query-primary{background:var(--acc);border:1px solid var(--acc);color:var(--acc-ink,#fff)}
.bx-tabela .bx-check{width:1.75rem;padding-right:0}
.bx-tabela tr.bx-marcada td{background:var(--acc-soft,color-mix(in srgb,var(--acc) 9%,var(--sur)))}
.bx-lote{max-height:21.25rem}
.bx-lote td:nth-child(1){width:1.75rem}.bx-lote td:nth-child(2){width:4.875rem}.bx-lote td:nth-child(3){width:auto}.bx-lote td:nth-child(4){width:6.875rem}.bx-lote td:nth-child(5){width:12.5rem;font-size:.75rem}
.bx-lote table{table-layout:fixed;width:100%}.bx-lote td:nth-child(4){width:7.5rem}
/* 26/10: subabas no topo (FGHSubabas) e as telas do Financeiro antigo (Cartões, Endividamento,
   Sócios) com o mesmo desenho do Extrato: abas internas em chips, cartões de número iguais. */
.bx-abas .subabas button{padding:.4375rem .875rem;font-size:.8438rem}
.bx-barra form.hw-fc-busca{margin:0}
#financeiro2-module.bx-f2 .f2-nav{border-bottom:0;gap:.375rem;margin-bottom:.75rem}
#financeiro2-module.bx-f2 .f2-nav button{border:1px solid var(--line);border-radius:6.1875rem;background:var(--sur);padding:.3125rem .75rem;font-size:.7812rem;color:var(--ink)}
#financeiro2-module.bx-f2 .f2-nav button.f2-on{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:500}
#financeiro2-module.bx-f2 .f2-tile .f2-k{font-size:.7812rem;text-transform:none;letter-spacing:normal;color:var(--mut)}
#financeiro2-module.bx-f2 .f2-tile .f2-v{font-size:1.25rem;font-weight:700;color:var(--ink)}
#financeiro2-module.bx-f2 .f2-tile .f2-d{font-size:.7188rem;color:var(--mut)}
/* Conciliar fatura: cartões de outro emissor ficam fechados embaixo. */
.bx-outros{margin-top:.25rem}
.bx-outros>summary{cursor:pointer;font-size:.7812rem;font-weight:600;color:var(--mut);padding:.375rem 0;list-style:none}
.bx-outros>summary::-webkit-details-marker{display:none}
.bx-outros>summary::before{content:'▸ '}
.bx-outros[open]>summary::before{content:'▾ '}
.bx-outros>.bx-lista{margin-top:.25rem}
/* Botões da tela embutida (Nova dívida, Conciliar com o extrato) no canto superior direito. */
.bx{position:relative}
#financeiro2-module.bx-f2 .f2-acoes-topo{position:absolute;top:0;right:0;margin:0;gap:.5rem}
/* Editar lançamento (lápis da linha, 26/10): listas suspensas no lugar da grade de rádios. */
.bx-acoes{width:2.25rem;text-align:right}
.bx-lapis{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid transparent;border-radius:.375rem;background:transparent;color:var(--mut);cursor:pointer}
.bx-lapis:hover{border-color:var(--line);color:var(--acc);background:var(--sur2)}
.bx-campos{display:grid;gap:.75rem}
.bx-campo{display:flex;flex-direction:column;gap:.3125rem;font-size:.75rem;font-weight:600;color:var(--mut)}
.bx-campo input{padding:.4375rem .625rem;border:1px solid #dcd8d0;border-radius:.375rem;font:inherit;font-size:.8125rem;font-weight:400;color:var(--ink)}
.bx-campo[hidden]{display:none}
.bx-ia{align-self:flex-start;display:inline-flex;align-items:center;gap:.375rem}
.bx-ia-res .bx-resumo small{display:block;margin-top:.1875rem;color:var(--mut);font-size:.7188rem}
.bx-forn-lembrar{display:flex;gap:.5rem;align-items:center;font-size:.7812rem;color:var(--mut);cursor:pointer}
.bx-forn-lembrar[hidden]{display:none}
.bx-semforn{border:0;background:none;padding:0;font:inherit;font-size:.7188rem;color:var(--acc);text-decoration:underline;cursor:pointer}
/* Sugestões da IA (mig 3950, Edge Function fin2-ia/sugerir) */
.bx-ia-resumo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin:0 0 .875rem}
.bx-ia-resumo div{border:1px solid var(--line);border-radius:.75rem;padding:.75rem .875rem;min-width:0}
.bx-ia-resumo dt{font-size:.8125rem;color:var(--mut);margin:0 0 .25rem}
.bx-ia-resumo dd{margin:0;font-size:1.0625rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){.bx-ia-resumo{grid-template-columns:1fr}}
.bx-ia-lista{max-height:26.25rem}
.bx-ia-lista table{table-layout:fixed;width:100%}
.bx-ia-lista td:nth-child(1){width:1.75rem}.bx-ia-lista td:nth-child(2){width:auto;white-space:normal}.bx-ia-lista td:nth-child(3){width:6rem;text-align:right}
/* Lançamento ⇄ sugestão da IA, lado a lado (Conciliar e lista em massa) */
.bx-ia-par{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.625rem;margin:0 0 .625rem}
.bx-ia-card{display:flex;flex-direction:column;gap:2px;min-width:0;padding:.625rem .75rem;border:1px solid var(--line);border-radius:.625rem;background:var(--sur);font-size:.8125rem}
.bx-ia-card small{color:var(--mut);font-size:.7188rem;display:flex;align-items:center;gap:.25rem}
.bx-ia-card span{color:var(--mut);font-size:.75rem;overflow:hidden;text-overflow:ellipsis}
.bx-ia-card strong{font-variant-numeric:tabular-nums;margin-top:2px}
.bx-ia-card em{font-style:normal;font-size:.7188rem;color:var(--mut)}
.bx-ia-alvo{border-color:color-mix(in srgb,var(--acc) 45%,var(--line));background:color-mix(in srgb,var(--acc) 7%,var(--sur))}
.bx-ia-alvo span{color:var(--ink)}
.bx-ia-vazio span{white-space:normal}
.bx-ia-seta{align-self:center;color:var(--mut)}
.bx-ia-acoes{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin:0 0 .875rem}
.bx-ia-acoes small{margin-right:auto;color:var(--mut);font-size:.75rem}
.bx-ia-ou{margin-top:.25rem}
.bx-ia-selo{display:inline-flex;align-items:center;gap:.1875rem;margin-left:.5rem;padding:1px .4375rem;border-radius:62.4375rem;background:#e8f0f8;color:#1d5b92;font-size:.6875rem;font-weight:600;vertical-align:1px}
.bx-ia-mini{margin:0;gap:.5rem}.bx-ia-mini .bx-ia-card{padding:.4375rem .625rem;font-size:.7812rem}
.bx-sugerido{max-width:17.5rem}
@media (max-width:640px){.bx-ia-par{grid-template-columns:1fr}.bx-ia-seta{justify-self:center;transform:rotate(90deg)}}
.bx-ia-sug small{display:block;color:var(--mut);font-size:.7188rem;margin-top:2px}
.bx-ia-ok{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--mut)}
/* Barra padrão (26/10): a mesma de Pedidos e orçamentos do HW, numa linha só. */
.bx-barra{margin-bottom:.75rem}
/* Ao rolar, a faixa fica logo abaixo do cabeçalho do CRM (.app-header: 60px, sticky, z-index 40),
   e por baixo dele. Ela tinha a classe da barra global (.fgh-barra, rodape.css): grudava em top:0
   por cima do cabeçalho, com 3.25rem de altura fixa e o conteúdo vazando. No celular ela quebra em
   várias linhas e tomaria a tela: rola junto. */
.bx-barra{position:sticky;top:3.75rem;z-index:30}
.medical-menu-locked .bx-barra{top:var(--medical-header-height)}
@media (max-width:700px){.bx-barra{position:static}}
.bx-barra .hw-fc-linha{flex-wrap:wrap;gap:.5rem}
.bx-barra .hw-fc-busca{flex:0 1 17.5rem;min-width:10.625rem;min-height:2.375rem}
.bx-barra .hw-fc-busca .bx-ic{color:var(--mut);flex:none}
.bx-fbtn{display:inline-flex;align-items:center;gap:.375rem;min-height:2.375rem;padding:0 .75rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);color:var(--ink);font:inherit;font-size:.8125rem;white-space:nowrap;cursor:pointer}
.bx-fbtn:hover{border-color:var(--acc)}
.bx-fbtn b{font-weight:600}
.bx-fbtn-rot{color:var(--mut)}
.bx-fbtn svg{flex:none;opacity:.75}
.bx-fbtn-on{border-color:var(--acc)}
.bx-fbtn-n{font-size:.7188rem;color:var(--mut);font-variant-numeric:tabular-nums}
.bx-fbtn-on .bx-fbtn-n{color:var(--acc);font-weight:600}
.bx-filtros-wrap{position:relative;display:inline-flex}
.bx-balao{position:absolute;top:calc(100% + .375rem);left:0;z-index:40;width:18.75rem;display:flex;flex-direction:column;gap:.75rem;padding:.875rem;background:var(--sur);border:1px solid var(--line);border-radius:.625rem;box-shadow:0 10px 30px #1d1b1926}
.bx-balao .fgh-sel{width:100%;min-height:2.25rem}
.bx-balao-pe{display:flex;justify-content:flex-end}
.bx-menu-n{display:inline-flex;align-items:center;gap:.375rem;color:var(--mut);font-variant-numeric:tabular-nums}
.bx-transf>span{color:var(--mut)}
.bx-cat-vazia{color:var(--mut);justify-content:center;min-width:2.125rem}
@media (max-width:700px){.bx-barra .hw-fc-busca{flex:1 1 100%}.bx-balao{left:auto;right:0;width:min(18.75rem,calc(100vw - 2rem))}}
.bx-ia-res[hidden]{display:none}
.bx-linha-botoes{display:flex;flex-wrap:wrap;gap:.5rem}
/* Salvar em andamento */
.bx-dialog .bx-salvando{display:inline-flex;align-items:center;gap:.5rem;opacity:1!important;cursor:progress}
.bx-giro{width:.875rem;height:.875rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bx-giro .7s linear infinite;flex:none}
@keyframes bx-giro{to{transform:rotate(360deg)}}
.bx-dialog[aria-busy=true] .conversation-body{opacity:.6;pointer-events:none;transition:opacity .15s}
.bx-dialog footer button{white-space:nowrap}
/* Barra: tudo na mesma altura, borda, raio e letra (27/10). */
.bx-barra .hw-fc-linha{align-items:center}
.bx-barra .hw-fc-busca,.bx-barra .fgh-per,.bx-barra .bx-fbtn,.bx-barra .hw-btn.bx-ia{height:2.5rem;min-height:2.5rem;box-sizing:border-box;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);font-size:.8438rem;margin:0}
.bx-barra .hw-fc-busca input{font-size:.8438rem}
.bx-barra .hw-btn.bx-ia{display:inline-flex;align-items:center;gap:.375rem;padding:0 .75rem;color:var(--ink);font-weight:600;align-self:center}
.bx-barra .hw-btn.bx-ia:hover,.bx-barra .fgh-per:hover{border-color:var(--acc)}
.bx-barra .fgh-per>.hw-periodo-nome{font-size:.8438rem;font-weight:600;min-width:8.75rem;display:inline-flex;align-items:center;justify-content:center}
.bx-barra .fgh-per>.hw-seta{min-width:2.25rem;height:auto}
.bx-barra .bx-fbtn b{font-weight:600}
/* Cartões: o número cabe numa linha só, sem quebrar no meio (27/10). */
.bx-card{min-width:0}
.bx-card-v{white-space:nowrap;overflow-wrap:normal;font-size:clamp(.9375rem,1.3vw,1.25rem);overflow:hidden;text-overflow:ellipsis}
#financeiro2-module .f2-subabas{margin:0 0 .75rem}
#financeiro2-module .f2-fcaixa.bx-barra .hw-fc-busca{flex:0 1 17.5rem}
.bx-barra .hw-fc-linha>.subabas{height:2.5rem;box-sizing:border-box;align-items:center}
.bx-tipos{display:flex;flex-wrap:wrap;gap:.375rem}.bx-tipos .hw-chip{padding:.375rem .75rem;font-size:.8125rem;font-weight:500}
/* Conciliar transferência: busca no extrato da HW (mig 4020). */
.bx-hwb[hidden]{display:none}
.bx-hwb-campos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin-top:.375rem}
.bx-hwb-campos .bx-hwb-texto{grid-column:1/-1}
.bx-hwb-campos input{min-width:0;width:100%;box-sizing:border-box}
.bx-hwb-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.625rem 0 .25rem}
.bx-hwb-sinal{display:inline-flex;align-items:center;gap:.375rem;font-size:.7812rem;color:var(--mut);cursor:pointer}
.bx-hwb .bx-lista{max-height:none;overflow:visible}
.bx-hwb-usada{opacity:.55}
.bx-hwb-soma{margin:.5rem 0 0;font-size:.7812rem;color:var(--mut)}
.bx-hwb-soma b{color:var(--ink)}
.bx-hwb-soma .bx-ok{color:#1f7a4d;font-weight:600}
@media (max-width:640px){.bx-hwb-campos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bx-asaas{display:grid;gap:.875rem}
.bx-asaas-conta{display:grid;gap:.75rem;padding:.875rem 1rem;border:1px solid var(--line,#ddd);border-radius:.75rem}
.bx-asaas-cab{display:flex;align-items:center;gap:.625rem}
.bx-asaas-cab>div{flex:1;min-width:0}
.bx-asaas-conta h3{margin:0;font-size:1rem}
.bx-asaas-num{font-size:.7812rem;color:var(--mut)}
.bx-asaas-selo{display:inline-flex;align-items:center;gap:.3125rem;height:2rem;box-sizing:border-box;padding:0 .75rem;border-radius:62.4375rem;font-size:.7812rem;font-weight:600;white-space:nowrap;background:color-mix(in srgb,var(--mut,#888) 14%,transparent);color:var(--mut)}
.bx-asaas-selo.bx-asaas-ok{background:color-mix(in srgb,#1f8a4c 13%,transparent);color:#1f7a45}
.bx-asaas-selo.bx-asaas-ruim{background:color-mix(in srgb,#c0392b 12%,transparent);color:#b03a2e}
/* Chave e Sincronizar: um grupo só, mesma altura do selo, ícone + texto discretos. */
.bx-asaas-bts{display:inline-flex;height:2rem;border:1px solid var(--line,#d6d9de);border-radius:.5rem;overflow:hidden}
.bx-asaas-bt{display:inline-flex;align-items:center;gap:.375rem;height:100%;padding:0 .75rem;border:0;background:transparent;color:inherit;font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap}
.bx-asaas-bts .bx-asaas-bt{border:0;border-radius:0;box-shadow:none;min-height:0;margin:0}
.bx-asaas-bts .bx-asaas-bt+.bx-asaas-bt{border-left:1px solid var(--line,#d6d9de)}
.bx-asaas-bt:hover:not(:disabled){background:color-mix(in srgb,var(--mut,#888) 10%,transparent)}
.bx-asaas-bt .bx-ic{color:var(--mut)}
.bx-asaas-bt:disabled{opacity:.45;cursor:default}
.bx-asaas-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.bx-asaas-tile{display:grid;gap:1px;line-height:1.3}
.bx-asaas-tile span{font-size:.75rem;color:var(--mut)}
.bx-asaas-tile strong{font-size:.875rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.bx-asaas-tile small{font-size:.7188rem;color:var(--mut)}
/* Nibo FGH: uma linha por conta (27/10). */
.bx-cx-tab{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));border:1px solid var(--line,#ddd);border-radius:.75rem;overflow:hidden;font-size:.8438rem;line-height:1.3}
.bx-cx-tab>div{display:contents}
.bx-cx-tab>div>*{padding:.5625rem .875rem;border-top:1px solid var(--line,#e3e6ea);min-width:0}
.bx-cx-tab>.bx-cx-cab>*{border-top:0;font-size:.75rem;color:var(--mut);padding-top:.5rem;padding-bottom:.5rem;background:color-mix(in srgb,var(--mut,#888) 6%,transparent)}
.bx-cx-tab strong{font-weight:600}
.bx-cx-tab span[data-rot]{display:grid}
.bx-cx-tab b{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.bx-cx-tab small{font-size:.7188rem;color:var(--mut)}
.bx-asaas-msg:empty{display:none}
.bx-asaas-chave[hidden]{display:none}
@media (max-width:560px){.bx-asaas-cab{flex-wrap:wrap}.bx-cx-tab{grid-template-columns:repeat(3,minmax(0,1fr));font-size:.7812rem}.bx-cx-tab>div>*{padding-left:.625rem;padding-right:.5rem}.bx-cx-tab b{white-space:normal}.bx-cx-tab>.bx-cx-cab{display:none}.bx-cx-tab strong{grid-column:1/-1;padding-bottom:0}.bx-cx-tab span[data-rot]{border-top:0;padding-top:.25rem}.bx-cx-tab span[data-rot]::before{content:attr(data-rot);font-size:.6875rem;color:var(--mut)}}
/* Sugestão da IA (27/10): motivo ocupa a largura, botão numa linha só, no tamanho dos outros. */
.bx-ia-acoes small{flex:1;min-width:0;margin-right:0;line-height:1.4}
.bx-ia-acoes [data-ia-conciliar]{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem}
@media (max-width:640px){.bx-ia-acoes{flex-wrap:wrap}.bx-ia-acoes small{flex:1 1 100%}.bx-ia-acoes [data-ia-conciliar]{margin-left:auto}.bx-dialog .bx-item-txt small{white-space:normal}}
/* Extrato (27/10): Conta e Tipo em colunas próprias, Conciliação mais estreita, observação discreta. */
.bx-tabela .bx-col-conta{max-width:8.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7812rem;color:var(--mut)}
.bx-tabela .bx-col-tipo{width:1%;text-align:center;padding-left:.375rem;padding-right:.375rem}
.bx-tipo{display:inline-flex;align-items:center;gap:.1875rem;color:var(--mut);vertical-align:middle}
.bx-tipo-entrada{color:var(--acc)}
.bx-col-tipo .bx-tipo-rot{display:none}
.bx-so-cel{display:none}
.bx-desc .bx-obs{font-style:italic;color:var(--mut)}
.bx-col-conc .bx-conciliar,.bx-col-conc .bx-ligado{max-width:11.25rem;padding:2px .5rem;gap:.25rem;font-size:.7188rem}
.bx-conciliar>span,.bx-ligado>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-obs-campo small{font-weight:400;color:var(--mut)}
/* Transferência com a HW no Editar lançamento: filtros recolhidos num link discreto. */
.bx-hwb-mais{margin-top:.5rem}
.bx-hwb-mais>summary{display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;list-style:none}
.bx-hwb-mais>summary::-webkit-details-marker{display:none}
.bx-hwb-mais[open]>summary{margin-bottom:.375rem}
/* Conciliar com sugestão: o link discreto para a escolha à mão. */
.bx-ia-outro{margin:.625rem 0 0;text-align:right}
.bx-link-fraco{border:0;background:none;padding:0;font:inherit;font-size:.7812rem;color:var(--mut);text-decoration:underline;cursor:pointer}
.bx-link-fraco:hover{color:var(--ink)}
/* Sugestões da IA: o que será gravado, em campos rotulados. */
.bx-iasug{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.3fr) auto;gap:.625rem;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--line)}
.bx-iasug:last-child{border-bottom:0}
.bx-ia-lanc b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-ia-lanc span{display:block;font-size:.75rem;color:var(--mut)}
.bx-ia-lanc strong{font-variant-numeric:tabular-nums}
.bx-ia-grava{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1875rem .5rem;font-size:.7812rem;align-items:center}
.bx-ia-grava dt{color:var(--mut);font-size:.7188rem}
.bx-ia-grava dd{margin:0;min-width:0}
.bx-ia-grava .bx-ia-troca{border:0;background:none;padding:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline dotted;text-underline-offset:3px}
.bx-ia-grava select{width:100%;font-size:.7812rem}
.bx-ia-motivo{grid-column:2/-1;font-size:.7188rem;color:var(--mut);margin:2px 0 0}
.bx-iasug .hw-btn{padding:.25rem .625rem;font-size:.75rem}
@media (max-width:640px){.bx-iasug{grid-template-columns:auto minmax(0,1fr)}.bx-iasug .bx-ia-seta{display:none}.bx-ia-grava,.bx-ia-motivo{grid-column:1/-1}.bx-iasug .bx-ia-acao{grid-column:1/-1;justify-self:end}}
.bx-dialog .bx-link-fraco{border:0;background:none;padding:0;min-height:0;box-shadow:none}
.bx-dialog .bx-ia-troca{border:0;background:none;padding:0;min-height:0;box-shadow:none}
.bx-iasug .bx-ia-lanc{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.5rem;align-items:start;min-width:0}
.bx-iasug .bx-ia-lanc input{grid-row:1/3;margin-top:.1875rem}
/* Subabas do Financeiro no menu lateral (27/10): sem ícone, alinhadas ao texto, como as de Exames. */
.nav button[data-v="banco"][data-nav-sub] svg{visibility:hidden}
.rail .nav button[data-v="banco"][data-nav-sub]{min-height:2rem;font-size:.8125rem!important;font-weight:500}
.rail .nav button[data-v="banco"]:not([data-nav-sub]).on{background:transparent;color:var(--sb-ink)}
/* Barra fixa limpa (27/10, "tá estranho"): ao rolar ela era um cartão branco solto sobre a tabela,
   com as linhas aparecendo pelos cantos arredondados. Agora é uma faixa no fundo da página, sem
   borda, na largura da tabela, e o cabeçalho das colunas gruda logo abaixo dela. */
.bx-barra.hw-fcaixa{background:var(--bg);border:0;border-radius:0;padding:.625rem 0;margin:-.625rem 0 2px;box-shadow:none}
.bx-barra{top:var(--bx-topo,3.75rem)}
.medical-menu-locked .bx-barra{--bx-topo:var(--medical-header-height)}
@media (min-width:701px){
 .bx-tabela:not(.bx-matriz):not(.bx-mini){overflow:visible}
 .bx-tabela:not(.bx-matriz):not(.bx-mini) thead th{position:sticky;top:calc(var(--bx-topo,3.75rem) + var(--bx-barra-h,3.75rem));z-index:2;box-shadow:inset 0 -1px 0 var(--line)}
 .medical-menu-locked .bx-tabela:not(.bx-matriz):not(.bx-mini) thead th{--bx-topo:var(--medical-header-height)}
 .bx-tabela:not(.bx-matriz):not(.bx-mini) thead th:first-child{border-top-left-radius:.6875rem}
 .bx-tabela:not(.bx-matriz):not(.bx-mini) thead th:last-child{border-top-right-radius:.6875rem}
}
/* Conciliar › Transferência interna (27/10): Categoria e Conta não precisam da largura inteira. */
.bx-dialog [data-bx-cat-campo],.bx-dialog [data-so-conta] .bx-campo{max-width:22.5rem}
/* Cartões do Extrato (27/10, pedido dele): Resultado, A classificar e A conciliar menores. */
/* Entradas, saídas e resultado num cartão só (27/10): três linhas curtas, rótulo à esquerda. */
.bx-kpi-mov{gap:.1875rem;padding:.625rem .875rem}
.bx-mov-l{display:flex;align-items:baseline;justify-content:space-between;gap:.625rem;width:100%;font-size:.7812rem;color:var(--mut)}
.bx-mov-l>span{display:inline-flex;align-items:center;gap:.3125rem;white-space:nowrap}
.bx-mov-l b{font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.bx-mov-ent b,.bx-mov-ent>span{color:#1d5b92}
.bx-mov-sai b,.bx-mov-sai>span{color:#b42318}
.bx-kpi-balao{cursor:pointer}
/* Comparação com a mesma data do mês passado: na linha do número, pequena, seta + sinal (não só cor). */
.bx-kpi-rot{width:100%}
.bx-kpi-linha{display:flex;align-items:baseline;gap:.625rem;width:100%;min-width:0}
.bx-kpi-linha .fgh-kpi-v{flex:none}
.bx-cmp-em{margin-left:auto;flex:none;font-size:.7188rem;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}
.bx-cmp-var{margin-left:auto;flex:none;font-size:.7812rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.bx-cmp-sobe{color:#1d5b92}
.bx-cmp-desce{color:#b42318}
.bx-kpi-balao:hover,.bx-kpi-balao:focus-visible{border-color:var(--acc)}
.bx-kpi-lapis{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;margin:-.1875rem 0 -.1875rem 2px;padding:0;border:0;border-radius:.375rem;background:none;color:var(--mut);cursor:pointer}
.bx-kpi-lapis:hover{background:var(--line,#e3e5e8);color:var(--acc)}
.bx-saldo-escolha{display:flex;flex-direction:column;gap:2px;min-width:18.75rem}
.bx-saldo-escolha .fgh-sel-grupo{padding:.625rem 0 .25rem}
.bx-saldo-op{display:flex;align-items:center;gap:.625rem;padding:.375rem 0;cursor:pointer;font-size:.875rem}
.bx-saldo-op span{flex:1}
.bx-saldo-op b{font-weight:500;font-variant-numeric:tabular-nums}
/* Balão do Saldo das contas */
.bx-saldo-pop{position:absolute;z-index:1000;min-width:17.5rem;max-width:calc(100vw - 1rem);padding:.625rem .875rem;background:var(--sur,#fff);border:1px solid var(--line,#e3e5e8);border-radius:.75rem;box-shadow:0 10px 30px rgba(15,23,42,.14);font-size:.8125rem;color:var(--ink,#111)}
.bx-saldo-pop table{width:100%;border-collapse:collapse}
.bx-saldo-pop table td,.bx-saldo-pop table th{padding:.25rem 0;height:auto;border:0;background:none;text-align:left;white-space:nowrap;font-size:.8125rem;text-transform:none;letter-spacing:0;color:inherit;font-weight:400}
.bx-saldo-pop td:last-child,.bx-saldo-pop th:last-child{text-align:right;padding-left:1.125rem;font-variant-numeric:tabular-nums}
.bx-saldo-pop table th{font-weight:600}
.bx-saldo-pop table .bx-saldo-g th{padding-top:.5rem;font-size:.7188rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mut,#667085)}
.bx-saldo-pop table .bx-saldo-g:first-child th{padding-top:0}
.bx-saldo-pop table td.neg{color:#b42318}
.bx-saldo-em{margin-left:.375rem;font-size:.7188rem;color:var(--mut,#667085)}
.bx-saldo-pop table tfoot th{border-top:1px solid var(--line,#e3e5e8);padding-top:.5rem;font-size:.875rem;font-weight:700}
/* Saldo real da conta + análise da IA (5440) */
.bx-saldo-linha{display:flex;align-items:center;gap:.375rem}
.bx-saldo-linha .bx-saldo-op{flex:1}
.bx-saldo-op .bx-saldo-em{display:inline-flex;align-items:center;gap:.1875rem}
.bx-sr-dialogo{width:min(40rem,calc(100vw - 1.5rem))}
.bx-sr{display:flex;flex-direction:column;gap:.875rem}
.bx-sr-atual{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .625rem;font-size:.8125rem;color:var(--mut,#667085)}
.bx-sr-atual b{font-size:1rem;color:var(--ink,#111);font-variant-numeric:tabular-nums}
.bx-sr-atual small{flex-basis:100%;font-size:.75rem}
.bx-sr-campos{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.bx-sr-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.bx-sr-nums>div{display:flex;flex-direction:column;gap:2px;padding:.625rem;border:1px solid var(--line,#e3e5e8);border-radius:.625rem;min-width:0}
.bx-sr-nums span{font-size:.7188rem;color:var(--mut,#667085)}
.bx-sr-nums b{font-size:.9375rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.bx-sr-nums small{font-size:.7188rem;color:var(--mut,#667085)}
.bx-sr .neg{color:#b42318}
.bx-sr-nota{margin:0;font-size:.7812rem;color:var(--mut,#667085)}
.bx-sr-ia,.bx-sr-causa{display:flex;gap:.625rem;align-items:flex-start}
.bx-sr-ia{padding:.625rem .75rem;border:1px solid var(--line,#e3e5e8);border-left:3px solid #1d5b92;border-radius:.625rem}
.bx-sr-ia b{font-weight:600;font-size:.875rem;line-height:1.35}
.bx-sr-ia small,.bx-sr-causa small{display:block;margin-top:2px;font-size:.75rem;color:var(--mut,#667085)}
.bx-sr-ic{flex:0 0 auto;display:inline-flex;margin-top:1px;color:#1d5b92}
.bx-sr-causas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}
.bx-sr-causa b{font-weight:600;font-size:.8438rem}
.bx-sr-causa p{margin:.25rem 0 0;font-size:.8125rem}
.bx-sr-causa>div{flex:1;min-width:0}
.bx-sr-acoes{display:flex;gap:.75rem;margin-top:.25rem}
.bx-sr-link{padding:0;border:0;background:none;font:inherit;font-size:.7812rem;color:#1d5b92;text-decoration:underline;cursor:pointer}
.bx-sr-linhas table,.bx-sr-hist table{width:100%;border-collapse:collapse;margin-top:.375rem;font-size:.7812rem}
.bx-sr-linhas td,.bx-sr-hist td{padding:.25rem .375rem .25rem 0;border-top:1px solid var(--line,#e3e5e8);vertical-align:top}
.bx-sr-linhas td:last-child,.bx-sr-hist td:nth-child(2){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.bx-sr-hist td:nth-child(3),.bx-sr-hist td:nth-child(4){color:var(--mut,#667085);white-space:nowrap}
.bx-sr-ajuste{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.bx-sr-ajuste button{display:inline-flex;align-items:center;gap:.375rem}
.bx-sr-ajuste small{flex:1;min-width:12.5rem;font-size:.75rem;color:var(--mut,#667085)}
.bx-sr-ok{display:flex;align-items:center;gap:.375rem;margin:0;font-size:.8125rem;font-weight:600}
@media (max-width:640px){.bx-sr-nums{grid-template-columns:1fr 1fr}.bx-sr-campos{grid-template-columns:1fr}}
.bx-sr .bx-sr-link{min-height:0;height:auto;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.bx-sr .bx-sr-linhas td,.bx-sr .bx-sr-hist td{height:auto;padding:.3125rem .5rem .3125rem 0;font-size:.7812rem;background:none}
/* Saldo depois de cada lançamento */
.bx-tabela .bx-col-saldo{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.7812rem;color:var(--mut)}
.bx-tabela .bx-col-saldo .neg{color:#b42318}

/* Lista curta nos Conciliar (27/10, lista-curta.js). */
.bx-lista>.bx-opcao[hidden]{display:none!important}
.bx-ver-mais{align-self:flex-start;border:0;background:transparent;padding:.25rem 2px;font:inherit;font-size:.8125rem;color:var(--acc,#1d5b92);cursor:pointer}
.bx-ver-mais:hover{text-decoration:underline}

/* Tablet (30/10, iPad do Guilherme). A tabela do Extrato tinha largura natural de ~1250 px e o
   .bx-tabela fica com overflow visível (para o cabeçalho grudar ao rolar): a página inteira
   passava a ter 1517 px e o Safari do iPad afastava o zoom, deixando tudo em ~75% da tela com
   uma faixa vazia à direita. Agora a tabela tem largura fixa por coluna e cabe no contêiner; o
   que não cabe sai por ordem de importância. Tudo é medido pela largura do próprio .bx (container
   query), não da janela: com a barra lateral aberta o iPad em paisagem tem ~710 px úteis. */
.bx{container:bx/inline-size;min-width:0}
@media (min-width:701px){.bx-tabela:not(.bx-matriz):not(.bx-mini){overflow-x:clip}}
/* display:table: o mobile.css transforma toda tabela em bloco rolável no celular; esta cabe. */
.bx-extrato{display:table;table-layout:fixed}
.bx-extrato th,.bx-extrato td{overflow:hidden;text-overflow:ellipsis}
.bx-extrato .bx-check{width:2.75rem;padding-left:.75rem;padding-right:0;cursor:pointer}
.bx-extrato .bx-check input{width:1.125rem;height:1.125rem;margin:0;vertical-align:middle;cursor:pointer}
.bx-extrato .bx-col-data{width:5.5rem}
.bx-extrato .bx-col-conta{width:7.25rem;max-width:none}
.bx-extrato .bx-col-tipo{width:3rem}
.bx-extrato .bx-col-cat{width:10.75rem}
.bx-extrato .bx-col-valor{width:7.75rem}
.bx-extrato .bx-col-conc{width:9.375rem}
.bx-extrato .bx-col-saldo{width:8.25rem;padding-right:1.375rem}
.bx-extrato .bx-acoes{width:3.5rem;padding:0 .625rem 0 0;text-align:center}
.bx-extrato .bx-cat{max-width:100%}
.bx-extrato .bx-col-conc .bx-conciliar,.bx-extrato .bx-col-conc .bx-ligado{max-width:100%}
/* Descrição numa linha só, com reticências: título e complemento lado a lado. */
.bx-extrato .bx-desc{max-width:none;white-space:nowrap}
.bx-extrato .bx-desc b,.bx-extrato .bx-desc small{display:inline;font-size:inherit}
.bx-extrato .bx-desc small{margin-left:.5rem;font-size:.75rem}
.bx-extrato .bx-desc small:empty{display:none}
.bx-extrato .bx-desc .bx-so-cel,.bx-extrato .bx-so-data,.bx-extrato .bx-cat-cel,.bx-extrato .bx-so-cel .bx-tipo,.bx-extrato .bx-conc-cel{display:none}
.bx-so-cel .bx-tipo svg{width:.6875rem;height:.6875rem}
.bx-extrato td{height:2.75rem;padding-top:.375rem;padding-bottom:.375rem}
.bx-lapis{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:.5rem;background:none;color:var(--mut);cursor:pointer}
.bx-lapis:hover{background:var(--sur2);color:var(--acc)}
/* Toque: botões da linha com pelo menos 40 px de altura. */
@media (pointer:coarse){
 .bx-extrato .bx-cat,.bx-extrato .bx-conciliar,.bx-extrato .bx-ligado{min-height:2.5rem}
 .bx-extrato .bx-check input{width:1.375rem;height:1.375rem}
 .bx-extrato .bx-semforn{padding:.625rem 0}
}
@container bx (width < 1100px){.bx-extrato .bx-col-tipo{display:none}}
@container bx (width < 960px){
 .bx-extrato .bx-col-conta{display:none}
 .bx-extrato .bx-desc .bx-so-cel{display:inline}
 .bx-extrato .bx-col-cat{width:9.375rem}
 .bx-extrato .bx-col-valor{width:7.25rem}
 .bx-extrato .bx-col-saldo{width:7.5rem}
}
@container bx (width < 800px){
 .bx-extrato .bx-col-data{width:5.125rem;padding-left:.5rem;padding-right:.25rem}
 .bx-extrato .bx-col-cat{width:8.125rem}
 .bx-extrato .bx-col-valor{width:6.875rem}
 .bx-extrato .bx-col-saldo{width:7.25rem;padding-right:1.125rem}
 .bx-extrato .bx-col-conc{width:7.75rem}
 .bx-extrato.bx-tem-conc .bx-col-saldo{display:none}
}
/* Tablet em pé e celular: Data, Saldo e Conciliação saem das colunas; data, tipo e conta vão para a
   segunda linha da descrição e o Conciliar fica embaixo da categoria. */
@container bx (width < 620px){
 .bx-extrato .bx-col-data,.bx-extrato .bx-col-saldo,.bx-extrato .bx-col-conc{display:none}
 .bx-extrato .bx-desc b,.bx-extrato .bx-desc small{display:block;overflow:hidden;text-overflow:ellipsis}
 .bx-extrato .bx-desc small{margin:2px 0 0}
 .bx-extrato .bx-desc small:not(.bx-so-cel){display:none}
 .bx-extrato .bx-desc .bx-so-cel{display:block}
 .bx-extrato .bx-so-cel .bx-tipo{display:inline-flex}
 .bx-extrato .bx-so-data{display:inline}
 .bx-extrato .bx-conc-cel{display:block;margin-top:.25rem}
 .bx-extrato .bx-col-cat{width:8rem}
 .bx-extrato .bx-col-valor{width:6.75rem;padding-left:.375rem}
 .bx-extrato .bx-acoes{width:3rem;padding-right:.25rem}
}
/* Celular: a categoria (e o Conciliar) descem para baixo da descrição. */
@container bx (width < 420px){
 .bx-extrato .bx-check{width:2.25rem;padding-left:.5rem}
 .bx-extrato .bx-col-cat{display:none}
 .bx-extrato .bx-cat-cel{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}
 .bx-extrato .bx-cat-cel>*{max-width:100%}
 .bx-extrato .bx-col-valor{width:6.625rem;font-size:.7812rem}
 .bx-extrato .bx-desc{padding-left:.375rem;padding-right:.375rem}
}

/* Cartões: 4 lado a lado só quando cabem; senão 2×2. O rótulo não corta: a comparação com o mês
   passado desce para a linha de baixo. */
.fgh-kpis.bx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
@container bx (width >= 1000px){.fgh-kpis.bx-kpis{grid-template-columns:minmax(0,.95fr) repeat(3,minmax(0,1fr))}}
@container bx (width < 460px){.fgh-kpis.bx-kpis>.bx-kpi-mov,.fgh-kpis.bx-kpis>:last-child{grid-column:1/-1}}
.bx-kpis .bx-kpi-rot{flex-wrap:wrap;row-gap:2px}
.bx-kpis .bx-kpi-rot>span:not(.bx-cmp-em){flex:0 0 auto;max-width:100%}
.bx-kpis .bx-kpi-linha{flex-wrap:wrap;row-gap:2px}
.bx-kpis .bx-kpi-lapis{width:2rem;height:2rem;margin:-.5rem -.25rem -.5rem 0}
@media (pointer:coarse){.bx-kpis .bx-kpi-lapis{width:2.5rem;height:2.5rem;margin:-.75rem -.5rem -.75rem -.25rem}}

/* Topo: Nibo e Asaas vão para o menu ⋯ quando a linha não cabe ao lado do título. */
.bx-topo{flex-wrap:wrap;row-gap:.75rem}
.bx-topo-acoes{align-items:center}
.bx-topo-acoes>button,.bx-mais>summary{min-height:2.5rem;box-sizing:border-box}
.bx-mais{position:relative;display:none}
.bx-mais>summary{list-style:none;justify-content:center;min-width:2.75rem;padding:0 .625rem;font-size:1.125rem;line-height:1;letter-spacing:1px}
.bx-mais>summary::-webkit-details-marker{display:none}
.bx-mais[open]>summary{border-color:var(--acc);color:var(--acc)}
.bx-mais-menu{position:absolute;right:0;top:calc(100% + .375rem);z-index:45;display:flex;flex-direction:column;gap:2px;min-width:13.75rem;padding:.375rem;background:var(--sur);border:1px solid var(--line);border-radius:.625rem;box-shadow:0 10px 30px #1d1b1926}
.bx-mais-op{display:flex;align-items:center;gap:.625rem;min-height:2.75rem;padding:0 .75rem;border:0;border-radius:.5rem;background:none;font:inherit;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap}
.bx-mais-op:hover{background:var(--sur2)}
@container bx (width < 1000px){
 .bx-topo-sec{display:none!important}
 .bx-mais{display:block}
}

/* Barra de filtros: a busca estica, o resto fica no tamanho do conteúdo; no tablet o rótulo
   "Situação:" e o texto de Desfazer saem (fica o ícone, com o nome no title). */
.bx-barra .hw-fc-linha>*{min-height:2.5rem}
.bx-barra .hw-fc-busca{flex:1 1 13.75rem;min-width:11.25rem;max-width:22.5rem}
@container bx (width < 1000px){
 .bx-barra .bx-fbtn-rot{display:none}
 .bx-barra .fgh-desfazer{width:2.5rem;padding:0;justify-content:center;font-size:0;gap:0}
}
@container bx (width < 620px){.bx-barra .hw-fc-busca{flex:1 1 100%;max-width:none}}