/*
 * Resultados › Balanço (01/11/2026). Somente apresentação, tudo dentro de #balanco e com o prefixo bl-, para não
 * encostar em nenhuma outra tela. Usa os tokens do visual v2, os mesmos de Vendas por estado, e o verde-escuro do
 * cartão "Deixe sua conta pronta". Só anima opacidade, e respeita quem pediu menos movimento.
 */
#balanco, #inicioV2 .v2i-anuncios, #funil .fn-faixa, #roas .gz-resumo, #roas .gz-novas, #pedidos .pd-chip {
  --bl-tinta: var(--ink, #10201c); --bl-mudo: var(--ink-3, #53635d); --bl-linha: var(--line, #dde8e3); --bl-linha2: var(--line-2, #e8f0ec);
  --bl-verde: var(--v2-ac, #0b7a57); --bl-verde-claro: var(--v2-acs, #e6f4ee); --bl-teal: var(--v2-teal, #013735); --bl-menta: #02f8a7;
  --bl-ouro: #c8922e; --bl-coral: #d4572a; --bl-ambar: #e0a526;
}
#balanco[hidden] { display: none; }
#balanco, #balancoRaiz { min-width: 0; }
#balancoRaiz { color: var(--bl-tinta); display: grid; gap: 16px; }
#balanco .num { font-variant-numeric: tabular-nums; }
#balanco h2, #balanco h3 { text-transform: none; color: inherit; margin: 0; letter-spacing: 0; }
#balanco p { margin: 0; }
#balanco button { font: inherit; }
#balanco .bl-filtros { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 14px 18px; background: #fff; border: 1px solid var(--bl-linha); border-radius: 18px; }
#balanco .bl-filtros select { min-height: 42px; min-width: 190px; border: 1px solid var(--bl-linha); border-radius: 12px; background: #fff; padding: 8px 12px; font: inherit; font-size: 14.5px; font-weight: 600; color: var(--bl-tinta); }
#balanco .bl-quando { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px; background: #eef3f1; font-size: 13px; font-weight: 700; color: var(--bl-mudo); white-space: nowrap; }
#balanco .bl-quando i { width: 8px; height: 8px; border-radius: 50%; background: var(--bl-verde); }
#balanco .bl-filtros .act:only-of-type, #balanco .bl-filtros select + .act { margin-left: auto; }
#balanco .bl-quando.velho { background: #fff6e0; color: #8a5a00; }
#balanco .bl-quando.velho i { background: var(--bl-ambar); }

#balanco .bl-aviso { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 12px 16px; border-radius: 12px; background: #fff6e0; border: 1px solid #f3dfa8; color: #8a5a00; font-size: 14px; line-height: 1.5; }
#balanco .bl-aviso b { color: #6b4500; }
#balanco .bl-aviso > span { flex: 1 1 320px; min-width: 0; }
#balanco .bl-aviso button { flex: none; border: 1px solid #e5cb86; background: #fff; border-radius: 10px; padding: 8px 12px; color: #6b4500; font-size: 13.5px; font-weight: 800; cursor: pointer; }
#balanco .bl-botoes { display: flex; flex-wrap: wrap; gap: 8px; }

/* a caixinha: quais campanhas contam nesta operação */
#balanco .bl-camps { list-style: none; margin: 0 -22px; padding: 0; border-top: 1px solid var(--bl-linha2); }
#balanco .bl-camps li { border-bottom: 1px solid var(--bl-linha2); }
#balanco .bl-camps li.topo { display: flex; justify-content: space-between; gap: 12px; padding: 9px 22px; background: #f6faf8; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--bl-mudo); }
#balanco .bl-camps label { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 22px; cursor: pointer; }
#balanco .bl-camps input { width: 18px; height: 18px; margin: 0; accent-color: var(--bl-verde); }
#balanco .bl-camps .nome { min-width: 0; font-size: 15px; font-weight: 700; }
#balanco .bl-camps .nome small { display: block; margin-top: 1px; font-size: 13px; font-weight: 600; color: var(--bl-mudo); }
#balanco .bl-camps .valor { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
#balanco .bl-camps li.falta { background: #fff6e0; }
#balanco .bl-camps li.falta .nome small { color: #8a5a00; font-weight: 700; }
#balanco .bl-escolha-pe { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-top: 16px; }
#balanco .bl-escolha-pe button { min-height: 44px; padding: 0 18px; border-radius: 12px; font-size: 14.5px; font-weight: 800; cursor: pointer; }
#balanco .bl-escolha-pe .salvar { border: 0; background: var(--bl-verde); color: #fff; }
#balanco .bl-escolha-pe .todas { border: 1px solid var(--bl-linha); background: #fff; color: var(--bl-tinta); }
#balanco .bl-escolha-pe small { flex: 1 1 200px; font-size: 13px; color: var(--bl-mudo); }
#balanco .bl-fora { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 14px; margin: 20px -22px -20px !important; padding: 12px 22px; border-top: 1px solid var(--bl-linha2); background: #f6faf8; border-radius: 0 0 18px 18px; font-size: 13.5px; color: var(--bl-mudo); }

/* cartão verde-escuro de abertura: mesmo verde do "Deixe sua conta pronta" e do globo */
#balanco .bl-hero { position: relative; overflow: hidden; border-radius: 22px; padding: 30px 34px; color: #fff; background: linear-gradient(135deg, #013735 0%, #014a44 100%); box-shadow: 0 16px 28px -26px rgba(1, 55, 53, .5); display: grid; grid-template-columns: minmax(280px, 1fr) minmax(0, 1.65fr); gap: 26px 34px; align-items: center; }
#balanco .bl-hero::before { content: ''; position: absolute; right: -140px; top: -170px; width: 480px; height: 480px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(2, 248, 167, .17), transparent 66%); }
#balanco .bl-hero > * { position: relative; z-index: 1; min-width: 0; }
#balanco .bl-kicker { display: block; font-size: 12.5px; font-weight: 800; letter-spacing: .14em; color: var(--bl-menta); text-transform: uppercase; }
#balanco .bl-grande { display: block; margin: 8px 0 6px; font: 700 62px/1.02 'Outfit', 'Nunito Sans', sans-serif; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
#balanco .bl-grande.txt { font-size: 30px; line-height: 1.16; letter-spacing: -.01em; }
#balanco .bl-hero p { color: #a9d2c4; font-size: 14.5px; line-height: 1.5; }
#balanco .bl-delta { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 5px 11px; border-radius: 999px; background: rgba(2, 248, 167, .12); color: #8ff0c6; font-size: 13px; font-weight: 800; }
#balanco .bl-conta { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 10px; }
#balanco .bl-conta.tres { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#balanco .bl-conta.duas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#balanco .bl-dica[hidden] { display: none; }
#balanco .bl-cel { min-width: 0; padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .13); display: flex; flex-direction: column; gap: 4px; justify-content: center; }
#balanco .bl-cel span { font-size: 12.5px; font-weight: 700; color: #a9d2c4; line-height: 1.25; }
#balanco .bl-cel strong { font: 700 25px/1.15 'Outfit', 'Nunito Sans', sans-serif; letter-spacing: -.01em; font-variant-numeric: tabular-nums; white-space: nowrap; }
#balanco .bl-cel small { font-size: 12px; color: rgba(255, 255, 255, .62); line-height: 1.3; }
#balanco .bl-cel.fim { background: rgba(2, 248, 167, .13); border-color: rgba(2, 248, 167, .42); }
#balanco .bl-cel.fim strong { color: var(--bl-menta); }
#balanco .bl-cel.fim.neg { background: rgba(255, 178, 152, .14); border-color: rgba(255, 178, 152, .45); }
#balanco .bl-cel.fim.neg strong { color: #ffc2ad; }
#balanco .bl-delta.baixo { background: rgba(255, 178, 152, .14); color: #ffc2ad; }
#balanco .bl-sinal { align-self: center; font: 700 22px/1 'Outfit', sans-serif; color: rgba(255, 255, 255, .55); }
#balanco .bl-ainda { grid-column: 1 / -1; margin: 12px 0 0; font-size: 13.5px; color: #cfe6dc; line-height: 1.45; }
#balanco .bl-ainda b { color: #fff; font-variant-numeric: tabular-nums; }
#balanco .bl-botao-menta { display: inline-flex; align-items: center; min-height: 46px; margin-top: 14px; padding: 0 22px; border: 0; border-radius: 13px; background: var(--bl-menta); color: #03271f; font-size: 15px; font-weight: 800; cursor: pointer; }
#balanco .bl-calc { grid-column: 1 / -1; margin-top: 12px; padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .13); display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
#balanco .bl-calc label { flex: 1 1 230px; font-size: 14px; font-weight: 700; color: #fff; line-height: 1.3; }
#balanco .bl-calc label.bl-calc-imposto { display: flex; flex: 1 1 100%; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; }
#balanco .bl-calc label.bl-calc-imposto input { flex: none; width: 16px; height: 16px; margin: 0; padding: 0; }
#balanco .bl-calc label small { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 600; color: #a9d2c4; }
#balanco .bl-calc .bl-campo { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 12px; border-radius: 11px; background: #fff; color: var(--bl-tinta); font-weight: 700; }
#balanco .bl-calc input { width: 100px; border: 0; outline: 0; padding: 0; background: none; font: inherit; font-size: 15px; font-weight: 700; color: var(--bl-tinta); font-variant-numeric: tabular-nums; }
#balanco .bl-calc button { height: 44px; padding: 0 18px; border: 0; border-radius: 11px; background: var(--bl-menta); color: #03271f; font-size: 14.5px; font-weight: 800; cursor: pointer; }
/* Limpar (02/11/2026): botão secundário, só borda, ao lado do Calcular */
#balanco .bl-calc button.bl-calc-limpar { background: transparent; border: 1px solid rgba(255, 255, 255, .28); color: #fff; font-weight: 700; padding: 0 16px; }
#balanco .bl-calc button.bl-calc-limpar:hover { background: rgba(255, 255, 255, .08); }
#balanco .bl-calc button[hidden] { display: none; }
#balanco .bl-calc button:focus-visible { outline: 2px solid var(--bl-menta); outline-offset: 2px; }
/* Dica de conectar a conta de anúncio (02/11/2026): uma linha discreta, o link na cor de destaque do cartão */
#balanco .bl-calc .bl-calc-dica { flex: 1 1 100%; margin: 0; font-size: 12.5px; font-weight: 600; line-height: 1.45; color: #a9d2c4; }
#balanco .bl-calc .bl-calc-dica button { height: auto; padding: 0; border-radius: 0; background: none; color: var(--bl-menta); font-size: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
#balanco .bl-calc .bl-calc-dica button:focus-visible { outline: 2px solid var(--bl-menta); outline-offset: 2px; }
#balanco .bl-calc a { flex-basis: 100%; font-size: 13px; font-weight: 700; color: #8ff0c6; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#balanco .bl-busca { display: grid; gap: 12px; padding: 20px; }
#balanco .bl-busca > span { font-size: 15px; color: #fff; line-height: 1.4; }
#balanco .bl-esq { display: block; height: 16px; border-radius: 8px; background: rgba(255, 255, 255, .12); }

#balanco .bl-cartao { background: #fff; border: 1px solid var(--bl-linha); border-radius: 18px; padding: 20px 22px; min-width: 0; }
#balanco .bl-cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 14px; }
#balanco .bl-cab h2 { flex: 1 1 auto; min-width: 0; font: 800 18px/1.25 'Outfit', 'Nunito Sans', sans-serif; }
#balanco .bl-cab .bl-link { flex: none; }
#balanco .bl-sub { font-size: 13.5px; color: var(--bl-mudo); line-height: 1.45; margin: -8px 0 14px !important; }
#balanco .bl-link { border: 0; background: none; padding: 0; color: var(--bl-verde); font-size: 14px; font-weight: 800; cursor: pointer; white-space: nowrap; }
#balanco .bl-selo { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 999px; background: #eef3f1; color: var(--bl-mudo); font: 800 11.5px/1.3 'Nunito Sans', sans-serif; letter-spacing: .02em; vertical-align: 2px; white-space: nowrap; }

/* a faixa dos pedidos */
#balanco .bl-faixa { display: flex; gap: 2px; height: 20px; border-radius: 10px; overflow: hidden; }
#balanco .bl-faixa i { display: block; min-width: 3px; }
#balanco .bl-faixa i:first-child { border-radius: 10px 4px 4px 10px; }
#balanco .bl-faixa i:last-child { border-radius: 4px 10px 10px 4px; }
#balanco .bl-faixa-leg { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
#balanco .bl-faixa-leg li { min-width: 0; padding-left: 12px; border-left: 3px solid var(--c); }
#balanco .bl-faixa-leg span { display: block; font-size: 13px; font-weight: 700; color: var(--bl-mudo); line-height: 1.25; }
#balanco .bl-faixa-leg strong { display: block; margin-top: 3px; font: 700 24px/1.1 'Outfit', sans-serif; font-variant-numeric: tabular-nums; }
#balanco .bl-faixa-leg small { font-size: 12.5px; color: var(--bl-mudo); font-variant-numeric: tabular-nums; }
#balanco .bl-pedidos .bl-aviso { margin-top: 16px; }

/* dia a dia */
#balanco .bl-legenda { display: inline-flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; font-weight: 700; color: var(--bl-mudo); }
#balanco .bl-legenda span { display: inline-flex; align-items: center; gap: 6px; }
#balanco .bl-legenda i { width: 12px; height: 12px; border-radius: 3px; background: var(--bl-ouro); }
#balanco .bl-legenda i.pedidos { background: #56ba94; }
#balanco .bl-legenda i.linha { height: 3px; border-radius: 2px; background: var(--bl-verde); }
#balanco .bl-grafico { position: relative; }
#balanco .bl-grafico svg { display: block; width: 100%; height: auto; overflow: visible; }
#balanco .bl-grafico text { font: 600 12px 'Nunito Sans', sans-serif; fill: var(--bl-mudo); font-variant-numeric: tabular-nums; }
#balanco .bl-dica { position: absolute; pointer-events: none; min-width: 184px; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid var(--bl-linha); box-shadow: 0 12px 28px -14px rgba(1, 55, 53, .45); font-size: 13px; color: var(--bl-mudo); }
#balanco .bl-dica b { display: block; margin-bottom: 4px; font: 700 14px 'Outfit', sans-serif; color: var(--bl-tinta); }
#balanco .bl-dica div { display: flex; justify-content: space-between; gap: 14px; }
#balanco .bl-dica div span:last-child { color: var(--bl-tinta); font-weight: 700; font-variant-numeric: tabular-nums; }

#balanco .bl-duo { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 16px; align-items: stretch; }
#balanco .bl-tres { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.4fr); gap: 12px; }
#balanco .bl-mini { min-width: 0; padding: 12px 14px; border: 1px solid var(--bl-linha2); border-radius: 12px; }
#balanco .bl-mini span { display: block; font-size: 12.5px; font-weight: 700; color: var(--bl-mudo); line-height: 1.25; }
#balanco .bl-mini strong { display: block; margin-top: 3px; font: 700 22px/1.15 'Outfit', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
#balanco .bl-parado { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 12px; padding: 12px 14px; border-radius: 12px; background: #fff6e0; border: 1px solid #f3dfa8; color: #8a5a00; font-size: 14px; line-height: 1.45; }
#balanco .bl-parado b { color: #6b4500; font-variant-numeric: tabular-nums; }
#balanco .bl-parado span { flex: 1 1 220px; min-width: 0; }
#balanco .bl-parado button { border: 0; background: none; padding: 0; color: #6b4500; font-weight: 800; text-decoration: underline; cursor: pointer; }

#balanco .bl-rolagem { overflow-x: auto; margin: 0 -22px -20px; padding: 0 0 6px; }
#balanco table { width: 100%; border-collapse: collapse; font-size: 14.5px; margin: 0; border: 0; }
#balanco thead th { padding: 10px 10px; text-align: right; vertical-align: bottom; font-size: 12px; line-height: 1.25; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--bl-mudo); background: #f6faf8; border: 0; border-top: 1px solid var(--bl-linha2); border-bottom: 1px solid var(--bl-linha2); }
#balanco tbody td { padding: 12px 10px; text-align: right; border: 0; border-bottom: 1px solid var(--bl-linha2); font-variant-numeric: tabular-nums; white-space: nowrap; background: transparent; color: var(--bl-tinta); }
#balanco tbody tr:last-child td { border-bottom: 0; }
#balanco th:first-child, #balanco td:first-child { text-align: left; padding-left: 22px; white-space: normal; min-width: 130px; }
#balanco td:first-child { font-weight: 700; }
#balanco th:last-child, #balanco td:last-child { padding-right: 22px; }

/* vendas que a Meta não liga a uma campanha */
#balanco .bl-liga { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 16px; border: 1px solid var(--bl-linha2); border-radius: 12px; }
#balanco .bl-liga > div { padding: 12px 16px; border-left: 1px solid var(--bl-linha2); min-width: 0; }
#balanco .bl-liga > div:first-child { border-left: 0; }
#balanco .bl-liga span { display: block; font-size: 12.5px; font-weight: 700; color: var(--bl-mudo); line-height: 1.25; }
#balanco .bl-liga strong { display: block; margin-top: 2px; font: 700 24px/1.15 'Outfit', sans-serif; font-variant-numeric: tabular-nums; }
#balanco .bl-liga p { grid-column: 1 / -1; margin: 0 !important; padding: 10px 16px 12px; border-top: 1px solid var(--bl-linha2); font-size: 13.5px; line-height: 1.45; color: var(--bl-mudo); }
#balanco .bl-liga .bl-link { white-space: normal; }

/* para onde o dinheiro foi */
#balanco .bl-onde { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
#balanco .bl-onde h3 { margin: 0 0 10px; font: 800 14.5px/1.3 'Nunito Sans', sans-serif; }
#balanco .bl-barra { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; margin-bottom: 11px; font-size: 13.5px; }
#balanco .bl-barra span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
#balanco .bl-barra b { font-weight: 800; font-variant-numeric: tabular-nums; }
#balanco .bl-barra i { grid-column: 1 / -1; display: block; height: 7px; border-radius: 4px; background: var(--bl-linha2); overflow: hidden; }
#balanco .bl-barra i em { display: block; height: 100%; border-radius: 4px; background: var(--bl-verde); }
/* vendas e custo por venda em cada lugar do anúncio, segundo a Meta (04/11/2026) */
#balanco .bl-barra .bl-venda { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-top: 2px; color: var(--bl-mudo); font-size: 12.5px; font-variant-numeric: tabular-nums; }
#balanco .bl-barra .bl-venda strong { color: var(--bl-tinta); font-weight: 800; }
#balanco .bl-barra .bl-mais { display: inline-flex; align-items: center; padding: 1px 8px; border-radius: 999px; background: var(--bl-verde-claro); color: var(--bl-verde); font: 800 11px/1.5 'Nunito Sans', sans-serif; }
#balanco .bl-horas { display: grid; gap: 6px; }
#balanco .bl-horas-linha { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; color: var(--bl-mudo); }
#balanco .bl-horas-cel { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 2px; }
#balanco .bl-horas-cel i { display: block; height: 30px; border-radius: 3px; background: var(--c); }
#balanco .bl-horas-eixo { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 8px; font-size: 11.5px; color: var(--bl-mudo); font-variant-numeric: tabular-nums; }
#balanco .bl-horas-eixo div { display: flex; justify-content: space-between; }
#balanco .bl-nota { margin-top: 10px !important; font-size: 13px; color: var(--bl-mudo); line-height: 1.45; }

#balanco details.bl-como { padding: 16px 22px; }
#balanco details.bl-como summary { cursor: pointer; font: 800 15.5px/1.3 'Outfit', 'Nunito Sans', sans-serif; }
#balanco details.bl-como ul { margin: 12px 0 2px; padding-left: 18px; font-size: 13.5px; line-height: 1.55; color: var(--bl-mudo); }
#balanco details.bl-como li + li { margin-top: 4px; }
#balanco details.bl-como b { color: var(--bl-tinta); }

/* estados da tela: carregando, vazio e erro */
#balanco .bl-carregando { display: grid; gap: 16px; }
#balanco .bl-carregando i { display: block; border-radius: 18px; background: #eef3f1; animation: bl-pulso 1.2s ease-in-out infinite alternate; }
#balanco .bl-carregando i.topo { height: 72px; }
#balanco .bl-carregando i.heroi { height: 210px; border-radius: 22px; }
#balanco .bl-carregando i.bloco { height: 170px; }
@keyframes bl-pulso { from { opacity: .55; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #balanco .bl-carregando i { animation: none; } }
#balanco .bl-vazio { display: grid; justify-items: start; gap: 10px; padding: 34px 30px; background: #fff; border: 1px solid var(--bl-linha); border-radius: 18px; }
#balanco .bl-vazio h2 { font: 800 21px/1.25 'Outfit', 'Nunito Sans', sans-serif; }
#balanco .bl-vazio p { max-width: 62ch; font-size: 14.5px; line-height: 1.5; color: var(--bl-mudo); }
#balanco .bl-vazio button { min-height: 44px; margin-top: 4px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--bl-verde); color: #fff; font-size: 14.5px; font-weight: 800; cursor: pointer; }
#balanco .bl-datas { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#balanco .bl-datas input { min-height: 42px; border: 1px solid var(--bl-linha); border-radius: 12px; padding: 6px 10px; font: inherit; font-size: 14px; color: var(--bl-tinta); background: #fff; }
#balanco .bl-datas button { min-height: 42px; padding: 0 14px; border: 1px solid var(--bl-linha); border-radius: 12px; background: #fff; font-size: 14px; font-weight: 800; color: var(--bl-tinta); cursor: pointer; }
#balanco .bl-exportar { min-height: 42px; margin-left: auto; padding: 0 16px; border: 1px solid var(--bl-linha); border-radius: 12px; background: #fff; font-size: 14px; font-weight: 800; color: var(--bl-tinta); cursor: pointer; }
#balanco .bl-quando + .bl-exportar { margin-left: 0; }
#balanco .bl-calc-resultado { flex-basis: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
#balanco .bl-calc-resultado .bl-cel { padding: 10px 12px; }
#balanco .bl-calc-resultado .bl-cel strong { font-size: 20px; }
#balanco .bl-calc-nota { flex-basis: 100%; font-size: 12.5px; line-height: 1.4; color: #a9d2c4; }
#balanco .bl-diferenca { margin: 14px 0 0 !important; padding-top: 12px; border-top: 1px solid var(--bl-linha2); font-size: 13.5px; line-height: 1.45; color: var(--bl-mudo); }
#balanco .bl-grafico-tabela { margin-top: 12px; }
#balanco .bl-bloco-erro { padding: 14px 16px; border: 1px dashed var(--bl-linha); border-radius: 12px; font-size: 14px; color: var(--bl-mudo); }
#balanco .bl-faixa-leg button { display: block; width: 100%; padding: 0; border: 0; background: none; text-align: left; color: inherit; cursor: pointer; }
#balanco button:focus-visible, #balanco a:focus-visible, #balanco input:focus-visible, #balanco select:focus-visible, #balanco summary:focus-visible { outline: 2px solid var(--bl-verde); outline-offset: 2px; }
@media (max-width: 560px) {
  #balanco .bl-calc-resultado { grid-template-columns: minmax(0, 1fr); }
  #balanco .bl-exportar { margin-left: 0; flex: 1 1 100%; }
  #balanco .bl-vazio { padding: 26px 20px; }
}

/* Pedidos: o atalho para os pedidos sem notícia */
#pedidos .pd-chip { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 9px 14px; border-radius: 12px; background: #fff6e0; border: 1px solid #f3dfa8; color: #6b4500; font-size: 14px; font-weight: 700; cursor: pointer; }
#pedidos .pd-chip[hidden] { display: none; }
#pedidos .pd-chip b { font-weight: 800; font-variant-numeric: tabular-nums; }
#pedidos .pd-chip[aria-pressed="true"] { background: #6b4500; border-color: #6b4500; color: #fff; }
/* A caixa dos sem notícia (02/11/2026): o atalho, como corrigir e o OK numa linha só, que quebra no celular */
#pedidos .pd-sn { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 12px; }
#pedidos .pd-sn[hidden] { display: none; }
#pedidos .pd-sn .pd-chip { margin: 0; }
#pedidos .pd-sn-texto { flex: 1 1 260px; min-width: 0; color: var(--ink-2, #33443e); font-size: 13.5px; line-height: 1.45; }
#pedidos .pd-sn-acoes { display: inline-flex; gap: 8px; }
#pedidos .pd-sn-acoes button { padding: 8px 14px; border-radius: 10px; font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; transition: opacity .16s cubic-bezier(0.23, 1, 0.32, 1); }
#pedidos .pd-sn-acoes button[hidden] { display: none; }
#pedidos .pd-sn-corrigir { background: #6b4500; border: 1px solid #6b4500; color: #fff; }
#pedidos .pd-sn-ok { background: transparent; border: 1px solid #f3dfa8; color: #6b4500; }
#pedidos .pd-sn-acoes button:hover { opacity: .86; }
#pedidos .pd-sn-acoes button:focus-visible, #pedidos .pd-chip:focus-visible { outline: 2px solid #6b4500; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { #pedidos .pd-sn-acoes button { transition: none; } }

@media (max-width: 1280px) {
  #balanco .bl-hero { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1180px) {
  #balanco .bl-duo { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  #balanco .bl-hero { padding: 24px 20px; }
  #balanco .bl-duo, #balanco .bl-onde { grid-template-columns: minmax(0, 1fr); }
  #balanco .bl-faixa-leg { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #balanco .bl-grande { font-size: 52px; }
  #balanco .bl-quando { margin-left: 0; }
}
@media (max-width: 560px) {
  #balanco .bl-conta, #balanco .bl-conta.tres, #balanco .bl-conta.duas { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  #balanco .bl-sinal { justify-self: center; font-size: 18px; }
  #balanco .bl-tres { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #balanco .bl-tres > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  #balanco .bl-filtros select { flex: 1 1 100%; }
  #balanco .bl-cartao { padding: 18px 16px; }
  #balanco .bl-rolagem { margin: 0 -16px -18px; }
  #balanco .bl-camps { margin: 0 -16px; }
  #balanco .bl-camps li.topo { padding: 9px 16px; }
  #balanco .bl-camps label { padding: 12px 16px; gap: 10px; }
  #balanco .bl-fora { margin: 18px -16px -18px !important; padding: 12px 16px; }
  #balanco .bl-botoes { flex: 1 1 100%; }
  #balanco .bl-escolha-pe button { flex: 1 1 100%; }
  #balanco th:first-child, #balanco td:first-child { padding-left: 16px; }
  #balanco th:last-child, #balanco td:last-child { padding-right: 16px; }
}