/* Estrutura financeira › Contas bancárias (v1.12.1): blocos com a mesma estrutura em todos os cartões. */
dl.resumo.bancos-resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}
dl.resumo.bancos-resumo div{min-width:0}
.bancos-resumo .aviso dd{color:var(--laranja)}
.bancos-resumo+.page-sub{margin:0 0 14px}
.bancos-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start}
.bancos-card .secao-topo{margin-bottom:12px}
.bancos-card .secao-topo .page-sub{margin:2px 0 0;font-size:var(--t-pequeno)}
.bancos-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.banco-conta{border-radius:12px;background:color-mix(in srgb,var(--texto) 4%,transparent);border:1px solid var(--borda);overflow:hidden}
.banco-corpo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 14px;align-items:start}
.banco-nome{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.banco-nome b{font-size:var(--t-corpo);overflow-wrap:anywhere}
.banco-dados{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px}
.banco-dados span,.banco-saldo{display:grid;gap:1px}
.banco-dados small,.banco-saldo small{font-size:12px;color:var(--texto-3)}
.banco-dados b{font-size:13px;font-weight:550;color:var(--texto-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.banco-saldo{justify-items:end;text-align:right}
.banco-saldo b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.banco-pe{display:flex;flex-wrap:wrap;gap:2px;padding:4px 6px;border-top:1px solid var(--borda)}
.banco-conta.inativo .banco-nome b{color:var(--texto-3);text-decoration:line-through}
.bancos-vazio{border:1px dashed var(--borda-forte);border-radius:12px;padding:14px;display:grid;gap:10px;justify-items:start}
.bancos-vazio p{margin:0;font-size:var(--t-pequeno);color:var(--texto-2)}
@media (max-width:420px){.banco-corpo{grid-template-columns:1fr}.banco-saldo{justify-items:start;text-align:left}}

/* Console (v1.13.0; v1.16.1: Renomear foi para a faixa da conta): cabeçalho do cartão com Abrir dashboard; no celular o botão desce para a linha de baixo. */
.cliente summary .botao-mini{flex:none}
@media (max-width:720px){
  .cliente summary{flex-wrap:wrap}
  .cliente summary .cliente-nome{flex:1 1 calc(100% - 100px)}
  .cliente summary .botao-mini{order:5}
  .cliente summary .cliente-alerta{order:4}
  .cliente summary .disclosure{order:2}
}