/* ===== bling.html — estilos da página =====
   Saiu de um <style> inline (HTML vai com `no-store` e voltava inteiro a
   cada carregamento). Aqui fora é asset versionado por ?v=, cache de 1 ano.
   O <link> ficou na MESMA POSIÇÃO do <style> — a cascata não mudou.
   ⚠️ Ao mexer aqui, BUMPE o ?v= do <link> em bling.html. */
.ui-sidebar { height: calc(100vh / 0.9); position: sticky; top: 0; }
.sidebar-brand { display:flex; align-items:center; gap:10px; padding:6px 14px 10px; margin-bottom:4px; }
.page-head { margin-bottom:16px; }
.page-head h1 { font-size:24px; letter-spacing:-0.02em; display:flex; align-items:center; gap:10px; }
.page-head h1 i { color:var(--accent); }
.page-head p { color:var(--text-secondary); font-size:13.5px; margin-top:6px; max-width:900px; line-height:1.55; }
/* cores dos gráficos (paleta validada: azul/laranja, tema claro — o conteúdo do sistema não tem modo escuro) */
.bl { --serie-1:#2a78d6; --serie-2:#eb6834; --bom:#0ca30c; --grade:rgba(0,0,0,.07); --eixo:rgba(0,0,0,.18); width:100%; max-width:none; min-width:0; }
.bl-card { margin-bottom:16px; }
.bl-card h3 { font-size:15px; margin-bottom:12px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.bl-card h3 i { color:var(--accent); }
.bl-card h3 .ui-btn-primary i { color:#fff; }
.bl-card h3 .dir { margin-left:auto; display:inline-flex; gap:6px; align-items:center; }
.ui-btn { display:inline-flex; align-items:center; gap:7px; }
.hint { font-size:12px; color:var(--text-tertiary); line-height:1.5; }
.pill { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; padding:3px 9px; border-radius:999px; white-space:nowrap; }
.pill.ok { background:#16a34a1f; color:#15803d; }
.pill.off { background:#ef44441f; color:#b3261e; }
.pill.warn { background:#f59e0b26; color:#b56500; }
.pill.roxo { background:rgba(162,44,221,0.10); color:var(--accent); }
.pill.cinza { background:var(--bg-hover); color:var(--text-secondary); }
.flash { border-radius:10px; padding:11px 14px; font-size:13px; line-height:1.5; margin-bottom:14px; display:flex; gap:9px; align-items:flex-start; }
.flash.ok { background:#16a34a14; border:0.5px solid #16a34a55; }
.flash.erro { background:#ef444414; border:0.5px solid #ef444455; }
.flash.aviso { background:#f59e0b14; border:0.5px solid #f59e0b66; }
.flash i { margin-top:2px; flex:none; }
/* conexão */
.bl-contas { display:flex; flex-direction:column; gap:10px; }
.bl-conta { display:flex; align-items:center; gap:14px; flex-wrap:wrap; border:0.5px solid var(--border); border-radius:12px; padding:12px; }
.bl-av { width:42px; height:42px; border-radius:12px; background:#3fae2a; color:#fff; display:grid; place-items:center; font-weight:800; font-size:18px; flex:none; }
.bl-conta .info-conta { flex:1; min-width:200px; }
.bl-conta .nome { font-weight:700; font-size:14.5px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.bl-meta { font-size:12.5px; color:var(--text-secondary); margin-top:2px; }
.bl-acoes { display:flex; gap:8px; flex-wrap:wrap; }
.bl-limite { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:12px; font-size:12.5px; color:var(--text-secondary); }
/* filtros (uma linha, acima de tudo) */
.filtros { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.btn-sm { padding:4px 10px !important; font-size:12.5px !important; }
.ui-btn.on { border-color:var(--accent) !important; color:var(--accent); }
.ui-btn.on i { color:var(--accent); }
.barra-lote { display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding:9px 12px; border-radius:12px; background:var(--accent-soft); margin-bottom:12px; font-size:13px; }
.barra-lote .ic { display:inline-flex; align-items:center; gap:6px; }
.barra-lote .ic i { color:var(--accent); }
/* leitor de QR / código de barras da aba Suprimentos */
.leitor { display:flex; gap:14px; align-items:flex-start; flex-wrap:wrap; padding:12px; border-radius:12px; background:var(--bg-hover); margin-bottom:12px; }
.leitor video { width:280px; max-width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:10px; background:#000; }
.leitor .lado { flex:1; min-width:210px; display:flex; flex-direction:column; gap:8px; }
.leitor .lado b { display:flex; align-items:center; gap:8px; font-size:13.5px; }
.leitor .lado b i { color:var(--accent); }
.leitor .bts { display:flex; gap:8px; flex-wrap:wrap; }
.filtros .grupo { display:inline-flex; gap:4px; flex-wrap:wrap; align-items:center; }
.chip { display:inline-flex; align-items:center; gap:6px; border:0.5px solid var(--border); background:var(--bg-card, #fff); color:var(--text-primary); padding:6px 11px; border-radius:999px; font-size:12.5px; font-weight:600; cursor:pointer; white-space:nowrap; }
.chip.on { background:var(--accent); border-color:var(--accent); color:#fff; }
.filtros input[type=date], .filtros select, .filtros input[type=search] { height:32px; padding:4px 9px; font-size:12.5px; width:auto !important; flex:none; }
.filtros input[type=date] { width:140px !important; }
.filtros input[type=search] { min-width:200px; }
/* alerta de boleto não emitido (21/09/2026) */
.fi-alerta { margin:0 0 12px; }
.fi-alerta .ui-btn { margin-left:6px; vertical-align:middle; }
.fi-semb { margin-top:4px; font-size:10.5px !important; }
.fi-emitir { display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.fi-emitir .bt-recibo { text-decoration:none; font-size:11.5px; padding:3px 8px; }
/* forma de pagamento da parcela (21/09/2026) */
.fi-forma-v { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; white-space:nowrap; }
.fi-forma-v i { color:var(--text-secondary); width:14px; text-align:center; flex:none; }
.fi-forma-v .t { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.fi-forma-v { max-width:100%; }
/* lápis do vencimento no a receber (21/09/2026) */
.fi-venc { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.bt-venc { border:0; background:transparent; color:var(--text-tertiary); cursor:pointer; padding:2px 4px; border-radius:6px; font-size:11px; }
.bt-venc:hover { color:var(--accent); background:var(--bg-hover); }
/* selo da NF na parcela do a receber (21/09/2026) */
.fi-nf { font-size:11px !important; padding:1px 8px !important; margin-left:4px; vertical-align:middle; }
button.fi-nf { cursor:pointer; border:0; font-family:inherit; }
button.fi-nf:hover { filter:brightness(.95); text-decoration:underline; }
/* seletor de vendedores das contas a receber (21/09/2026) */
.fi-vend { position:relative; flex:none; }
.fi-vend[hidden] { display:none; }
.fi-vend .sv-bt { height:32px; font-size:12.5px; max-width:260px; }
.fi-vend .sv-rot { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.fi-vend .seta { font-size:10px; opacity:.7; }
.fi-vend-pop { position:absolute; z-index:30; top:calc(100% + 6px); left:0; width:340px; max-width:calc(100vw - 32px); background:var(--bg-card, #fff); border:0.5px solid var(--border); border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.14); padding:12px; display:flex; flex-direction:column; gap:10px; }
.fi-vend-pop[hidden] { display:none; }
.fi-vend-pop .atalhos { display:flex; gap:6px; flex-wrap:wrap; }
.fi-vend-pop input[type=search] { width:100% !important; min-width:0; }
.fi-vend-pop .lista { max-height:300px; overflow-y:auto; display:flex; flex-direction:column; gap:2px; }
.fi-vend-pop label { display:flex; align-items:center; gap:10px; padding:7px 8px; border-radius:8px; cursor:pointer; font-size:13px; }
.fi-vend-pop label:hover { background:var(--bg-hover); }
.fi-vend-pop label input { flex:none; width:16px; height:16px; margin:0; accent-color:var(--accent); }
.fi-vend-pop label .nm { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fi-vend-pop label .qt { font-size:11.5px; color:var(--text-tertiary); flex:none; }
.fi-vend-pop label .fora { font-size:10.5px; font-weight:700; padding:1px 7px; border-radius:999px; background:var(--bg-hover); color:var(--text-secondary); flex:none; }
.fi-vend-pop .hint { font-size:11.5px; color:var(--text-tertiary); line-height:1.4; }
.fi-vend-pop .rodape { display:flex; justify-content:flex-end; gap:8px; }
@media (max-width:600px) {
    .fi-vend { flex:1 1 100%; }
    .fi-vend .sv-bt { width:100%; max-width:none; justify-content:flex-start; }
    .fi-vend .seta { margin-left:auto; }
    .fi-vend-pop { width:100%; max-width:none; }
}
.coleta-info { font-size:12px; color:var(--text-tertiary); display:inline-flex; align-items:center; gap:6px; }
.bl-tabs { display:flex; gap:6px; overflow-x:auto; margin-bottom:14px; padding-bottom:2px; }
.bl-tabs button { display:inline-flex; align-items:center; gap:7px; border:0.5px solid var(--border); background:var(--bg-card, #fff); color:var(--text-primary); padding:8px 14px; border-radius:999px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; flex:none; }
.bl-tabs button.on { background:var(--accent); color:#fff; border-color:var(--accent); }
.tab-bad { background:#fee2e2; color:#b3261e; border-radius:999px; padding:1px 7px; font-size:11.5px; }
.tab-bad:empty { display:none; }
.bl-tabs button.on #cc-badge { background:#fff; color:var(--accent); }
.bl-sec[hidden] { display:none; }
/* números */
.kpis { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap:12px; margin-bottom:14px; }
.kpi { border:0.5px solid var(--border); border-radius:12px; padding:12px 13px; min-width:0; }
.kpi .rot { font-size:12px; color:var(--text-secondary); display:flex; align-items:center; gap:6px; }
.kpi .val { font-size:21px; font-weight:800; margin-top:4px; letter-spacing:-0.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kpi .sub { font-size:11.5px; color:var(--text-tertiary); margin-top:3px; display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.delta { font-weight:700; display:inline-flex; align-items:center; gap:3px; }
.delta.sobe { color:#15803d; } .delta.desce { color:#b3261e; }
.kpi.alerta .val { color:#b3261e; }
button.kpi { font:inherit; color:inherit; text-align:left; background:var(--bg-card, #fff); cursor:pointer; }
button.kpi.on { border-color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); }
.bt-recibo { display:inline-flex; align-items:center; gap:6px; border:0.5px solid var(--border); background:transparent; color:var(--accent); border-radius:8px; padding:4px 9px; font:inherit; font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap; }
.bt-recibo:hover { background:var(--bg-hover, rgba(0,0,0,.04)); }
/* Detalhe da conta a receber: pedido, itens, obs interna, parcela e baixas (18/09/2026). */
.bt-det { border:0.5px solid var(--border); background:transparent; color:var(--text-secondary); border-radius:8px; width:26px; height:26px; cursor:pointer; font-size:11px; }
.bt-det[aria-expanded="true"] { border-color:var(--accent); color:var(--accent); }
tr.fi-det > td { background:var(--bg-subtle, rgba(0,0,0,.02)); padding:0 14px 14px; }
.fd { display:grid; gap:12px; padding-top:10px; }
.fd .fd-cab { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:flex-start; }
.fd h5 { font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--text-tertiary); margin:0 0 6px; }
.fd .obs { white-space:pre-wrap; font-size:12.5px; border-left:3px solid var(--border); padding-left:9px; }
.fd .obs.int { border-left-color:#b56500; }
.grid2 { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; }
.grid3 { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
.bloco h4 { font-size:13px; font-weight:700; margin-bottom:8px; display:flex; align-items:center; gap:7px; }
.bloco h4 i { color:var(--text-tertiary); }
/* barras horizontais (uma medida por linha, com valor escrito) */
.hbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 10px; align-items:center; font-size:12.5px; padding:5px 0; }
.hbar .n { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hbar .v { font-weight:700; text-align:right; white-space:nowrap; }
.hbar .trilho { grid-column:1 / -1; height:6px; border-radius:99px; background:var(--bg-hover); overflow:hidden; }
.hbar .trilho span { display:block; height:100%; background:var(--serie-1); border-radius:0 4px 4px 0; }
.hbar .v small { color:var(--text-tertiary); font-weight:500; margin-left:4px; }
/* gráfico */
.grafico { position:relative; width:100%; }
.grafico svg { width:100%; height:220px; display:block; overflow:visible; }
.grafico .barra { transition:opacity .12s; }
.grafico .barra.ativa { opacity:.75; }
.legenda { display:flex; gap:14px; flex-wrap:wrap; font-size:12px; color:var(--text-secondary); margin-bottom:6px; }
.legenda span { display:inline-flex; align-items:center; gap:6px; }
.legenda i { width:10px; height:10px; border-radius:2px; display:inline-block; }
#tip { position:fixed; z-index:10001; pointer-events:none; background:var(--bg-card, #fff); border:0.5px solid var(--border); box-shadow:0 6px 20px rgba(0,0,0,.14); border-radius:10px; padding:8px 10px; font-size:12px; min-width:130px; display:none; }
#tip .t { color:var(--text-secondary); margin-bottom:4px; }
#tip .l { display:flex; align-items:center; gap:7px; margin-top:2px; }
#tip .l b { font-size:13px; }
#tip .l i { width:12px; height:2px; display:inline-block; border-radius:1px; }
details.tabela-dados { margin-top:8px; font-size:12px; }
details.tabela-dados summary { cursor:pointer; color:var(--text-secondary); }
/* tabelas */
.tbl-wrap { overflow-x:auto; }
.tbl { width:100%; border-collapse:collapse; font-size:12.5px; }
.tbl th { text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.03em; color:var(--text-tertiary); padding:6px 8px; border-bottom:0.5px solid var(--border); white-space:nowrap; }
.tbl td { padding:8px; border-bottom:0.5px solid var(--divider); vertical-align:middle; }
.tbl td.num, .tbl th.num { text-align:right; white-space:nowrap; }
.tbl tr.clica { cursor:pointer; }
.tbl tr.total td { font-weight:700; border-top:0.5px solid var(--border); background:var(--bg-hover); }
.tbl td .venc-v { color:#b3261e; }
#t-contas td:first-child { white-space:nowrap; }
.conta-dot { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:7px; vertical-align:middle; }
.tbl tr.clica:hover td { background:var(--bg-hover); }
.tbl tr.itens td { background:var(--bg-hover); font-size:12px; }
.venc { color:#b3261e; font-weight:700; }
.paginas { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; font-size:12.5px; color:var(--text-secondary); flex-wrap:wrap; }
.paginas .bl-acoes .ui-btn { padding:4px 10px; }
.vazio { padding:18px; text-align:center; color:var(--text-tertiary); font-size:13px; }
.carregando { opacity:.55; transition:opacity .15s; }
/* configuração */
.opt { display:flex; align-items:flex-start; gap:12px; padding:11px 0; border-bottom:0.5px solid var(--divider); }
.opt:last-child { border-bottom:0; }
.opt .txt { flex:1; min-width:0; }
.opt .t { font-weight:600; font-size:13.5px; }
.opt .d { font-size:12.5px; color:var(--text-tertiary); line-height:1.5; margin-top:2px; }
.opt select { max-width:280px; }
input.ui-switch { -webkit-appearance:none; appearance:none; margin:2px 0 0; position:relative; flex-shrink:0; width:42px; height:24px; border-radius:999px; background:var(--border-strong); cursor:pointer; transition:background .18s; }
input.ui-switch::after { content:""; position:absolute; top:2px; left:2px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); transition:transform .18s; }
input.ui-switch:checked { background:var(--accent); }
input.ui-switch:checked::after { transform:translateX(18px); }
.origem { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.origem label { display:inline-flex; align-items:center; gap:7px; border:0.5px solid var(--border); border-radius:10px; padding:8px 12px; font-size:13px; cursor:pointer; }
.origem label:has(input:checked) { border-color:var(--accent); background:rgba(162,44,221,0.07); }
.etapas { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap:8px; }
.etapa { border:0.5px solid var(--border); border-radius:10px; padding:9px 11px; font-size:12.5px; display:flex; gap:8px; align-items:flex-start; min-width:0; }
.etapa i { margin-top:2px; flex:none; }
.etapa .e { color:#b3261e; font-size:11.5px; margin-top:2px; }
.tarefas { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap:10px; }
.tarefa { border:0.5px solid var(--border); border-radius:12px; padding:13px; display:flex; flex-direction:column; gap:8px; min-width:0; }
.tarefa .t { font-weight:700; font-size:13.5px; display:flex; align-items:center; gap:8px; }
.tarefa .t i { color:var(--accent); }
.tarefa .d { font-size:12.5px; color:var(--text-tertiary); line-height:1.5; flex:1; }
.job { margin-top:12px; border-radius:12px; padding:12px 14px; background:var(--bg-hover); font-size:13px; }
.log-linha { display:flex; gap:10px; align-items:flex-start; padding:8px 0; border-bottom:0.5px solid var(--divider); font-size:12.5px; }
.log-linha i { margin-top:3px; width:14px; text-align:center; flex:none; }
.log-linha .quando { color:var(--text-tertiary); white-space:nowrap; flex:none; min-width:92px; }
/* mapa dos clientes (16/09/2026) */
.mp-wrap { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:12px; }
.mp-mapa-box { position:relative; min-width:0; }
#mp-mapa { height:460px; border-radius:12px; border:0.5px solid var(--border); z-index:0; }
.mp-lado { border:0.5px solid var(--border); border-radius:12px; padding:10px; max-height:460px; overflow:auto; min-width:0; }
.mp-lado h4 { font-size:13px; margin:0 0 6px; display:flex; align-items:center; gap:7px; }
.mp-mot { display:flex; justify-content:space-between; gap:8px; font-size:12px; padding:3px 0; color:var(--text-secondary); }
.mp-sem { margin-top:8px; border-top:0.5px solid var(--divider); }
.mp-sem button { display:block; width:100%; text-align:left; background:none; border:0; border-bottom:0.5px solid var(--divider); padding:7px 2px; cursor:pointer; font-family:inherit; color:var(--text-primary); font-size:12.5px; }
.mp-sem button:hover { background:var(--bg-hover); }
.mp-sem small { display:block; color:var(--text-tertiary); font-size:11px; }
.mp-pop { font-size:12.5px; line-height:1.45; min-width:200px; }
.mp-pop b.n { font-size:13.5px; display:block; margin-bottom:2px; }
.mp-pop .ac { display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }
.mp-pop .ac button { display:inline-flex; align-items:center; gap:5px; border:0.5px solid var(--border); background:#fff; border-radius:8px; padding:4px 9px; cursor:pointer; font-size:12px; font-family:inherit; }
.legenda i.mp-leg-dot { display:inline-block; border-radius:50%; border:2px solid #fff; box-shadow:0 0 0 0.5px rgba(0,0,0,.25); vertical-align:middle; box-sizing:content-box; }
/* o base.css mexe em img/canvas: os ladrilhos do mapa precisam do tamanho original */
#mp-mapa img, #mp-mapa canvas { max-width:none !important; max-height:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
#mp-mapa .leaflet-tile { border:0 !important; outline:0; }
#mp-mapa .marker-cluster { background:rgba(42,120,214,.25); }
#mp-mapa .marker-cluster div { background:#2a78d6; color:#fff; font-weight:700; }
@media (max-width:900px) { .mp-wrap { grid-template-columns:minmax(0,1fr); } #mp-mapa { height:340px; } .mp-lado { max-height:260px; } }
/* usuário do sistema ligado ao vendedor (16/09/2026) */
.vd-user { display:flex; align-items:center; gap:5px; font-size:11px; font-weight:600; color:#1d5fae; margin-top:2px; }
.vd-user i { flex:none; }
/* modal (fecha só por X, Fechar ou Esc) */
.md-fundo { position:fixed; inset:0; background:rgba(15,10,20,.45); z-index:9999; display:flex; align-items:center; justify-content:center; padding:16px; }
.md-fundo[hidden] { display:none; }
.md { background:var(--bg-card, #fff); border-radius:16px; width:min(760px, 100%); max-height:90dvh; overflow-y:auto; box-shadow:0 20px 60px rgba(0,0,0,.25); }
.md-cab { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-bottom:0.5px solid var(--divider); position:sticky; top:0; background:inherit; }
.md-cab h3 { font-size:16px; display:flex; align-items:center; gap:8px; min-width:0; }
.md-x { width:32px; height:32px; border-radius:8px; border:0; background:transparent; display:grid; place-items:center; cursor:pointer; color:var(--text-secondary); flex:none; }
.md-x:hover { background:var(--bg-hover); }
.md-corpo { padding:16px; }
.md-rod { display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; padding:12px 16px; border-top:0.5px solid var(--divider); position:sticky; bottom:0; background:inherit; }
/* vendas: situação em digitação, NF, ações (16/09/2026) */
.pill.digita { background:#f59e0b; color:#fff; box-shadow:0 0 0 3px #f59e0b33; }
.pill.nfp { background:#ef44441f; color:#b3261e; }
/* 1ª compra do cliente (21/09/2026) — selo ao lado do nome na lista de pedidos. */
.pill.pri { background:#f59e0b1f; color:#b45309; margin-left:4px; vertical-align:1px; }
.pill.pri i { font-size:9.5px; }
.pill.nf { background:rgba(162,44,221,0.10); color:var(--accent); border:0; cursor:pointer; font-family:inherit; }
.pill.nf:hover { background:rgba(162,44,221,0.18); }
.acoes-v { display:flex; gap:4px; justify-content:flex-end; flex-wrap:nowrap; }
/* Descrição detalhada do item (17/09/2026, refeita em 18/09): é UM campo de texto
   do Bling — sai inteiro, em vermelho pequeno, embaixo do nome do produto. */
.it-det { margin-top:3px; color:#b3261e; font-size:11px; line-height:1.35; white-space:pre-wrap; }
/* Inline dos pedidos (17/09): botões só com ícone; o texto fica no title/aria-label. */
.acoes-v .ui-btn, .ops-ped .ui-btn { width:30px; height:30px; min-width:30px; padding:0; gap:0; justify-content:center; font-size:13px; }
.pill.ic { padding:0; width:26px; height:24px; justify-content:center; gap:0; font-size:12px; border:0; cursor:pointer; font-family:inherit; }
@media (max-width:640px) {
  /* Alvo de toque no celular (17/09/2026): ícone pequeno demais no dedo. */
  .acoes-v .ui-btn, .ops-ped .ui-btn { width:40px; height:40px; min-width:40px; font-size:15px; }
  .pill.ic { width:36px; height:32px; font-size:14px; }
  .acoes-v { gap:6px; }
}
.ops-ped { display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin-top:8px; padding-top:8px; border-top:.5px solid var(--divider); }
.ops-ped .ops-lbl { font-size:12px; font-weight:700; color:var(--text-secondary); margin-left:4px; }
.ops-ped .ops-lbl:first-child { margin-left:0; }
.ops-ped select { height:30px; font-size:12px; padding:2px 8px; max-width:200px; }
.ops-ped .ops-msg { flex-basis:100%; }
.ops-ped .ops-msg:empty { display:none; }
.btn-refazer { background:#f59e0b !important; border-color:#f59e0b !important; color:#fff !important; animation:pulsar 1.8s ease-in-out infinite; }
@keyframes pulsar { 50% { box-shadow:0 0 0 5px #f59e0b33; } }
@media (prefers-reduced-motion: reduce) { .btn-refazer { animation:none; } }
.passos-a { list-style:none; margin:0 0 12px; padding:0; }
.passos-a li { display:flex; gap:10px; align-items:flex-start; padding:8px 0; border-bottom:0.5px solid var(--divider); font-size:13px; line-height:1.45; }
.passos-a li > i { width:18px; text-align:center; margin-top:2px; flex:none; }
.passos-a .ok { color:#15803d; } .passos-a .bloq { color:#b3261e; } .passos-a .man { color:#b56500; } .passos-a .nada { color:var(--text-tertiary); }
/* andamento das ações (fecha só no botão, depois de terminar) */
.and-barra { height:10px; border-radius:5px; background:var(--bg-hover); overflow:hidden; margin:4px 0 14px; }
.and-barra span { display:block; height:100%; width:0; background:var(--accent); border-radius:5px; transition:width .4s ease; }
.and-barra.ok span { background:#0ca30c; } .and-barra.erro span { background:#d03b3b; }
.and-pct { display:flex; justify-content:space-between; font-size:12.5px; font-weight:700; }
.passos-a li.rodando > div { font-weight:700; }
.passos-a .ms { color:var(--text-tertiary); font-size:11.5px; white-space:nowrap; margin-left:auto; padding-left:8px; }
.passos-a .pmsg { display:block; font-size:12px; color:var(--text-secondary); font-weight:400; }
.nf-frame { width:100%; height:62dvh; border:0.5px solid var(--border); border-radius:10px; background:var(--bg-hover); }
.md.largo { width:min(980px, 100%); }
/* clientes compactos (16/09/2026) */
#t-clientes .tbl td { padding:6px 8px; }
#t-clientes .tbl td .hint { font-size:11.5px; line-height:1.35; }
.cli-nome { font-weight:700; display:block; max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lk { background:none; border:0; padding:0; font:inherit; color:var(--accent); cursor:pointer; display:inline-flex; align-items:center; gap:5px; white-space:nowrap; max-width:230px; overflow:hidden; text-overflow:ellipsis; }
.lk:hover { text-decoration:underline; }
.lk.ruim { color:#b3261e; }
.lk i { flex:none; }
.vchips { display:flex; flex-wrap:wrap; gap:3px; max-width:230px; }
.vchip { font-size:11px; padding:1px 7px; border-radius:999px; background:var(--bg-hover); border:0.5px solid var(--border); white-space:nowrap; max-width:150px; overflow:hidden; text-overflow:ellipsis; }
.gatilhos { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.gatilhos .chip { font-size:12px; }
.env2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.env2 textarea { width:100%; min-height:230px; resize:vertical; font:13px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; padding:10px; border:0.5px solid var(--border); border-radius:10px; background:var(--bg-base, #fff); color:var(--text-primary); box-sizing:border-box; }
.wa-prev { background:#efeae2; border-radius:12px; padding:12px; min-height:230px; }
.wa-bolha { background:#d9fdd3; color:#111b21; border-radius:8px 0 8px 8px; padding:8px 10px; font-size:13px; line-height:1.45; margin-left:auto; width:fit-content; max-width:100%; box-shadow:0 1px 1px rgba(0,0,0,.12); overflow-wrap:anywhere; }
.verif { display:flex; align-items:center; gap:8px; font-size:12.5px; padding:7px 10px; border-radius:8px; background:var(--bg-hover); margin:8px 0; }
.verif.ok { background:#16a34a14; color:#15803d; } .verif.nao { background:#ef444414; color:#b3261e; }
@media (max-width:760px) { .env2 { grid-template-columns:minmax(0,1fr); } }
/* vendedores */
.vd-var { font-weight:700; white-space:nowrap; } .vd-var.sobe { color:#15803d; } .vd-var.desce { color:#b3261e; }
.vd-al { display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; padding:2px 8px; border-radius:999px; }
.vd-al.danger { background:#ef44441f; color:#b3261e; } .vd-al.warn { background:#f59e0b26; color:#b56500; } .vd-al.ok { background:#16a34a1f; color:#15803d; }
#vd-tabela > .tbl > tbody > tr[data-vd] > td:first-child, #vd-ano td:first-child { min-width:170px; }
#vd-tabela > .tbl > tbody > tr[data-vd] > td:nth-child(12) { min-width:130px; }
.mbar { height:6px; border-radius:3px; background:var(--bg-hover); overflow:hidden; margin-top:3px; min-width:90px; }
.mbar span { display:block; height:100%; border-radius:3px; background:#b56500; }
.mbar.meta span, .mbar.super span { background:#15803d; }
.nv { display:inline-block; font-size:10.5px; font-weight:700; padding:1px 7px; border-radius:999px; white-space:nowrap; }
.nv.super { background:#15803d; color:#fff; } .nv.meta { background:#16a34a2e; color:#15803d; } .nv.pre { background:#f59e0b2e; color:#b56500; } .nv.abaixo { background:#ef44441a; color:#b3261e; } .nv.sd { background:var(--bg-hover); color:var(--text-tertiary); }
.ano td.c { text-align:center; padding:5px 3px; min-width:62px; }
.ano td.c small { display:block; font-size:10px; color:var(--text-tertiary); white-space:nowrap; }
.metas-grid { display:grid; grid-template-columns:repeat(3, minmax(0,140px)) auto; gap:8px; align-items:end; margin-bottom:10px; }
.metas-grid label { font-size:11.5px; color:var(--text-secondary); font-weight:600; }
.metas-grid .ui-input { padding:6px 8px; }
.tbl input.mi { width:110px; padding:5px 7px; }
@media (max-width:640px) { .metas-grid { grid-template-columns:repeat(3, minmax(0,1fr)); } .metas-grid .ui-btn { grid-column:1/-1; } }
.alerta-l { display:flex; gap:9px; padding:7px 0; border-bottom:0.5px solid var(--divider); font-size:13px; line-height:1.45; }
.alerta-l i { margin-top:3px; width:14px; flex:none; text-align:center; }
.alerta-l .dica { display:block; font-size:12px; color:var(--text-tertiary); }
.vd-det { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:16px; padding:6px 2px; }
@media (max-width:900px) { .vd-det { grid-template-columns:minmax(0,1fr); } }
.ficha { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px 16px; font-size:13px; margin-bottom:14px; }
.ficha div span { display:block; font-size:11.5px; color:var(--text-tertiary); }
/* custos: pontos de atenção (16/09/2026) */
.cu-pontos { display:flex; flex-direction:column; gap:10px; margin:4px 0 16px; }
.cu-p { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:4px 12px; border:0.5px solid var(--border); border-left:4px solid var(--text-tertiary); border-radius:12px; padding:12px 14px; align-items:start; scroll-margin-top:80px; }
.cu-p.alto { border-left-color:#d03b3b; } .cu-p.medio { border-left-color:#e08a00; } .cu-p.baixo { border-left-color:#2a78d6; }
.cu-p.brilha { box-shadow:0 0 0 3px rgba(162,44,221,.25); }
.cu-ic { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--bg-hover); color:var(--text-secondary); font-size:15px; }
.cu-p.alto .cu-ic { background:#ef44441a; color:#b3261e; } .cu-p.medio .cu-ic { background:#f59e0b24; color:#b56500; } .cu-p.baixo .cu-ic { background:#2a78d61a; color:#1f5fae; }
.cu-t { font-weight:700; font-size:14px; line-height:1.35; overflow-wrap:anywhere; }
.cu-m { font-size:12.5px; color:var(--text-secondary); line-height:1.5; margin-top:3px; }
.cu-a { font-size:12.5px; line-height:1.5; margin-top:6px; padding:7px 10px; border-radius:8px; background:#16a34a12; display:flex; gap:7px; align-items:flex-start; }
.cu-a i { color:#15803d; margin-top:3px; flex:none; }
.cu-imp { text-align:right; white-space:nowrap; }
.cu-imp b { display:block; font-size:15px; }
.cu-imp small { font-size:11px; color:var(--text-tertiary); }
.cu-bt { grid-column:2 / -1; display:flex; gap:6px; flex-wrap:wrap; margin-top:4px; }
.cu-bt .ui-btn { padding:4px 10px; font-size:12px; }
.cu-liga { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; align-items:center; font-size:12px; color:var(--text-tertiary); }
.cu-liga button { font-size:11.5px; white-space:normal; text-align:left; max-width:100%; overflow-wrap:anywhere; }
.cu-itens { grid-column:1 / -1; margin-top:6px; }
.cu-var { font-weight:700; white-space:nowrap; } .cu-var.ruim { color:#b3261e; } .cu-var.bom { color:#15803d; }
@media (max-width:640px) {
    .cu-p { grid-template-columns:30px minmax(0,1fr); padding:11px 12px; }
    .cu-ic { width:30px; height:30px; font-size:13px; }
    .cu-imp { grid-column:2; text-align:left; } .cu-imp b { display:inline; margin-right:4px; }
}
/* recorrência e crédito */
.st-cli { display:inline-block; font-size:11px; font-weight:700; padding:2px 8px; border-radius:999px; white-space:nowrap; }
.st-cli.em_dia { background:#16a34a1f; color:#15803d; } .st-cli.atrasado { background:#f59e0b26; color:#b56500; }
.st-cli.sumido { background:#ef44441f; color:#b3261e; } .st-cli.novo { background:rgba(162,44,221,0.10); color:var(--accent); } .st-cli.unica, .st-cli.ocasional { background:var(--bg-hover); color:var(--text-secondary); }
.curva { display:inline-grid; place-items:center; width:20px; height:20px; border-radius:6px; font-size:11px; font-weight:800; background:var(--bg-hover); margin-left:6px; }
.curva.A { background:#2a78d6; color:#fff; } .curva.B { background:#2a78d633; color:#1f5fae; }
.cr-hist > td { background:var(--bg-hover); padding:8px 10px 12px; }
.cr-ped { border:0.5px solid var(--border); border-radius:10px; background:var(--bg-card, #fff); padding:9px 11px; margin-bottom:8px; }
.cr-ped .cab { display:flex; gap:6px 16px; flex-wrap:wrap; font-size:12.5px; margin-bottom:4px; }
.cr-ped .cab i { color:var(--accent); margin-right:3px; }
.risco-pill.alto { background:#ef44441f; color:#b3261e; } .risco-pill.medio { background:#f59e0b26; color:#b56500; } .risco-pill.baixo { background:#16a34a1f; color:#15803d; }
/* bonificação */
.bo-ex > td { background:var(--bg-card, #fff); padding:6px 8px 10px 38px; }
.extrato { border:0.5px solid var(--border); border-radius:10px; padding:10px 12px; }
.extrato .ex-cab { display:flex; gap:6px 18px; flex-wrap:wrap; font-size:12.5px; margin-bottom:6px; }
.extrato .ex-cab i { color:var(--accent); margin-right:3px; }
@media (max-width:640px) { .bo-ex > td { padding-left:8px; } }
.bo-data td { font-weight:700; }
.bo-data .pill { margin-left:6px; }
.bo-v td:first-child { padding-left:22px; }
.bo-ped td { font-size:12px; background:var(--bg-hover); }
.bo-ped td:first-child { padding-left:38px; }
.bo-cfg { display:grid; grid-template-columns:repeat(3, minmax(0,140px)) auto; gap:8px; align-items:end; margin-bottom:12px; }
.bo-cfg label { font-size:11.5px; color:var(--text-secondary); font-weight:600; }
@media (max-width:640px) { .bo-cfg { grid-template-columns:repeat(3, minmax(0,1fr)); } .bo-cfg .ui-btn { grid-column:1/-1; } }
@media (max-width:640px) { #bo-pag th:nth-child(4), #bo-pag td:nth-child(4) { display:none; } .bo-v td:first-child { padding-left:12px; } .bo-ped td:first-child { padding-left:16px; } }
@media (max-width:900px) { .grid3 { grid-template-columns:minmax(0,1fr); } }
@media (max-width:760px) {
    .page-head h1 { font-size:21px; } .grid2 { grid-template-columns:minmax(0,1fr); }
    .opt { flex-wrap:wrap; } .opt select { max-width:100%; width:100%; }
    .filtros input[type=search] { min-width:0; flex:1; }
    .ficha { grid-template-columns:minmax(0,1fr); }
    .md-fundo { align-items:flex-end; padding:0; } .md { border-radius:16px 16px 0 0; }
}
/* ===== responsividade (16/09/2026) ===== */
.conex-tog { display:none; margin-left:auto; width:32px; height:32px; border-radius:8px; border:0; background:transparent; color:var(--text-secondary); cursor:pointer; place-items:center; flex:none; }
.conex-tog i { color:inherit !important; transition:transform .15s; }
#conexao-resumo { display:none; font-weight:600; }
/* tabela que não cabe vira cartões (classe posta pelo JS, só até 1024px) */
.tbl.cartao, .tbl.cartao > tbody, .tbl.cartao > tfoot { display:block; }
.tbl.cartao > thead { display:none; }
.tbl.cartao > tbody > tr, .tbl.cartao > tfoot > tr { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 130px), 1fr)); gap:8px 14px; padding:11px 4px; border-bottom:0.5px solid var(--divider); align-items:start; }
.tbl.cartao > tbody > tr[hidden] { display:none; }
.tbl.cartao > * > tr > td { display:block; border:0; padding:0 !important; min-width:0 !important; text-align:left; overflow-wrap:break-word; background:none; }
.tbl.cartao > * > tr > td:first-child, .tbl.cartao > * > tr > td[colspan], .tbl.cartao > * > tr > td.c-larga { grid-column:1 / -1; }
.tbl.cartao > * > tr > td:first-child { font-size:13.5px; font-weight:700; }
.bo-data td:first-child { white-space:nowrap; }
.tbl.cartao > * > tr > td[data-l]::before { content:attr(data-l); display:block; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--text-tertiary); margin-bottom:2px; }
.tbl.cartao > * > tr > td:empty { display:none; }
.tbl.cartao > * > tr > td .acoes-v { justify-content:flex-start; }
.tbl.cartao > * > tr > td .cli-nome, .tbl.cartao > * > tr > td .lk, .tbl.cartao > * > tr > td .vchips { max-width:100%; }
.tbl.cartao > tbody > tr.clica:hover td { background:none; }
.tbl.cartao > tbody > tr.clica:active { background:var(--bg-hover); }
.tbl.cartao > tbody > tr.total { background:var(--bg-hover); border-radius:10px; border:0; margin-top:6px; padding:11px 10px; }
.tbl.cartao > tbody > tr.itens, .tbl.cartao > tbody > tr.cr-hist, .tbl.cartao > tbody > tr.bo-ex { padding:0 0 10px; border-bottom:0.5px solid var(--divider); }
.tbl.cartao > tbody > tr.itens > td, .tbl.cartao > tbody > tr.cr-hist > td { background:var(--bg-hover); border-radius:10px; padding:10px !important; }
.tbl.cartao > tbody > tr.bo-ped { background:var(--bg-hover); border-radius:8px; margin:4px 0; border:0; padding:9px 10px; }
.tbl.cartao > tbody > tr.bo-data { padding-top:14px; }
/* grade anual: nome do vendedor fica parado ao rolar */
.tbl.ano td:first-child, .tbl.ano th:first-child, .tbl.rola > * > tr > td:first-child:not([colspan]), .tbl.rola > thead > tr > th:first-child { position:sticky; left:0; z-index:1; background:var(--bg-card, #fff); box-shadow:1px 0 0 var(--divider); }
@media (max-width:1024px) {
    .bl-tabs { scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg, #000 88%, transparent); mask-image:linear-gradient(90deg, #000 88%, transparent); padding-right:24px; }
    .bl-tabs::-webkit-scrollbar { display:none; }
}
@media (max-width:640px) {
    .page-head { margin-bottom:12px; }
    .page-head h1 { font-size:19px; }
    .page-head p { font-size:12.5px; }
    .ui-card.bl-card { padding:14px 12px; }
    .bl-card h3 { font-size:14.5px; }
    .bl-card h3 .hint { flex-basis:100%; }
    .bl-card h3 .dir { margin-left:0; flex-basis:100%; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
    .bl-card h3 .dir::-webkit-scrollbar { display:none; }
    /* contas conectadas: recolhe no celular */
    .conex h3 { cursor:pointer; margin-bottom:0; }
    .conex .conex-tog { display:grid; }
    .conex #conexao { margin-top:12px; }
    .conex #conexao-resumo { display:inline; flex-basis:auto !important; }
    .conex.recolhido #conexao { display:none; }
    .conex:not(.recolhido) .conex-tog i { transform:rotate(180deg); }
    .bl-conta { gap:10px; padding:10px; }
    .bl-av { width:36px; height:36px; font-size:16px; border-radius:10px; }
    .bl-conta .info-conta { min-width:0; flex-basis:calc(100% - 50px); }
    .bl-acoes { width:100%; }
    .bl-acoes .ui-btn { flex:1; justify-content:center; }
    /* filtros */
    .filtros { gap:8px; }
    .filtros > select, .filtros > input[type=search], #f-conta { width:100% !important; flex:1 1 100% !important; min-width:0 !important; }
    .bl-card .filtros > select { flex:1 1 calc(50% - 4px) !important; width:auto !important; }
    .filtros > .grupo { flex:1 1 100%; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
    .filtros > .grupo::-webkit-scrollbar { display:none; }
    .filtros > .grupo > input[type=date] { flex:1 1 0 !important; width:auto !important; min-width:0; }
    .filtros .coleta-info { flex:1 1 100%; }
    #b-coletar { margin-left:0 !important; flex:1 1 100%; justify-content:center; }
    #filtros.sem-periodo #f-periodo, #filtros.sem-periodo > .grupo:has(#f-de) { display:none; }
    .bl-tabs button { padding:7px 12px; font-size:12.5px; }
    /* números: dois por linha */
    .kpis { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
    .kpi { padding:10px; }
    .kpi .rot { font-size:11.5px; align-items:flex-start; }
    .kpi .val { font-size:16.5px; }
    .kpi .sub { font-size:11px; }
    .grafico svg { height:190px; }
    .etapas, .tarefas { grid-template-columns:minmax(0,1fr); }
    .log-linha { flex-wrap:wrap; }
    .log-linha .quando { min-width:0; }
    /* modal: rodapé sempre visível */
    .md { max-height:92dvh; }
    .md-corpo { padding:14px 12px; }
    .md-rod { position:sticky; bottom:0; background:inherit; padding-bottom:calc(12px + env(safe-area-inset-bottom)); gap:8px; flex-wrap:wrap; }
    .md-rod .ui-btn { flex:1; justify-content:center; }
    .nf-frame { height:55dvh; }
    .tbl input.mi { width:100%; }
}
@media (max-width:380px) {
    .kpi .val { font-size:15px; }
}

/* Coluna de seleção dos pedidos (impressão em lote, 17/09/2026) */
.tbl th.selc, .tbl td.selc { width:28px; padding-right:0; text-align:center; }
.tbl td.selc input, .tbl th.selc input { width:16px; height:16px; margin:0; cursor:pointer; accent-color:var(--accent); }
@media print { .tbl th.selc, .tbl td.selc { display:none; } }
/* Erro grave e BV no pedido (23/09/2026) */
.acoes-v .btn-erro-on { color: #b3261e; border-color: #b3261e66; background: #b3261e12; }
.acoes-v .btn-bv-on { color: #6d28d9; border-color: #6d28d966; background: #6d28d912; }
.erro-reg { border: 0.5px solid var(--border); border-radius: 10px; padding: 10px 12px; background: var(--bg-card, transparent); }
.erro-fotos { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.erro-fotos img { width: 84px; height: 84px; object-fit: cover; border-radius: 8px; border: 0.5px solid var(--border); display: block; }
.eg-previas { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.eg-prev { position: relative; }
.eg-prev img { width: 76px; height: 76px; object-fit: cover; border-radius: 8px; border: 0.5px solid var(--border); display: block; }
.eg-prev button { position: absolute; top: -6px; right: -6px; width: 22px; height: 22px; border-radius: 50%; border: 0; background: #b3261e; color: #fff; cursor: pointer; display: grid; place-items: center; font-size: 11px; }

/* Emitir NF pelo pedido (24/09/2026) */
.enf-sec { margin-bottom:14px; }
.enf-irrev { margin-bottom:12px; }
.enf-ie { padding:6px 8px; border-radius:8px; background:var(--accent-soft); }
.enf-ie.falta { background:#ef44441a; color:#b3261e; }
.enf-perg { border:0.5px solid var(--border); border-radius:12px; padding:12px; }
.enf-perg textarea { width:100%; resize:vertical; margin-bottom:6px; }
.enf-oc-falta { border-color:#f59e0b; background:#f59e0b0f; }
.enf-op { display:flex; gap:9px; align-items:flex-start; font-size:13px; line-height:1.45; padding:5px 0; cursor:pointer; }
.enf-op input { flex:none; width:16px; height:16px; margin:2px 0 0; accent-color:var(--accent); }
.enf-oc-campo { padding:2px 0 6px 25px; }
.enf-oc-campo .ui-input { max-width:280px; margin-bottom:4px; }
.enf-conf { border-top:0.5px solid var(--divider); padding-top:12px; margin-top:4px; font-weight:600; }

/* Pedidos cabendo na tela (03/10/2026, "está passando da tela"): ações em grade 3×2 em vez de uma fila de 6,
   células mais justas e o número secundário (ML/marketplace) menor e quebrando. */
@media (min-width: 901px) {
    .tbl-wrap .tbl .acoes-v { display:grid; grid-template-columns:repeat(3, 30px); gap:4px; justify-content:end; }
    .tbl-wrap > .tbl > * > tr > td, .tbl-wrap > .tbl > thead > tr > th { padding-left:6px; padding-right:6px; }
    .tbl-wrap > .tbl > tbody > tr > td:nth-child(2) small, .tbl-wrap > .tbl > tbody > tr > td:nth-child(2) .hint { font-size:11px; word-break:break-all; }
}
@media (min-width: 901px) and (max-width: 1440px) { .tbl-wrap > .tbl { font-size:12.5px; } .tbl-wrap > .tbl > * > tr > td, .tbl-wrap > .tbl > thead > tr > th { padding-left:5px; padding-right:5px; } }

/* Bonificação: imprimir relatório e recibos .docx (08/10/2026) */
.bo-imp { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:-4px 0 12px; }
.bo-imp select { max-width:320px; flex:1 1 220px; min-width:0; }
.bo-imp .ui-btn { display:inline-flex; align-items:center; gap:7px; }
.bo-acoes { display:flex; flex-wrap:wrap; gap:4px 14px; margin-top:4px; }
.bo-acoes .lk { font-size:12.5px; gap:6px; }
.bo-rec-campo { margin-bottom:12px; display:flex; flex-direction:column; gap:6px; }
.bo-rec-campo > label:first-child { font-size:12px; font-weight:600; color:var(--text-secondary); }
.bo-rec-op { display:flex; align-items:flex-start; gap:8px; font-size:13.5px; cursor:pointer; line-height:1.4; }
.bo-rec-op input { margin-top:3px; flex:none; }
@media (max-width:640px) { .bo-imp select { max-width:none; flex-basis:100%; } .bo-imp .ui-btn { flex:1 1 auto; justify-content:center; } }
.bo-data td:first-child .bo-acoes { white-space:normal; font-weight:400; }

/* Saiu da empresa na bonificação (20/10/2026) */
.bo-sr-data { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 10px; font-size:12.5px; }
.bo-sr-data label { display:inline-flex; align-items:center; gap:8px; }
.bo-sr-data .ui-input { height:32px; width:auto; }
.bo-sr-bt { height:30px; font-size:12px; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
tr.bo-saiu td { opacity:.75; }