/* ─────────────────────── tema da Black-se (vertical prospecção) ──────────────
*
* ⚠️ VALORES PROVISÓRIOS (30/09/2026). O escopo manda extrair cores, pesos,
* raios e sombras do CSS do site (acervo.eixosystems.com.br, /opt/n8n/site-blackse)
* e do HTML das 35 propostas do Centro Clínico Sudoeste. Nenhum dos dois estava
* no repositório, e a rede do ambiente da noite recusou o acesso ao site. Os
* valores abaixo seguem só a DESCRIÇÃO do escopo — Urbanist, fundo branco e
* cinza claro, preto nos textos e destaques, botão pílula — e precisam ser
* trocados pelos do site. O que falta está listado em
* `docs/blackse/decisoes-noturnas.md`.
*
* 🔴 CARREGADO SÓ PARA O INQUILINO DE PROSPECÇÃO, E ESCOPADO MESMO ASSIM. A
* moldura só põe o com showModal. O conteúdo mora em
.erp-janela-dentro, para o clique no fundo ter como alvo o próprio
(padding 0). A 390 px ou menos, tela inteira. */
.erp-janela{border:none;padding:0;border-radius:16px;width:min(560px,calc(100vw - 32px));max-width:none;
max-height:calc(100dvh - 32px);box-shadow:0 12px 40px rgba(0,0,0,.2);background:var(--bg);color:var(--ink);
overflow:auto;overscroll-behavior:contain}
.erp-janela::backdrop{background:rgba(20,20,20,.45)}
.erp-janela-dentro{padding:0 20px 20px;min-width:0}
.erp-janela-topo{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:16px 0 12px;margin-bottom:4px;background:var(--bg);border-bottom:1px solid var(--line)}
.erp-janela-topo h2{margin:0;font-size:19px;line-height:1.25;overflow-wrap:anywhere;min-width:0}
.erp-janela-fechar{flex:none;width:44px;height:44px;border-radius:999px;border:1px solid var(--line-2);
background:var(--surface);color:var(--ink);font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center}
.erp-janela-fechar:hover{border-color:var(--ink-2)}
.erp-janela-corpo{display:flex;flex-direction:column;gap:12px;padding-top:12px;min-width:0}
.erp-janela-corpo :is(input,select,textarea){max-width:100%;box-sizing:border-box}
.erp-janela-corpo :is(label,.campo,form,fieldset){min-width:0;max-width:100%}
[data-vertical="prospeccao"] .erp-janela .erp-form{border:none;background:none;padding:0;margin:0}
.erp-janela .erp-acoes{margin-top:4px}
@media (max-width:390px){
.erp-janela{width:100vw;height:100dvh;max-height:none;margin:0;border-radius:0}
.erp-janela-dentro{padding:0 16px 24px}
}
[data-vertical="prospeccao"] .erp-equipe-adicionar > a{width:100%;justify-content:center;margin-bottom:14px;box-sizing:border-box}
/* A janela mora dentro da linha da lista no HTML: desfaz o que a lista põe nos filhos. */
[data-vertical="prospeccao"] .erp-indice .erp-janela .erp-tags{justify-content:flex-start;max-width:none;flex:initial}
[data-vertical="prospeccao"] .erp-indice .erp-janela strong{font-size:inherit}
[data-vertical="prospeccao"] .erp-indice .erp-janela a{display:inline;min-height:0;padding:0;background:none}
/* ── funil por produto (noite 02/10, plano 14.B) ─────────────────────────── */
[data-vertical="prospeccao"] .funil-troca{margin:6px 0 0;max-width:100%;min-width:0}
[data-vertical="prospeccao"] .funil-troca select{max-width:100%;font-weight:600}
[data-vertical="prospeccao"] .bse-etapas{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}
[data-vertical="prospeccao"] .bse-etapa{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;
border:1px solid var(--line);border-radius:12px;min-width:0}
[data-vertical="prospeccao"] .bse-etapa form{margin:0}
[data-vertical="prospeccao"] .bse-etapa-nome{display:flex;gap:8px;align-items:center;flex:1 1 220px;min-width:0}
[data-vertical="prospeccao"] .bse-etapa-nome input{flex:1;min-width:0;box-sizing:border-box}
[data-vertical="prospeccao"] .bse-etapa-ordem{display:flex;gap:4px}
[data-vertical="prospeccao"] .bse-etapa-ordem button{min-width:40px;min-height:40px}
[data-vertical="prospeccao"] .bse-etapa .erp-tag{white-space:nowrap}
/* ── os pacotes do ensaio (07/10, ERP 0059) ──────────────────────────────── */
[data-vertical="prospeccao"] .bse-pacotes-caixa .erp-rotulo{margin-top:6px}
[data-vertical="prospeccao"] .bse-pacotes{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px}
[data-vertical="prospeccao"] .bse-pacote{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.6fr) minmax(0,.9fr) 196px;
gap:8px;align-items:end;padding:10px 12px;border:1px solid var(--line);border-radius:12px;min-width:0}
[data-vertical="prospeccao"] .bse-pacote .campo{margin:0;min-width:0}
[data-vertical="prospeccao"] .bse-pacote .campo input{width:100%;box-sizing:border-box}
[data-vertical="prospeccao"] .bse-pacote-acoes{display:flex;gap:4px;align-items:center;justify-content:flex-end;min-height:40px}
[data-vertical="prospeccao"] .bse-pacote-acoes .botao-linha{margin-top:0;min-width:40px;min-height:40px}
[data-vertical="prospeccao"] .bse-pacote-acoes .erp-tag{white-space:nowrap;margin-right:2px}
[data-vertical="prospeccao"] .bse-pacote-novo{margin:0 0 6px}
@media (max-width:640px){
[data-vertical="prospeccao"] .bse-pacote{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
[data-vertical="prospeccao"] .bse-pacote .campo:first-of-type{grid-column:1/-1}
[data-vertical="prospeccao"] .bse-pacote-acoes{grid-column:1/-1}
}
/* ── os adicionais do ensaio (07/10, ERP 0060) ───────────────────────────── */
[data-vertical="prospeccao"] .bse-adicionais-caixa .erp-rotulo{margin-top:6px}
[data-vertical="prospeccao"] .bse-adicionais{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px}
[data-vertical="prospeccao"] .bse-adicional{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.9fr);
gap:8px;align-items:end;padding:10px 12px;border:1px solid var(--line);border-radius:12px;min-width:0}
[data-vertical="prospeccao"] .bse-adicional .campo{margin:0;min-width:0}
[data-vertical="prospeccao"] .bse-adicional .campo input,[data-vertical="prospeccao"] .bse-adicional .campo select{width:100%;box-sizing:border-box}
[data-vertical="prospeccao"] .bse-adicional-detalhe{grid-column:1/4}
[data-vertical="prospeccao"] .bse-adicional-acoes{grid-column:4/5}
[data-vertical="prospeccao"] .bse-adicional-novo{margin:0 0 6px}
@media (max-width:640px){
[data-vertical="prospeccao"] .bse-adicional{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
[data-vertical="prospeccao"] .bse-adicional-nome,[data-vertical="prospeccao"] .bse-adicional-detalhe,
[data-vertical="prospeccao"] .bse-adicional-acoes{grid-column:1/-1}
}
[data-vertical="prospeccao"] .bse-compareceu-adicionais{display:grid;gap:6px;margin:0;padding:0;border:0}
[data-vertical="prospeccao"] .bse-compareceu-adicionais legend{padding:0;margin:0 0 4px;font-size:13px;color:var(--ink-2)}
[data-vertical="prospeccao"] .bse-compareceu-adicionais .erp-aceite{margin:0}
/* ── follow-ups (noite 02/10, plano 14.C) ────────────────────────────────── */
[data-vertical="prospeccao"] .bse-hoje{display:flex;flex-direction:column;gap:8px;margin:12px 0 10px;padding:12px 14px;
border:1px solid var(--line);border-radius:16px;background:var(--sunken);min-width:0}
[data-vertical="prospeccao"] .bse-hoje > header{display:flex;justify-content:space-between;align-items:baseline}
[data-vertical="prospeccao"] .bse-hoje h2{margin:0;font-size:17px}
[data-vertical="prospeccao"] .bse-hoje .sub-claro{margin:0}
[data-vertical="prospeccao"] .bse-hoje .erp-lista{max-height:360px;overflow-y:auto}
[data-vertical="prospeccao"] .bse-followups-topo{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
[data-vertical="prospeccao"] .bse-followups{margin-bottom:8px}
[data-vertical="prospeccao"] .bse-followup{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-followup.atrasado{border-color:var(--crit);border-left-width:4px}
[data-vertical="prospeccao"] .bse-followup.meu{border-left:4px solid var(--ok)}
[data-vertical="prospeccao"] .bse-followup.atrasado.meu{border-left-color:var(--crit)}
[data-vertical="prospeccao"] .bse-followup.fechado{opacity:.7}
[data-vertical="prospeccao"] .bse-followup-linha{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;min-width:0}
[data-vertical="prospeccao"] .bse-followup-acoes{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
[data-vertical="prospeccao"] .bse-followup-acoes form{margin:0}
/* ── Esteira da sessão e envio de fotos (Fase 2, noite 02/10; plano 14.D) ── */
[data-vertical="prospeccao"] .esteira-passos{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 12px;flex-wrap:wrap}
[data-vertical="prospeccao"] .esteira-passo{flex:1 1 70px;min-width:0;text-align:center;font-size:13px;font-weight:600;padding:8px 6px;
border-radius:999px;background:var(--sunken);color:var(--ink-3)}
[data-vertical="prospeccao"] .esteira-passo.feito{background:var(--ok-tint);color:var(--ok)}
[data-vertical="prospeccao"] .esteira-passo.atual{background:var(--ink);color:#fff}
[data-vertical="prospeccao"] .esteira-agora,[data-vertical="prospeccao"] .esteira-envio,[data-vertical="prospeccao"] .esteira-bloco{
display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
[data-vertical="prospeccao"] .esteira-acao{display:flex;flex-direction:column;gap:6px}
[data-vertical="prospeccao"] .esteira-msg{max-width:none;text-align:left;margin:0}
[data-vertical="prospeccao"] .esteira-etapa{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
[data-vertical="prospeccao"] .esteira-etapa-form{display:grid;grid-template-columns:minmax(0,1fr);gap:0 10px;align-items:end}
@media (min-width:760px){
[data-vertical="prospeccao"] .esteira-etapa-form{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto}
[data-vertical="prospeccao"] .esteira-etapa-form .esteira-msg{grid-column:1 / -1}
}
[data-vertical="prospeccao"] .esteira-etapa-form .campo{margin-bottom:8px;min-width:0}
[data-vertical="prospeccao"] .esteira-etapa-form .campo select,
[data-vertical="prospeccao"] .esteira-etapa-form .campo input{width:100%;min-width:0;box-sizing:border-box}
[data-vertical="prospeccao"] .esteira-etapa-form .botao-linha{margin:0 0 8px;justify-self:start}
[data-vertical="prospeccao"] .esteira-link{display:flex;flex-direction:column;gap:8px}
[data-vertical="prospeccao"] .esteira-link-novo{display:flex;flex-direction:column;gap:8px;min-width:0}
[data-vertical="prospeccao"] .esteira-link-novo code{overflow-wrap:anywhere;word-break:break-all}
[data-vertical="prospeccao"] .esteira-link-form{display:flex;flex-wrap:wrap;gap:0 10px;align-items:flex-end}
[data-vertical="prospeccao"] .esteira-link-form .campo{flex:1 1 140px;min-width:0;margin-bottom:8px}
[data-vertical="prospeccao"] .esteira-link-form .campo input{width:100%;min-width:0;box-sizing:border-box}
[data-vertical="prospeccao"] .esteira-link-form .botao-linha{margin-bottom:8px}
[data-vertical="prospeccao"] .esteira-nomes{overflow-wrap:anywhere}
[data-vertical="prospeccao"] .esteira-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media (min-width:760px){[data-vertical="prospeccao"] .esteira-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
[data-vertical="prospeccao"] .esteira-grade .erp-card{color:var(--ink) !important;text-decoration:none;min-width:0}
[data-vertical="prospeccao"] .esteira-resumo{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:8px}
[data-vertical="prospeccao"] .esteira-resumo .botao-linha{margin-top:0;text-decoration:none}
/* O envio de fotos (/envio) e a galeria do cliente (/galeria) mudaram para o bloco
"Telas públicas e janelas", no fim (padrão BotConversa, 02/10). */
/* tela da equipe (dentro do CRM) */
[data-vertical="prospeccao"] .galeria-equipe{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
[data-vertical="prospeccao"] .galeria-miniaturas{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:760px){[data-vertical="prospeccao"] .galeria-miniaturas{grid-template-columns:repeat(6,minmax(0,1fr))}}
[data-vertical="prospeccao"] .galeria-miniaturas li{display:flex;flex-direction:column;gap:4px;min-width:0}
[data-vertical="prospeccao"] .galeria-miniaturas img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--sunken);display:block}
[data-vertical="prospeccao"] .galeria-miniaturas label{display:flex;flex-direction:column;gap:4px;cursor:pointer;font-size:12px}
[data-vertical="prospeccao"] .galeria-miniaturas .nome{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-vertical="prospeccao"] .galeria-link-novo code{overflow-wrap:anywhere;word-break:break-all}
/* eventos */
[data-vertical="prospeccao"] .evento-form{display:grid;grid-template-columns:minmax(0,1fr);gap:0 10px}
@media (min-width:760px){[data-vertical="prospeccao"] .evento-form{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-vertical="prospeccao"] .evento-form .largo{grid-column:1 / -1}}
[data-vertical="prospeccao"] .evento-form .campo{min-width:0}
[data-vertical="prospeccao"] .evento-form .campo input,[data-vertical="prospeccao"] .evento-form .campo select,
[data-vertical="prospeccao"] .evento-form .campo textarea{width:100%;min-width:0;box-sizing:border-box}
[data-vertical="prospeccao"] .evento-na-agenda{border-left:4px solid var(--ink)}
/* ── Financeiro (Ajustes → Financeiro; Fase 3, noite 02/10; plano 14.F) ──── */
[data-vertical="prospeccao"] .bse-modo-teste{background:var(--warn);color:#fff;font-weight:800;font-size:18px;
letter-spacing:.02em;text-align:center;padding:14px 16px;border-radius:var(--r-sm);margin:0 0 14px}
[data-vertical="prospeccao"] .bse-financeiro-aviso{font-weight:500;font-size:14px}
[data-vertical="prospeccao"] .bse-financeiro-mes{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 0}
[data-vertical="prospeccao"] .bse-financeiro-mes strong::first-letter{text-transform:uppercase}
[data-vertical="prospeccao"] .bse-financeiro-mes .botao-linha{width:auto;min-width:44px;justify-content:center}
[data-vertical="prospeccao"] .erp-numeros strong.num{font-size:clamp(14px,4.2vw,22px);overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-negativo{color:var(--crit)}
[data-vertical="prospeccao"] .bse-positivo{color:var(--ok)}
[data-vertical="prospeccao"] .bse-venda-linha{font-size:14px;margin:2px 0 0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-venda-valor{margin:4px 0 0;font-size:15px;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-vendas .erp-acoes,
[data-vertical="prospeccao"] .bse-livro .erp-acoes{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0}
[data-vertical="prospeccao"] .bse-gerar-cobranca{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
[data-vertical="prospeccao"] .bse-livro .erp-linha{flex-wrap:wrap;gap:6px}
/* A cobrança de teste (/pagar/teste) mudou para o bloco "Telas públicas e janelas", no fim. */
/* ── Nota fiscal (Financeiro e Ajustes → Nota fiscal; Fase 4, noite 02/10; plano 14.G) ── */
[data-vertical="prospeccao"] .bse-nota{margin:6px 0 0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-nota .erp-tag{white-space:normal}
[data-vertical="prospeccao"] .bse-nota .erro-inline{display:block;margin:4px 0 0}
[data-vertical="prospeccao"] .bse-fiscal-faltam{margin:0 0 12px}
[data-vertical="prospeccao"] .bse-fiscal-form{max-width:640px}
/* ── Painel do dono e Pós-venda (Ajustes → Painel / Pós-venda; Fase 5, noite 02/10; plano 14.H) ── */
[data-vertical="prospeccao"] .bse-painel-numeros{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){[data-vertical="prospeccao"] .bse-painel-numeros{grid-template-columns:repeat(3,minmax(0,1fr))}}
[data-vertical="prospeccao"] .bse-painel-numeros strong.num{font-size:clamp(18px,6vw,28px);overflow-wrap:anywhere;line-height:1.15}
[data-vertical="prospeccao"] .bse-painel-personalizado{margin:0 0 8px}
[data-vertical="prospeccao"] .bse-painel-personalizado summary{cursor:pointer;font-size:14px;color:var(--ink-2);padding:4px 0}
[data-vertical="prospeccao"] .bse-painel-datas{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 10px;margin-top:6px}
[data-vertical="prospeccao"] .bse-painel-datas .campo{margin:0;flex:1 1 140px;min-width:0}
[data-vertical="prospeccao"] .bse-painel-datas .campo input{width:100%;min-width:0;box-sizing:border-box}
[data-vertical="prospeccao"] .bse-painel-bloco{margin:22px 0 0;min-width:0}
[data-vertical="prospeccao"] .bse-painel-bloco h2{font-size:18px;margin:0 0 2px}
[data-vertical="prospeccao"] .bse-painel-bloco > .erp-sub{font-size:14px;margin:0 0 10px}
[data-vertical="prospeccao"] .bse-painel-funil{margin:0 0 14px}
[data-vertical="prospeccao"] .bse-painel-funil h3{font-size:15px;margin:10px 0 6px;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-barras{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
[data-vertical="prospeccao"] .bse-barras li{min-width:0}
[data-vertical="prospeccao"] .bse-barra-topo{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px}
[data-vertical="prospeccao"] .bse-barra-rotulo{min-width:0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-barra-topo strong{flex:none;font-variant-numeric:tabular-nums}
[data-vertical="prospeccao"] .bse-barra-trilho{height:10px;border-radius:999px;background:var(--sunken);overflow:hidden;margin-top:4px}
[data-vertical="prospeccao"] .bse-barra-trilho span{display:block;height:100%;max-width:100%;border-radius:999px;background:var(--ink)}
[data-vertical="prospeccao"] .bse-barra-detalhe{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
[data-vertical="prospeccao"] .bse-painel-tabela{overflow-x:auto;max-width:100%}
[data-vertical="prospeccao"] .bse-painel-tabela table{width:100%;border-collapse:collapse;font-size:14px}
[data-vertical="prospeccao"] .bse-painel-tabela th,[data-vertical="prospeccao"] .bse-painel-tabela td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left}
[data-vertical="prospeccao"] .bse-painel-tabela td.num,[data-vertical="prospeccao"] .bse-painel-tabela th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
[data-vertical="prospeccao"] .bse-posvenda .copiar code{white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;background:var(--sunken);padding:8px;border-radius:8px}
[data-vertical="prospeccao"] .bse-posvenda .erp-acoes{flex-direction:row;flex-wrap:wrap;gap:8px;margin:8px 0 0}
[data-vertical="prospeccao"] .bse-posvenda details{margin-top:10px}
[data-vertical="prospeccao"] .bse-posvenda summary{cursor:pointer;font-size:14px;color:var(--ink-2)}
/* ── topo da tela: logo (celular) e troca CRM | Campo na mesma linha ─────── */
.cabeca-conteudo{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 16px}
.cabeca-conteudo:empty,.cabeca-conteudo:not(:has(.troca-app)):not(:has(.topo-celular *)){margin:0}
.cabeca-conteudo .troca-app{margin:0}
@media (max-width:720px){
.cabeca-conteudo{justify-content:space-between}
.cabeca-conteudo .topo-celular{padding:0}
.cabeca-conteudo .troca-app a{min-height:32px;padding:0 12px;font-size:13px}
}
.moldura.cheia .cabeca-conteudo{margin:0}
/* O rótulo "BLACK·SE" acima dos títulos saiu (acabamento, 02/10): a logo
oficial já está no topo do menu (computador) e no topo da tela (celular). */
[data-vertical="prospeccao"] .erp-marca{display:none}
/* Conversas (tela cheia): a troca CRM | Campo flutuava por cima da busca
(celular) e dos botões do topo da conversa (computador). Ela some nessa
tela; a troca continua em todas as outras (acabamento, 02/10). */
.moldura.cheia .troca-app{display:none}
/* ── contêineres que rolam de lado CONTÊM o que é posicionado (acabamento,
02/10). O texto para leitor de tela (`.sr-only`, posição absoluta) dentro do
quadro do Funil tinha como referência a página, não o quadro: escapava da
rolagem interna e alargava a página (até 1.839 px no celular com leads nas
colunas da direita). Com `position:relative`, o quadro passa a ser a
referência e o texto fica preso nele. */
[data-vertical="prospeccao"] :is(.funil-trilho,.funil-coluna,.erp-chips,.funil-abas){position:relative}
/* ── Funil: experiência (plano 14.L) ─────────────────────────────────────────
Cabeçalho compacto: [Funil | busca] · [produto | +] · [Precisam de mim |
Filtros]. No celular o canal fica atrás do botão "Filtros" e as abas das
etapas grudam no topo ao rolar. Cartão: nome em destaque, sessão e
follow-up juntos, tempo parado discreto, "Mover para…" pequeno. Coluna
vazia estreita no computador. */
[data-vertical="prospeccao"] .funil-cabeca{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;min-width:0}
[data-vertical="prospeccao"] .funil-cabeca-linha{display:flex;align-items:center;gap:10px;min-width:0}
[data-vertical="prospeccao"] .funil-cabeca h1{margin:0;font-size:28px;flex:none}
[data-vertical="prospeccao"] .funil-busca{flex:1 1 auto;min-width:0;max-width:340px;margin-left:auto}
[data-vertical="prospeccao"] .funil-busca .campo{margin:0;position:relative}
[data-vertical="prospeccao"] .funil-busca input{min-height:40px;border-radius:999px;padding:8px 14px;background:var(--surface)}
[data-vertical="prospeccao"] .funil-cabeca .funil-troca{margin:0;flex:0 1 360px}
[data-vertical="prospeccao"] .funil-cabeca .funil-troca select{width:100%}
[data-vertical="prospeccao"] .funil-cabeca .erp-mais{margin-left:auto;width:44px;height:44px}
[data-vertical="prospeccao"] .funil-cabeca .erp-chips{margin:0;padding:2px 0;flex:0 1 auto;min-width:0}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros{margin:0;flex:0 1 auto;flex-wrap:nowrap;align-items:center;min-width:0}
[data-vertical="prospeccao"] .funil-filtros-botao{display:none}
[data-vertical="prospeccao"] .funil-filtros-campos{min-width:0;position:relative}
[data-vertical="prospeccao"] .funil-filtros-campos .campo{width:220px;max-width:100%}
[data-vertical="prospeccao"] .funil-buscando{margin:0;font-size:14px;color:var(--ink-2);overflow-wrap:anywhere}
[data-vertical="prospeccao"] .funil-cartao .erp-card-nome{font-size:16px;font-weight:700}
[data-vertical="prospeccao"] .funil-parado{font-size:12px;color:var(--ink-3);white-space:nowrap;opacity:.85}
[data-vertical="prospeccao"] .funil-mover{align-self:flex-start;max-width:100%}
[data-vertical="prospeccao"] .funil-mover select{width:auto;max-width:100%;min-height:30px;font-size:12px;padding:2px 8px;
border-color:var(--line)}
[data-vertical="prospeccao"] .funil-coluna.vazia{flex:0 0 136px;min-height:96px}
[data-vertical="prospeccao"] .funil-coluna.vazia > header{flex-wrap:wrap;gap:4px}
[data-vertical="prospeccao"] .funil-coluna.vazia h2{font-size:14px;min-width:0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .funil-coluna.vazia .erp-vazio{font-size:13px}
@media (max-width:720px){
[data-vertical="prospeccao"] .funil-cabeca{gap:6px}
[data-vertical="prospeccao"] .funil-cabeca h1{font-size:24px}
[data-vertical="prospeccao"] .funil-busca{max-width:none}
[data-vertical="prospeccao"] .funil-busca input{font-size:16px;min-height:38px}
[data-vertical="prospeccao"] .funil-cabeca .funil-troca{flex:1 1 auto}
[data-vertical="prospeccao"] .funil-cabeca-linha:has(.funil-filtros){flex-wrap:wrap;gap:8px}
[data-vertical="prospeccao"] .funil-cabeca .erp-chip{height:36px;font-size:13px;padding:0 12px}
[data-vertical="prospeccao"] .funil-cabeca .erp-chips{flex:1 1 0}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros{display:contents}
[data-vertical="prospeccao"] .funil-filtros-botao{display:inline-flex;margin-left:auto;flex:none}
[data-vertical="prospeccao"] .funil-filtros-campos{display:none}
[data-vertical="prospeccao"] .funil-filtros.aberto .funil-filtros-campos{display:block;flex:1 0 100%}
[data-vertical="prospeccao"] .funil-filtros-campos .campo{width:100%}
[data-vertical="prospeccao"] .funil-abas{position:sticky;top:0;z-index:4;background:var(--bg);
margin:0 -14px;padding:6px 14px}
[data-vertical="prospeccao"] .funil-coluna.vazia{flex:0 0 100%;min-height:0}
[data-vertical="prospeccao"] .funil-mover select{min-height:34px}
}
@media (max-width:720px){
[data-vertical="prospeccao"] .funil-busca{max-width:none}
}
/* ── Agenda: experiência (plano 14.K) ─────────────────────────────────────
"+ Nova sessão" no topo (janela), navegação por dia com a contagem, cartão
mais limpo e ações agrupadas. Tudo cabe em 390 px: a faixa de dias rola
dentro dela mesma (.erp-chips, position:relative), não a página. */
[data-vertical="prospeccao"] .agenda-topo{flex-wrap:wrap;align-items:flex-start}
[data-vertical="prospeccao"] .agenda-topo > div{flex:1 1 320px;min-width:0}
[data-vertical="prospeccao"] .agenda-nova{width:auto;flex:none;min-height:44px;padding:0 20px;border-radius:999px;
display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;font-weight:600}
[data-vertical="prospeccao"] .agenda-nav{display:flex;flex-direction:column;gap:8px;margin:4px 0 6px;min-width:0}
[data-vertical="prospeccao"] .agenda-periodos{display:flex;flex-wrap:wrap;gap:8px}
[data-vertical="prospeccao"] .agenda-periodos .erp-chip{gap:6px}
[data-vertical="prospeccao"] .agenda-conta{font-size:12px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
background:var(--sunken);color:var(--ink);display:inline-grid;place-items:center;box-sizing:border-box}
[data-vertical="prospeccao"] .erp-chip.ativo .agenda-conta{background:rgba(255,255,255,.2);color:#fff}
[data-vertical="prospeccao"] .agenda-passo{display:flex;align-items:center;gap:8px;min-width:0}
[data-vertical="prospeccao"] .agenda-seta{flex:none;width:44px;height:44px;border-radius:999px;border:1px solid var(--line-2);
background:var(--surface);color:var(--ink) !important;display:grid;place-items:center;font-size:24px;line-height:1;text-decoration:none}
[data-vertical="prospeccao"] .agenda-seta:hover{border-color:var(--ink)}
[data-vertical="prospeccao"] .agenda-periodo-nome{flex:1;min-width:0;margin:0;text-align:center;display:flex;flex-direction:column;line-height:1.25}
[data-vertical="prospeccao"] .agenda-periodo-nome strong{font-size:17px;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .agenda-periodo-nome span{font-size:13px;color:var(--ink-2)}
[data-vertical="prospeccao"] .agenda-faixa{gap:6px;margin-bottom:0}
[data-vertical="prospeccao"] .agenda-dia{flex:none;min-width:52px;padding:6px 4px;border-radius:12px;border:1px solid var(--line);
background:var(--surface);color:var(--ink) !important;text-decoration:none;display:flex;flex-direction:column;align-items:center;
line-height:1.15;font-variant-numeric:tabular-nums}
[data-vertical="prospeccao"] .agenda-dia span{font-size:11px;color:var(--ink-2)}
[data-vertical="prospeccao"] .agenda-dia strong{font-size:16px}
[data-vertical="prospeccao"] .agenda-dia small{font-size:11px;font-weight:700;margin-top:2px;min-width:18px;text-align:center;
border-radius:999px;background:var(--ink);color:#fff}
[data-vertical="prospeccao"] .agenda-dia.vazio small{background:none;color:var(--ink-3);font-weight:400}
[data-vertical="prospeccao"] .agenda-dia.ativo{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
[data-vertical="prospeccao"] .agenda-conta-dia{font-weight:400;font-size:14px;color:var(--ink-2)}
[data-vertical="prospeccao"] .agenda-cartao{min-width:0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .agenda-cartao-topo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}
[data-vertical="prospeccao"] .agenda-quem{display:flex;flex-direction:column;min-width:0}
[data-vertical="prospeccao"] .agenda-quem strong{font-size:16px}
[data-vertical="prospeccao"] .agenda-produto{font-size:14px;color:var(--ink-2)}
[data-vertical="prospeccao"] .agenda-cartao-topo .erp-tag{white-space:nowrap}
[data-vertical="prospeccao"] .agenda-detalhe{margin:0;font-size:14px;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
[data-vertical="prospeccao"] .agenda-motivo{margin:0;font-size:14px;color:var(--ink-2)}
[data-vertical="prospeccao"] .agenda-cartao.cancelada{opacity:.6;background:var(--sunken)}
[data-vertical="prospeccao"] .agenda-cartao.cancelada .agenda-quem strong{text-decoration:line-through}
[data-vertical="prospeccao"] .agenda-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;padding-top:8px;border-top:1px solid var(--line)}
[data-vertical="prospeccao"] .agenda-acoes form{margin:0}
[data-vertical="prospeccao"] .agenda-acoes .botao-linha{margin-top:0;min-height:40px}
/* Remarcar aberto ocupa a linha inteira, com o formulário embaixo. */
[data-vertical="prospeccao"] .agenda-acoes details[open]{flex-basis:100%;order:5}
[data-vertical="prospeccao"] .agenda-proxima{margin:12px 0 0;font-size:14px}
@media (max-width:600px){
[data-vertical="prospeccao"] .agenda-topo{flex-direction:column;align-items:stretch}
[data-vertical="prospeccao"] .agenda-topo > div{flex:none}
[data-vertical="prospeccao"] .agenda-nova{width:100%}
/* Ações em duas colunas iguais: Compareceu · Faltou / Remarcar · Cancelar sessão. */
[data-vertical="prospeccao"] .agenda-acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
[data-vertical="prospeccao"] .agenda-acoes :is(form,details,.botao-linha){min-width:0}
[data-vertical="prospeccao"] .agenda-acoes .botao-linha{width:100%;box-sizing:border-box}
[data-vertical="prospeccao"] .agenda-acoes summary.botao-linha{display:flex !important;justify-content:center}
[data-vertical="prospeccao"] .agenda-acoes details[open]{grid-column:1 / -1}
[data-vertical="prospeccao"] .agenda-acoes > :is(.erro-inline){grid-column:1 / -1}
[data-vertical="prospeccao"] .agenda-periodos .erp-chip{flex:1 1 auto;justify-content:center;padding:0 10px}
}
/* ── Conversas: experiência (plano 14.M) ─────────────────────────────────────
A conversa aberta no celular (390 px), medida com dados (B37): cabeçalho com
nome, selo e Assumir/Devolver numa linha só, sem nada cortado nem por cima;
a faixa da oportunidade quebra linha com o link inteiro; mensagem longa e
link sem espaços quebram dentro do balão; a foto nunca passa da largura do
balão; a barra de resposta fica presa embaixo (a de navegação some com a
conversa aberta, regra do núcleo). Os contêineres que rolam são a referência
do que é posicionado (`.sr-only` e afins não escapam da rolagem). */
[data-vertical="prospeccao"] :is(.zap-rolagem,.zap-fio-rolagem,.zap-fio-pe,.zap-fio-topo){position:relative}
/* `.chave` sem posição própria: o erro (abaixo) se ancora no cabeçalho inteiro. */
[data-vertical="prospeccao"] .zap-fio-topo .chave{flex:none;min-width:0;position:static}
[data-vertical="prospeccao"] .zap-fio-topo .chave form{margin:0}
[data-vertical="prospeccao"] .zap-fio-topo .chave .botao-linha{white-space:nowrap;margin-top:0}
/* O erro do Assumir/Devolver flutua embaixo do cabeçalho, em vez de espremer o nome. */
[data-vertical="prospeccao"] .zap-fio-topo .chave .erro-inline{position:absolute;top:100%;right:12px;left:auto;z-index:6;
max-width:calc(100% - 24px);margin-top:4px;padding:6px 10px;border-radius:10px;background:var(--crit-tint);
text-align:left;box-shadow:0 4px 16px rgba(0,0,0,.08)}
[data-vertical="prospeccao"] .bse-conversa-oport{flex:none;margin:0;border-radius:0;padding:8px 14px;font-size:12.5px;
line-height:1.45;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-conversa-oport a{white-space:nowrap}
/* O balão e o texto nunca passam da coluna: texto longo e link sem espaços quebram. */
[data-vertical="prospeccao"] .zap-fio-rolagem .msg{min-width:0;max-width:100%}
[data-vertical="prospeccao"] .zap-fio-rolagem .balao{min-width:0;overflow-wrap:anywhere;word-break:break-word}
[data-vertical="prospeccao"] .zap-fio-rolagem .balao p{max-width:100%}
/* A foto: do tamanho do balão, nunca maior que ele nem que a tela. */
[data-vertical="prospeccao"] .zap-fio-rolagem .midia-foto{max-width:min(260px,100%);flex:0 1 auto;min-width:0}
[data-vertical="prospeccao"] .zap-fio-rolagem .midia-foto img{max-width:100%;height:auto}
[data-vertical="prospeccao"] .zap-fio-pe .responder{min-width:0}
[data-vertical="prospeccao"] .zap-fio-pe .responder textarea{min-width:0}
@media (max-width:720px){
/* "Devolver", e não "Devolver à assistente": o rótulo curto só valia na barra
de baixo, e o longo espremia o nome da pessoa. */
[data-vertical="prospeccao"] .zap-fio-topo .rotulo-longo{display:none}
[data-vertical="prospeccao"] .zap-fio-topo .rotulo-curto{display:inline}
[data-vertical="prospeccao"] .zap-fio-topo{gap:6px}
[data-vertical="prospeccao"] .zap-fio-topo .zap-quem-botao{gap:8px;padding-right:4px}
[data-vertical="prospeccao"] .zap-fio-topo .chave .botao-linha{min-height:40px;padding:0 12px}
/* No celular o balão usa mais da linha (72% de 366 px dava 263 px de texto). */
[data-vertical="prospeccao"] .zap-fio-rolagem .balao{max-width:85%}
[data-vertical="prospeccao"] .zap-fio-rolagem .balao:has(.midia-foto){max-width:min(300px,85%)}
[data-vertical="prospeccao"] .bse-conversa-oport{padding:7px 12px}
}
/* A hora da conversa nunca quebra ("04:" / "44" com nome longo): a regra geral
`.quando{flex:0 1 auto}` (regra 3) deixava a hora encolher na lista. */
[data-vertical="prospeccao"] .zap-linha1 .quando,
[data-vertical="prospeccao"] .balao .quando{flex:none;white-space:nowrap}
/* ════════════════════════════════════════════════════════════════════════
DESIGN INSPIRADO NO BOTCONVERSA, NAS CORES DA BLACK-SE (decisão do Felipe,
02/10/2026). Referência: docs/blackse/design-botconversa.md.
Moldura: faixa de ícones que abre com os nomes; barra do topo com o título;
conteúdo em painéis brancos sobre cinza-claro. Componentes `.bc-*` para as
telas usarem.
════════════════════════════════════════════════════════════════════════ */
:root{
--bc-fundo:#F4F4F2; --bc-painel:#FFFFFF; --bc-borda:#E7E6E2; --bc-texto-2:#6B6862;
--bc-primaria:#141414; --bc-selecionado:#EDECE8; --bc-balao-saida:#EFEEEA;
--bc-raio:12px; --bc-raio-campo:10px; --bc-trilho:72px; --bc-trilho-aberto:224px; --bc-topo:64px;
}
body[data-vertical="prospeccao"]{background:var(--bc-fundo)}
.moldura.bc{background:var(--bc-fundo)}
/* ── a barra do topo (todas as larguras) ── */
.moldura.bc .bc-topo{display:flex;align-items:center;gap:12px;min-height:var(--bc-topo);
margin:0;padding:0 24px;background:var(--bc-painel);border-bottom:1px solid var(--bc-borda);
position:sticky;top:0;z-index:15}
.moldura.bc .bc-topo-titulo{margin:0;font-size:22px;font-weight:600;color:var(--ink);flex:1;min-width:0;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.moldura.bc .bc-topo .troca-app{margin:0}
.moldura.bc .conteudo{padding:0;display:flex;flex-direction:column;min-width:0}
.moldura.bc .bc-corpo{padding:24px;min-width:0;flex:1}
/* A troca CRM | Campo volta na tela cheia (Conversas): agora ela mora na barra
do topo, que fica FORA da caixa de conversas, sem cobrir nada. */
.moldura.bc.cheia .troca-app{display:flex;position:static}
.moldura.bc.cheia .conteudo{overflow:hidden}
.moldura.bc.cheia .bc-corpo{padding:16px;display:flex;min-height:0;overflow:hidden}
.moldura.bc.cheia .bc-corpo > *{flex:1;min-width:0;min-height:0}
/* ── computador: a faixa de ícones que abre com os nomes ── */
@media (min-width:721px){
.moldura.bc .barra{width:var(--bc-trilho);padding:12px 10px;gap:14px;background:var(--bc-painel);
border-right:1px solid var(--bc-borda);align-items:stretch;overflow:hidden;z-index:30;
transition:width .16s ease, margin-right .16s ease, box-shadow .16s ease}
.moldura.bc .barra .marca{display:none}
.moldura.bc .bc-marca{display:flex;align-items:center;justify-content:flex-start;height:44px;padding:2px 6px;border-radius:10px}
.moldura.bc .bc-marca-icone{width:40px;height:40px;border-radius:10px;flex:none}
.moldura.bc .barra ul{gap:6px}
.moldura.bc .barra a{height:44px;padding:0 13px;gap:14px;border-radius:10px;color:var(--ink-2);white-space:nowrap}
.moldura.bc .barra a svg{width:20px;height:20px;flex:none}
.moldura.bc .barra a span{opacity:0;transition:opacity .12s ease;font-size:15px}
.moldura.bc .barra a:hover{background:var(--bc-selecionado);color:var(--ink)}
.moldura.bc .barra a.atual{background:var(--bc-selecionado);color:var(--ink);font-weight:600}
/* Abre por cima do conteúdo, sem empurrá-lo (a margem negativa devolve o espaço). */
.moldura.bc .barra:hover,.moldura.bc .barra:focus-within{width:var(--bc-trilho-aberto);
margin-right:calc(var(--bc-trilho) - var(--bc-trilho-aberto));box-shadow:8px 0 24px rgba(20,20,20,.08)}
.moldura.bc .barra:hover a span,.moldura.bc .barra:focus-within a span{opacity:1}
/* A caixa da conta no pé: só o avatar fechada; nome e empresa ao abrir. */
.moldura.bc .barra .caixa-conta{margin-top:auto;width:auto}
.moldura.bc .barra .conta-botao{padding:6px;border-radius:10px;background:transparent;border:none}
.moldura.bc .barra .conta-textos,.moldura.bc .barra .conta-seta{opacity:0;transition:opacity .12s ease}
.moldura.bc .barra:hover .conta-textos,.moldura.bc .barra:hover .conta-seta,
.moldura.bc .barra:focus-within .conta-textos,.moldura.bc .barra:focus-within .conta-seta{opacity:1}
.moldura.bc .topo-celular{display:none}
}
/* ── celular: barra do topo compacta; a faixa é a fila de baixo (como antes) ── */
@media (max-width:720px){
.moldura.bc .bc-topo{flex-wrap:wrap;padding:8px 16px;min-height:0;gap:6px 10px}
.moldura.bc .bc-topo .topo-celular{display:flex;padding:0;order:0}
.moldura.bc .bc-topo .troca-app{order:1;margin-left:auto}
.moldura.bc .bc-topo-titulo{order:2;flex-basis:100%;font-size:20px}
/* O respiro de baixo deixa o fim da página ACIMA da barra de baixo (fixa). */
.moldura.bc .bc-corpo{padding:16px 14px calc(92px + env(safe-area-inset-bottom, 0px))}
.moldura.bc.cheia .bc-corpo{padding:0}
.moldura.bc .bc-marca{display:none}
.moldura.bc.cheia .bc-topo{display:none}
}
/* ── componentes para as telas ── */
.bc-painel{background:var(--bc-painel);border:1px solid var(--bc-borda);border-radius:var(--bc-raio);padding:20px;min-width:0}
.bc-painel + .bc-painel{margin-top:16px}
.bc-cabeca{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.bc-cabeca h1,.bc-cabeca h2{margin:0;font-size:24px;font-weight:600;flex:1;min-width:0}
.bc-cabeca .bc-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.bc-botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;
border-radius:var(--bc-raio-campo);background:var(--bc-primaria);color:#fff !important;border:1px solid var(--bc-primaria);
font:inherit;font-weight:600;text-decoration:none !important;cursor:pointer}
.bc-botao:hover{filter:brightness(1.25)}
.bc-botao.contorno{background:var(--bc-painel);color:var(--ink) !important;border-color:var(--bc-borda)}
.bc-botao.contorno:hover{background:var(--bc-selecionado);filter:none}
.bc-abas{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:var(--bc-selecionado);max-width:100%;overflow-x:auto;position:relative}
.bc-abas > a,.bc-abas > button{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:9px;border:none;
background:transparent;color:var(--ink-2) !important;font:inherit;font-weight:500;text-decoration:none !important;white-space:nowrap;cursor:pointer}
.bc-abas > .ativo,.bc-abas > [aria-current="page"],.bc-abas > [aria-selected="true"]{background:var(--bc-primaria);color:#fff !important}
.bc-busca{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:var(--bc-raio-campo);
background:var(--bc-selecionado);border:1px solid transparent;min-width:0;position:relative}
.bc-busca input{border:none;background:transparent;font:inherit;flex:1;min-width:0;outline:none}
.bc-busca:focus-within{border-color:var(--ink);background:var(--bc-painel)}
.bc-tabela-caixa{background:var(--bc-painel);border:1px solid var(--bc-borda);border-radius:var(--bc-raio);overflow-x:auto;position:relative}
.bc-tabela{width:100%;border-collapse:collapse;font-size:14px}
.bc-tabela th{text-align:left;font-weight:500;color:var(--bc-texto-2);padding:12px 16px;border-bottom:1px solid var(--bc-borda);white-space:nowrap}
.bc-tabela td{padding:12px 16px;border-bottom:1px solid var(--bc-borda);vertical-align:middle}
.bc-tabela tr:last-child td{border-bottom:none}
.bc-tabela tbody tr:hover{background:#FAFAF8}
.bc-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
font-weight:600;font-size:14px;color:#fff;flex:none;background:#8A8F98}
.bc-pessoa{display:flex;align-items:center;gap:12px;min-width:0}
.bc-pessoa strong{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-pessoa small{display:block;color:var(--bc-texto-2);font-size:12px}
.bc-secao{border-top:1px solid var(--bc-borda)}
.bc-secao > summary{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;cursor:pointer;font-weight:500;list-style:none}
.bc-secao > summary::-webkit-details-marker{display:none}
.bc-secao > summary::after{content:"+";font-size:20px;color:var(--bc-texto-2)}
.bc-secao[open] > summary::after{content:"–"}
.bc-secao > div{padding:0 4px 14px}
/* O segundo menu (Ajustes), como o de Configurações do BotConversa. */
.bc-dois{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.bc-submenu{position:sticky;top:calc(var(--bc-topo) + 16px);display:flex;flex-direction:column;gap:2px}
.bc-submenu h3{margin:14px 10px 6px;font-size:15px;font-weight:600}
.bc-submenu h3:first-child{margin-top:0}
.bc-submenu a{display:block;padding:8px 12px;border-radius:10px;color:var(--ink-2) !important;text-decoration:none !important;font-size:14px}
.bc-submenu a:hover{background:var(--bc-selecionado)}
.bc-submenu a.atual{background:var(--bc-selecionado);color:var(--ink) !important;font-weight:600}
@media (max-width:900px){ .bc-dois{grid-template-columns:minmax(0,1fr)} .bc-submenu{position:static} }
@media (max-width:720px){
.bc-tabela.vira-lista thead{display:none}
.bc-tabela.vira-lista tr{display:block;padding:12px 14px;border-bottom:1px solid var(--bc-borda)}
.bc-tabela.vira-lista td{display:block;padding:2px 0;border:none}
}
/* ════════════════════════════════════════════════════════════════════════
TELAS PÚBLICAS E JANELAS — padrão BotConversa nas cores da Black-se
(branch bc-publico, 02/10). Fora da moldura: a entrada e as telas de senha
(/entrar, /esqueci, /nova-senha, /trocar-senha), a galeria do cliente
(/galeria), o envio de fotos do fotógrafo (/envio) e a cobrança de teste
(/pagar/teste). E os diálogos: a janela dos cadastros curtos (janela.tsx)
e a confirmação vermelha (confirmar.tsx).
════════════════════════════════════════════════════════════════════════ */
/* ── entrada e senha: cartão branco no meio do cinza-claro ── */
.bc-entrada{min-height:100vh;min-height:100dvh;box-sizing:border-box;background:var(--bc-fundo);
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
padding:32px 16px calc(32px + env(safe-area-inset-bottom, 0px))}
body:has(.bc-entrada){background:var(--bc-fundo)}
.bc-entrada .cartao.entrar{width:100%;max-width:420px;margin:0;box-sizing:border-box;background:var(--bc-painel);
border:1px solid var(--bc-borda);border-radius:16px;box-shadow:0 1px 2px rgba(20,20,20,.04),0 12px 32px -16px rgba(20,20,20,.12);
padding:36px 32px 28px;display:flex;flex-direction:column}
.bc-entrada .logo-entrada{margin:0 0 20px}
.bc-entrada .logo-entrada img{height:60px}
.bc-entrada h1{font-size:22px;font-weight:600;text-align:center;margin:0 0 6px;letter-spacing:-.01em}
.bc-entrada-sub{margin:0 0 24px;text-align:center;color:var(--bc-texto-2);font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.bc-entrada form{display:flex;flex-direction:column;min-width:0}
.bc-entrada .campo{margin-bottom:16px;min-width:0}
.bc-entrada .campo > span{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:6px}
.bc-entrada .campo input{min-height:48px;padding:10px 14px;font-size:16px;border-radius:var(--bc-raio-campo);
border:1px solid var(--bc-borda);background:var(--bc-painel);color:var(--ink);max-width:100%}
.bc-entrada .campo input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,20,20,.08)}
.bc-entrada .botao{width:100%;min-height:50px;margin-top:8px;border-radius:var(--bc-raio-campo);background:var(--bc-primaria);
color:#fff;font-size:16px;font-weight:600;border:1px solid var(--bc-primaria);text-decoration:none}
.bc-entrada .botao:hover:not(:disabled){filter:brightness(1.25);background:var(--bc-primaria)}
.bc-entrada .botao:disabled{opacity:.6;cursor:default}
.bc-entrada .erro{border-radius:var(--bc-raio-campo);padding:12px 14px;font-size:14px;margin:0 0 16px;overflow-wrap:anywhere}
.bc-entrada-link{margin:18px 0 0;text-align:center;font-size:14px}
.bc-entrada-link a{color:var(--bc-texto-2) !important;text-decoration:none}
.bc-entrada-link a:hover{color:var(--ink) !important;text-decoration:underline;text-underline-offset:3px}
.bc-entrada-voltar{width:100%;max-width:420px}
.bc-entrada-respiro{height:16px}
@media (max-width:480px){
.bc-entrada{justify-content:flex-start;padding-top:24px}
.bc-entrada .cartao.entrar{padding:28px 20px 22px}
.bc-entrada .logo-entrada img{height:52px}
}
/* ── a casca das páginas públicas (pagina-publica.tsx) ── */
body:has(.publico){background:var(--bc-fundo)}
.publico{min-height:100vh;min-height:100dvh;background:var(--bc-fundo);color:var(--ink);overflow-x:clip}
.publico-topo{position:sticky;top:0;z-index:10;background:var(--bc-painel);border-bottom:1px solid var(--bc-borda)}
.publico-topo-dentro{max-width:1100px;margin:0 auto;min-height:64px;padding:0 16px;box-sizing:border-box;
display:flex;align-items:center}
.publico-logo{height:36px;width:auto;display:block}
.publico-corpo{max-width:1100px;margin:0 auto;box-sizing:border-box;padding:20px 16px 40px;
display:flex;flex-direction:column;gap:16px;min-width:0}
.publico h1{font-size:26px;font-weight:600;margin:0;letter-spacing:-.02em;overflow-wrap:anywhere}
.publico a:not(.botao):not(.botao-linha):not(.galeria-baixar):not(.erp-voltar){color:var(--ink);text-underline-offset:3px}
.publico-caixa{background:var(--bc-painel);border:1px solid var(--bc-borda);border-radius:var(--bc-raio);padding:20px;min-width:0}
.publico-sub{margin:6px 0 0;color:var(--bc-texto-2);font-size:15px;overflow-wrap:anywhere}
.publico-aviso{margin:0;padding:14px 16px;border-radius:var(--bc-raio);background:var(--warn-tint);color:var(--warn);
border:1px solid color-mix(in srgb, var(--warn) 20%, transparent);font-weight:500;overflow-wrap:anywhere}
.publico-caixa .publico-aviso{margin-top:12px}
.publico-ok{margin:0;padding:12px 14px;border-radius:var(--bc-raio-campo);background:var(--ok-tint);color:var(--ok);font-weight:500}
@media (min-width:721px){
.publico-corpo{padding:28px 24px 48px}
.publico-topo-dentro{padding:0 24px}
.galeria-barra{padding-left:max(24px, calc((100vw - 1100px) / 2 + 24px));padding-right:max(24px, calc((100vw - 1100px) / 2 + 24px))}
}
/* ── botões das páginas públicas: preto cheio e contorno, cantos de 10 px ── */
.publico .botao,.galeria-botao,.galeria-baixar,.galeria-marcar.ativo{
display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;
border-radius:var(--bc-raio-campo);background:var(--bc-primaria);color:#fff !important;border:1px solid var(--bc-primaria);
font:inherit;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;box-sizing:border-box}
.publico .botao-linha,.galeria-botao-linha,.galeria-marcar{
display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;
border-radius:var(--bc-raio-campo);background:var(--bc-painel);color:var(--ink) !important;border:1px solid var(--bc-borda);
font:inherit;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;box-sizing:border-box}
.publico .botao:hover:not(:disabled),.galeria-botao:hover:not(:disabled),.galeria-baixar:hover,.galeria-marcar.ativo:hover{
filter:brightness(1.25);background:var(--bc-primaria)}
.publico .botao-linha:hover:not(:disabled),.galeria-botao-linha:hover:not(:disabled),.galeria-marcar:not(.ativo):hover{
background:var(--bc-selecionado);color:var(--ink) !important;border-color:var(--bc-borda)}
.publico :is(.botao,.botao-linha):disabled,.galeria-botao:disabled,.galeria-botao-linha:disabled{opacity:.45;cursor:default}
/* ── galeria do cliente ── */
.galeria .publico-corpo{padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px))}
.galeria-caixa{background:var(--bc-painel);border:1px solid var(--bc-borda);border-radius:var(--bc-raio);padding:20px;min-width:0}
.galeria-caixa h1{margin-bottom:6px}
.galeria-ola{margin:0 0 2px;color:var(--bc-texto-2);font-size:15px}
.galeria-texto{margin:8px 0 0;color:var(--ink-2);font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.galeria-texto:first-child{margin-top:0}
.galeria-info{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:12px 0 4px}
.galeria-info li{padding:5px 12px;border-radius:999px;background:var(--bc-selecionado);color:var(--ink-2);font-size:13px;font-weight:500;
overflow-wrap:anywhere;min-width:0}
.galeria-info li.perto{background:var(--warn-tint);color:var(--warn)}
.galeria-pedidos{display:flex;flex-direction:column;gap:8px;border-left:4px solid var(--ink)}
.galeria-pedidos .galeria-texto{margin:0}
.galeria-alerta,.galeria-ok,.galeria-erro{margin:0;padding:14px 16px;border-radius:var(--bc-raio);font-weight:500;overflow-wrap:anywhere}
.galeria-alerta{background:var(--warn-tint);color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 20%, transparent)}
.galeria-ok{background:var(--ok-tint);color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 20%, transparent)}
.galeria-erro{background:var(--crit-tint);color:var(--crit);border:1px solid color-mix(in srgb, var(--crit) 20%, transparent)}
.galeria-acoes{display:flex;justify-content:flex-end}
@media (max-width:480px){ .galeria-acoes .galeria-botao{width:100%} }
/* a grade: cada foto num cartão branco, com as ações embaixo */
.galeria-grade{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){ .galeria-grade{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} }
@media (min-width:960px){ .galeria-grade{grid-template-columns:repeat(4,minmax(0,1fr))} }
.galeria-item{display:flex;flex-direction:column;min-width:0;background:var(--bc-painel);border:1px solid var(--bc-borda);
border-radius:var(--bc-raio);overflow:hidden;transition:border-color .12s ease, box-shadow .12s ease}
.galeria-item.marcada{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.galeria-foto{position:relative;display:block;padding:0;border:0;background:var(--bc-selecionado);aspect-ratio:3/4;cursor:zoom-in;width:100%}
.galeria-foto img{width:100%;height:100%;object-fit:cover;display:block}
.galeria-numero{position:absolute;left:8px;top:8px;min-width:24px;height:24px;padding:0 7px;box-sizing:border-box;border-radius:999px;
background:rgba(255,255,255,.92);color:var(--ink);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.galeria-check{position:absolute;right:8px;top:8px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;
font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.galeria-item-acoes{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:10px;min-height:44px}
.galeria-item-acoes > *{flex:1 1 auto;min-width:0}
.galeria-item-acoes :is(.galeria-marcar,.galeria-baixar){min-height:40px;padding:0 10px;font-size:14px}
.galeria-selo{flex:0 1 auto;font-size:13px;font-weight:600;color:var(--ok);background:var(--ok-tint);padding:4px 10px;border-radius:999px;text-align:center}
/* a barra de baixo (ensaio em estúdio): quantas, total e "Concluir escolha" */
.galeria-barra{position:fixed;left:0;right:0;bottom:0;z-index:12;display:flex;gap:12px;align-items:center;justify-content:space-between;
padding:12px max(16px, calc((100vw - 1100px) / 2 + 16px)) calc(12px + env(safe-area-inset-bottom, 0px));
background:var(--bc-painel);border-top:1px solid var(--bc-borda);box-shadow:0 -8px 24px -12px rgba(20,20,20,.12)}
.galeria-barra-total{font-size:15px;min-width:0;overflow-wrap:anywhere;color:var(--ink-2)}
.galeria-barra-total strong{color:var(--ink);font-size:18px}
.galeria-barra .galeria-botao{flex:none}
.galeria-rodape{background:var(--bc-painel);border:1px solid var(--bc-borda);border-radius:var(--bc-raio);padding:20px;min-width:0}
.galeria-rodape h2{font-size:17px;font-weight:600;margin:0 0 4px}
.galeria-dialogo-total{font-size:18px;margin:0 0 6px}
/* a foto grande: cabeçalho branco com "Foto 3 de 12" e o X, a foto no meio, as ações embaixo */
.galeria-grande{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;box-sizing:border-box;
background:var(--bc-fundo);color:var(--ink);display:none;flex-direction:column}
.galeria-grande[open]{display:flex}
.galeria-grande::backdrop{background:rgba(20,20,20,.55)}
.galeria-grande-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 12px 0 20px;
background:var(--bc-painel);border-bottom:1px solid var(--bc-borda);font-weight:600}
.galeria-grande-foto{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px}
.galeria-grande-foto img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;display:block}
.galeria-grande-acoes{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;
padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));background:var(--bc-painel);border-top:1px solid var(--bc-borda)}
.galeria-seta{width:48px;padding:0 !important;font-size:22px !important}
/* ── envio de fotos (fotógrafo) ── */
.envio .publico-corpo{max-width:640px}
.envio-sessao{font-size:17px;margin:8px 0 0;overflow-wrap:anywhere}
.envio-caixa{display:flex;flex-direction:column;gap:14px}
.envio-contagem{margin:0;font-size:16px;color:var(--ink-2)}
.envio-contagem strong{font-size:22px;color:var(--ink)}
.envio-barra{width:100%;height:8px;accent-color:var(--ink)}
.publico .envio-escolher{min-height:56px;font-size:16px}
/* também no CRM (Agenda → esteira → galeria): o input invisível cobre o botão */
.envio-escolher{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;min-height:52px}
.envio-escolher[aria-disabled="true"]{opacity:.6;cursor:default}
.envio-escolher input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.envio-erros{margin:0;padding:12px 14px 12px 32px;border-radius:var(--bc-raio-campo);background:var(--crit-tint);color:var(--crit);
font-size:13px;overflow-wrap:anywhere}
/* ── cobrança de teste (/pagar/teste, só o dono) ── */
.bse-pagar-teste .publico-corpo{max-width:520px}
.bse-pagar-teste .bse-modo-teste{margin:0;border-radius:var(--bc-raio)}
.bse-pagar-teste .erp-voltar{align-self:flex-start}
.bse-pagar-valor{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;margin:12px 0 18px}
.bse-pagar-acoes{display:flex;flex-direction:column;gap:10px}
.bse-pagar-acoes form{margin:0}
.bse-pagar-acoes :is(.botao,.botao-linha){width:100%;min-height:50px}
/* ── diálogos (confirmar.tsx, a pergunta da janela, a escolha da galeria):
cabeçalho com o título e o X, corpo, rodapé com os botões ── */
.erp-confirmar{background:var(--bc-painel);color:var(--ink);border:1px solid var(--bc-borda);border-radius:var(--bc-raio);
box-shadow:0 24px 48px -12px rgba(20,20,20,.25)}
.erp-confirmar::backdrop,.bc-dialogo::backdrop{background:rgba(20,20,20,.45)}
.bc-dialogo{padding:0;width:min(440px,calc(100vw - 32px));max-width:none;box-sizing:border-box;background:var(--bc-painel);color:var(--ink);
border:1px solid var(--bc-borda);border-radius:var(--bc-raio);box-shadow:0 24px 48px -12px rgba(20,20,20,.25);overflow:hidden}
.bc-dialogo > form{margin:0}
.bc-dialogo-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px 14px 20px;
border-bottom:1px solid var(--bc-borda);min-width:0}
.bc-dialogo-topo h2,.bc-dialogo-topo .erp-confirmar-pergunta{margin:0;font-size:17px;font-weight:600;line-height:1.35;
flex:1;min-width:0;overflow-wrap:anywhere}
.bc-dialogo-fechar{flex:none;width:40px;height:40px;border-radius:var(--bc-raio-campo);border:none;background:transparent;
color:var(--bc-texto-2);font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.bc-dialogo-fechar:hover{background:var(--bc-selecionado);color:var(--ink)}
.bc-dialogo-corpo{padding:16px 20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.bc-dialogo-corpo p{margin:0;color:var(--ink-2);overflow-wrap:anywhere}
.bc-dialogo-corpo :is(input,select,textarea){max-width:100%;box-sizing:border-box}
.bc-dialogo-corpo .campo{margin:0}
.bc-dialogo-rodape{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin:0;padding:14px 20px;
border-top:1px solid var(--bc-borda);background:#FAFAF8}
.bc-dialogo .bc-dialogo-rodape :is(.botao,.botao-linha,.galeria-botao,.galeria-botao-linha){width:auto;min-height:42px;padding:0 18px;
border-radius:var(--bc-raio-campo);margin:0;font-size:15px}
.bc-dialogo .bc-dialogo-rodape .botao-linha{background:var(--bc-painel);color:var(--ink);border:1px solid var(--bc-borda)}
.bc-dialogo .bc-dialogo-rodape .botao-linha:hover:not(:disabled){background:var(--bc-selecionado);color:var(--ink)}
.bc-dialogo .bc-dialogo-rodape .botao.perigo{background:var(--crit);border:1px solid var(--crit);color:#fff}
@media (max-width:420px){
.bc-dialogo .bc-dialogo-rodape > *{flex:1 1 0}
}
/* ── a janela dos cadastros curtos (janela.tsx): o mesmo cabeçalho, parado no topo ── */
.erp-janela{background:var(--bc-painel);border:1px solid var(--bc-borda);border-radius:var(--bc-raio);
box-shadow:0 24px 48px -12px rgba(20,20,20,.25)}
.erp-janela-dentro{padding:0}
.erp-janela-topo{margin:0;padding:12px 12px 12px 20px;background:var(--bc-painel);border-bottom:1px solid var(--bc-borda)}
.erp-janela-topo h2{font-size:18px;font-weight:600}
.erp-janela-fechar{width:40px;height:40px;border:none;border-radius:var(--bc-raio-campo);background:transparent;
color:var(--bc-texto-2);font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.erp-janela-fechar:hover{background:var(--bc-selecionado);color:var(--ink);border:none}
.erp-janela-corpo{padding:20px}
@media (max-width:390px){
.erp-janela{border:none;border-radius:0}
.erp-janela-dentro{padding:0}
.erp-janela-corpo{padding:16px 16px 24px}
}
/* ════════════════════════════════════════════════════════════════════════
CONTATOS NO PADRÃO BOTCONVERSA (02/10) — lista (filtros rápidos à esquerda,
Filtros + Busca, tabela) e a ficha (cabeçalho com avatar e seções que abrem
e fecham). Só seletores `.ct-*`.
════════════════════════════════════════════════════════════════════════ */
/* Estado vazio: uma frase e um botão (orientação do Felipe, 02/10). */
.ct-vazio{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ct-vazio p{margin:0;color:var(--ink-2)}
.ct-secao .ct-vazio{flex-direction:row;align-items:center;flex-wrap:wrap}
.ct-dois{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}
.ct-rapidos{position:sticky;top:calc(var(--bc-topo) + 16px)}
.ct-rapidos-titulo{margin:0 0 4px;font-size:16px;font-weight:600}
.ct-rapidos .ct-grupo{margin:16px 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bc-texto-2)}
.ct-rapidos ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ct-rapidos a{display:block;padding:7px 10px;border-radius:var(--bc-raio-campo);color:var(--ink-2) !important;text-decoration:none !important;font-size:14px}
.ct-rapidos a:hover{background:var(--bc-selecionado)}
.ct-rapidos a.ativo{background:var(--bc-selecionado);color:var(--ink) !important;font-weight:600}
.ct-lista{min-width:0}
.ct-barra{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.ct-busca{margin-left:auto;flex:0 1 320px}
.ct-lupa{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--bc-texto-2);
padding:4px;cursor:pointer;border-radius:8px}
.ct-lupa:hover{color:var(--ink)}
.ct-filtros{position:relative}
.ct-filtros > summary{list-style:none}
.ct-filtros > summary::-webkit-details-marker{display:none}
.ct-bolinha{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
background:#fff;color:var(--ink);font-size:12px}
.ct-filtros-caixa{position:absolute;left:0;top:calc(100% + 8px);z-index:20;width:min(320px, calc(100vw - 32px));
display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 32px rgba(20,20,20,.12)}
.ct-filtros-caixa .campo{margin:0}
.ct-filtros-pe{display:flex;gap:8px;justify-content:flex-end}
.ct-tabela .ct-quem{min-width:220px}
.ct-tabela .ct-nome{display:block;min-width:0}
.ct-tabela .ct-nome a{color:var(--ink) !important;text-decoration:none !important}
.ct-tabela .ct-nome a:hover{text-decoration:underline !important}
.ct-tabela .ct-meta{color:var(--ink-2);white-space:nowrap}
/* Cabe sem rolar para o lado num notebook (1280 px, Felipe, 02/10): as
colunas de dados quebram a linha em vez de empurrar a tabela. */
@media (min-width:721px) and (max-width:1440px){
.ct-tabela th,.ct-tabela td{padding-left:12px;padding-right:12px}
.ct-tabela th{white-space:normal}
.ct-tabela .ct-quem{min-width:180px}
.ct-tabela .ct-meta{white-space:normal}
}
.ct-tabela .ct-mais{width:44px;text-align:right}
.ct-tres{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--bc-texto-2) !important}
.ct-tres:hover{background:var(--bc-selecionado);color:var(--ink) !important}
.ct-so-celular{display:none}
.ct-teto{margin:10px 2px}
@media (max-width:900px){
.ct-dois{grid-template-columns:minmax(0,1fr)}
.ct-rapidos{display:none}
}
@media (max-width:720px){
.ct-cabeca .bc-acoes{margin-left:0;width:100%}
.ct-cabeca .bc-acoes .bc-botao{flex:1}
.ct-busca{flex:1 1 100%;order:-1;margin-left:0}
/* A tabela vira lista: o nome em cima (a linha toda abre a ficha), os
dados em selos embaixo; o ⋮ no canto. */
.ct-tabela.vira-lista tr{position:relative;padding-right:48px}
.ct-tabela .ct-quem{min-width:0}
.ct-tabela .ct-nome a::after{content:"";position:absolute;inset:0}
.ct-tabela.vira-lista td.ct-meta{display:inline-block;margin:6px 10px 0 0;font-size:13px;white-space:normal}
.ct-tabela.vira-lista td.ct-meta.vazio{display:none}
.ct-tabela.vira-lista td.ct-mais{position:absolute;top:14px;right:10px;width:auto;padding:0}
.ct-tabela.vira-lista td.ct-quem{padding-left:0}
.ct-so-celular{display:inline}
}
/* ── a ficha (pessoa e empresa) ── */
.ct-ficha{max-width:820px;padding:8px 20px 4px}
.ct-ficha-cabeca{display:flex;align-items:center;gap:14px;padding:12px 0 16px}
.ct-avatar-grande{width:56px;height:56px;font-size:18px}
.ct-ficha-nome{flex:1;min-width:0}
.ct-ficha-nome h1{margin:0;font-size:22px;font-weight:600;overflow-wrap:anywhere}
.ct-ficha-nome .erp-sub{margin:2px 0 0}
.ct-ficha-acoes{display:flex;gap:8px;align-items:center;align-self:flex-start;margin-top:4px}
.ct-icone{width:40px;padding:0 !important}
.ct-menu{position:relative}
.ct-menu > summary{list-style:none}
.ct-menu > summary::-webkit-details-marker{display:none}
.ct-menu > ul{position:absolute;right:0;top:calc(100% + 6px);z-index:20;list-style:none;margin:0;padding:6px;min-width:220px;
box-shadow:0 12px 32px rgba(20,20,20,.12)}
.ct-menu > ul a{display:block;padding:9px 12px;border-radius:8px;color:var(--ink) !important;text-decoration:none !important;font-size:14px}
.ct-menu > ul a:hover{background:var(--bc-selecionado)}
.ct-secao > summary .ct-secao-titulo{display:inline-flex;align-items:center;gap:10px}
.ct-secao-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;
background:var(--bc-selecionado);color:var(--ink-2);font-size:12px;font-weight:600}
.ct-sub{margin:12px 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bc-texto-2)}
.ct-secao .ct-sub:first-child{margin-top:0}
.ct-dados{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0 0 8px}
.ct-dados > div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:6px 0}
.ct-dados dt{font-size:13px;color:var(--bc-texto-2)}
.ct-dados dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.ct-genero{display:flex;align-items:center;gap:8px;margin:0}
.ct-genero select{font:inherit;font-size:14px;padding:4px 28px 4px 10px;min-height:34px;border:1px solid var(--bc-borda);
border-radius:var(--bc-raio-campo);background:var(--bc-painel);color:var(--ink);max-width:100%}
.ct-pessoas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ct-pessoas .ct-nome{flex:1;min-width:0}
.ct-pessoas .ct-nome a{color:var(--ink) !important}
@media (max-width:720px){
.ct-ficha{padding:4px 14px 2px}
.ct-ficha-cabeca{flex-wrap:wrap}
.ct-avatar-grande{width:48px;height:48px;font-size:16px}
.ct-ficha-nome h1{font-size:20px}
.ct-dados > div{grid-template-columns:minmax(0,1fr);gap:2px}
}
/* ════════════════════════════════════════════════════════════════════════
CAMPO E MINHA CONTA NO PADRÃO BOTCONVERSA (02/10) — Mapa, Visitas,
Empresas, Meu dia, Pastas, a ficha da empresa e Minha conta. Painéis
brancos, ação preta à direita, pílulas, tabelas que viram lista no
celular. Só seletores `.cp-*` (e os `.ct-*` reaproveitados de Contatos).
════════════════════════════════════════════════════════════════════════ */
.cp-cabeca{justify-content:flex-end}
.cp-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;
background:var(--bc-primaria);color:#fff;font-size:12px;font-weight:600}
.cp-alerta{border-color:var(--ink) !important}
/* filtros: a busca e as pílulas */
.cp-mapa-filtros,.cp-filtros{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;min-width:0}
.cp-mapa-busca,.cp-busca{max-width:420px}
.cp-mapa-busca svg{color:var(--bc-texto-2);flex:none}
[data-vertical="prospeccao"] .cp-pilulas{display:flex;flex-wrap:wrap;gap:8px;margin:0;min-width:0}
[data-vertical="prospeccao"] .cp-pilulas .cp-pilula,
[data-vertical="prospeccao"] .bse-filtros select.cp-pilula{display:inline-flex;align-items:center;gap:0;min-height:36px;padding:0 14px;
border-radius:999px;border:1px solid var(--bc-borda);background:var(--bc-painel);color:var(--ink-2) !important;
font:inherit;font-size:14px;font-weight:500;text-decoration:none !important;white-space:nowrap;cursor:pointer;flex:none;max-width:none}
[data-vertical="prospeccao"] .cp-pilulas .cp-pilula:hover{background:var(--bc-selecionado)}
[data-vertical="prospeccao"] .cp-pilulas .cp-pilula.ativo{background:var(--bc-primaria);border-color:var(--bc-primaria);color:#fff !important}
[data-vertical="prospeccao"] .cp-pilulas .cp-pilula.ativo .bse-pino.mini{border-color:#fff}
[data-vertical="prospeccao"] .cp-pilulas select.cp-pilula{appearance:auto;padding-right:10px}
[data-vertical="prospeccao"] .cp-pilulas .cp-limpar{border-style:dashed}
@media (max-width:720px){
/* No celular as pílulas viram UMA faixa que rola de lado, dentro dela mesma. */
[data-vertical="prospeccao"] .cp-pilulas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;position:relative}
.cp-mapa-busca,.cp-busca{max-width:none}
}
/* o mapa num painel grande */
[data-vertical="prospeccao"] .cp-mapa-painel{padding:8px}
[data-vertical="prospeccao"] .cp-mapa-painel .bse-mapa{box-shadow:none;border-radius:8px}
[data-vertical="prospeccao"] .cp-mapa-painel .bse-contagem{margin:8px 6px 2px}
[data-vertical="prospeccao"] .bse-proximas.bc-tabela-caixa{margin-top:16px}
.cp-legenda-tabela{caption-side:top;text-align:left;padding:12px 16px 4px;font-weight:600}
.cp-dist{text-align:right;color:var(--bc-texto-2);white-space:nowrap}
/* as tabelas do Campo */
.cp-tabela .cp-principal{min-width:200px}
.cp-tabela .cp-principal a{color:var(--ink) !important;text-decoration:none !important;font-weight:500}
.cp-tabela .cp-principal a:hover{text-decoration:underline !important}
.cp-tabela .cp-principal .bse-bolinha{margin-right:10px}
.cp-tabela .cp-meta{color:var(--ink-2);white-space:nowrap}
.cp-tabela .cp-acao{text-align:right;width:1%}
.cp-selo{margin-left:8px}
@media (max-width:720px){
.cp-tabela.vira-lista tr{position:relative}
.cp-tabela .cp-principal{min-width:0}
.cp-tabela.vira-lista td.cp-meta{display:inline-block;margin:6px 10px 0 0;font-size:13px}
.cp-tabela.vira-lista td.cp-meta.vazio{display:none}
.cp-tabela.vira-lista td.cp-acao{position:absolute;top:8px;right:10px;width:auto}
}
/* blocos em painéis (Visitas, Meu dia) e as listas dentro deles */
.cp-bloco{margin:0 0 16px}
.bc-painel.cp-bloco + .bc-painel.cp-bloco{margin-top:0}
.cp-titulo{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:17px;font-weight:600}
.cp-cartoes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cp-cartoes > .bc-painel + .bc-painel{margin-top:0}
.cp-lista{list-style:none;margin:0;padding:0}
.cp-item{padding:12px 0;border-top:1px solid var(--bc-borda)}
.cp-item:first-child{border-top:none;padding-top:0}
.cp-item:last-child{padding-bottom:0}
.cp-item-topo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 6px}
.cp-item-nome{flex:1;min-width:0;font-weight:500;overflow-wrap:anywhere}
.cp-item-nome a{color:var(--ink) !important}
.cp-item-quando{color:var(--bc-texto-2);font-size:13px;white-space:nowrap}
.cp-item-obs{margin:6px 0 0}
.cp-registrar{margin-top:10px}
.cp-registrar > summary{list-style:none;min-height:36px;font-size:14px}
.cp-registrar > summary::-webkit-details-marker{display:none}
.cp-registrar[open] > summary{margin-bottom:8px}
.cp-falta{margin:0 0 10px;font-weight:600;color:var(--crit)}
/* a ficha da empresa (Campo) */
.cp-ficha-cabeca{align-items:center}
.cp-ficha-cabeca .ct-ficha-nome h1{font-size:22px}
[data-vertical="prospeccao"] .bse-coluna > .bc-painel + .bc-painel{margin-top:0}
[data-vertical="prospeccao"] .bse-ficha .bc-painel h3{margin:0 0 10px;font-size:16px;font-weight:600}
/* Minha conta, como as Configurações do BotConversa */
.cp-conta{max-width:640px}
.cp-conta .ct-ficha-cabeca{padding-top:0}
.cp-conta-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
[data-vertical="prospeccao"] .cp-nova-pasta{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
[data-vertical="prospeccao"] .cp-nova-pasta .campo{margin:0;flex:1 1 180px;min-width:0}
[data-vertical="prospeccao"] .cp-nova-pasta .pe-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media (max-width:720px){
.cp-ficha-cabeca .bc-acoes{width:100%}
.cp-ficha-cabeca .bc-acoes .bc-botao{flex:1}
.cp-cabeca .bc-acoes{width:100%;margin-left:0}
.cp-cabeca .bc-acoes .bc-botao{flex:1 1 auto}
}
/* ════════════════════════════════════════════════════════════════════════
FUNIL E AGENDA NO DESIGN DO BOTCONVERSA (redesenho de 02/10, S265–S269).
Funil = o Kanban: painel branco com o seletor do quadro (o produto) à
esquerda e busca, "Precisam de mim", Filtros e "+" à direita; colunas
cinza com nome, contagem e "⋮"; cartões brancos simples. Ficha da
oportunidade com seções que abrem e fecham. Agenda: abas Agenda | Esteira
| Eventos, a faixa de dias com ‹ › e um ponto nos dias com sessão, e a
lista do dia em linhas. Só seletores do Funil e da Agenda.
════════════════════════════════════════════════════════════════════════ */
[data-vertical="prospeccao"] .funil-conta{font-size:14px;font-weight:500;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .funil-pequeno{min-height:32px;padding:0 12px;font-size:13px}
[data-vertical="prospeccao"] .funil-quebra{overflow-wrap:anywhere;min-width:0}
/* ── o painel do quadro e o topo dele ── */
[data-vertical="prospeccao"] .funil-painel{padding:0;overflow:hidden}
[data-vertical="prospeccao"] .funil-painel > .funil-cabeca{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 12px;
margin:0;padding:14px 20px;border-bottom:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .funil-painel > .funil-buscando{padding:10px 20px 0}
[data-vertical="prospeccao"] .funil-cabeca .funil-troca{flex:0 1 auto;margin:0;min-width:0}
[data-vertical="prospeccao"] .funil-cabeca .funil-troca select{width:auto;max-width:100%;min-height:40px;border:none;
background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23141414' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;
-webkit-appearance:none;appearance:none;padding:0 32px 0 10px;border-radius:var(--bc-raio-campo);
font:inherit;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;text-overflow:ellipsis}
[data-vertical="prospeccao"] .funil-cabeca .funil-troca select:hover{background-color:var(--bc-selecionado)}
[data-vertical="prospeccao"] .funil-cabeca-acoes{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;
gap:8px;margin-left:auto;min-width:0}
[data-vertical="prospeccao"] .funil-cabeca .funil-busca{flex:0 1 260px;max-width:none;margin:0;min-width:0}
[data-vertical="prospeccao"] .funil-busca .bc-busca{margin:0}
[data-vertical="prospeccao"] .funil-busca .bc-busca svg{flex:none;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .funil-busca .bc-busca input{min-height:38px;padding:0;border-radius:0;background:transparent;font-size:15px}
[data-vertical="prospeccao"] .funil-cabeca .funil-atalhos{flex:0 1 auto;margin:0;padding:0;gap:8px}
[data-vertical="prospeccao"] .funil-cabeca .funil-atalhos .erp-chip{height:40px;padding:0 14px;border-radius:var(--bc-raio-campo);
border-color:var(--bc-borda);font-size:14px;font-weight:500;white-space:nowrap}
[data-vertical="prospeccao"] .funil-cabeca .funil-atalhos .erp-chip.ativo{background:var(--bc-primaria);border-color:var(--bc-primaria);color:#fff !important}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros{display:contents}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros-botao{display:inline-flex;margin:0;flex:none;padding:0 14px}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros-campos{display:none;flex:1 0 100%;order:10}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros.aberto .funil-filtros-campos{display:flex;justify-content:flex-end}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros-campos .campo{width:240px;max-width:100%;margin:0}
[data-vertical="prospeccao"] .funil-cabeca .funil-mais{width:40px;min-width:40px;padding:0;flex:none;margin:0}
/* No computador, busca, "Precisam de mim", Filtros e "+" numa linha só (Felipe, 02/10);
só quebra quando os Filtros estão abertos (o campo do canal desce). */
@media (min-width:721px){
[data-vertical="prospeccao"] .funil-painel > .funil-cabeca{flex-wrap:nowrap}
[data-vertical="prospeccao"] .funil-cabeca-acoes{flex:1 1 auto;flex-wrap:nowrap}
[data-vertical="prospeccao"] .funil-cabeca-acoes:has(.funil-filtros.aberto){flex-wrap:wrap}
[data-vertical="prospeccao"] .funil-cabeca .funil-atalhos{flex:none;flex-wrap:nowrap;overflow:visible}
}
/* ── "Follow-ups de hoje" e "Precisa de você": painel discreto, linhas ── */
[data-vertical="prospeccao"] .funil-hoje{padding:12px 20px;margin:0 0 16px;gap:6px}
[data-vertical="prospeccao"] .funil-hoje-cabeca{display:flex;align-items:baseline;gap:8px}
[data-vertical="prospeccao"] .funil-hoje h2,[data-vertical="prospeccao"] .funil-avisos h2{margin:0;font-size:15px;font-weight:600}
[data-vertical="prospeccao"] :is(.funil-hoje-lista,.funil-avisos-lista){list-style:none;margin:0;padding:0;max-height:300px;
overflow-y:auto;position:relative}
[data-vertical="prospeccao"] :is(.funil-hoje-lista,.funil-avisos-lista) > li{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;
gap:6px 12px;padding:10px 0;border:0;border-top:1px solid var(--bc-borda);border-radius:0;background:none;min-width:0}
[data-vertical="prospeccao"] :is(.funil-hoje-lista,.funil-avisos-lista) > li:first-child{border-top:0}
[data-vertical="prospeccao"] .funil-hoje-quem{display:flex;flex-direction:column;gap:2px;flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .funil-hoje-quem a,[data-vertical="prospeccao"] .funil-hoje-quem strong{font-weight:600;color:var(--ink) !important;text-decoration:none}
[data-vertical="prospeccao"] .funil-hoje-quem a:hover{text-decoration:underline}
[data-vertical="prospeccao"] .funil-hoje-quem small{font-size:12px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .funil-hoje-selos{display:flex;flex-wrap:wrap;gap:6px}
[data-vertical="prospeccao"] .funil-hoje-lista .bse-followup-acoes{margin:0}
[data-vertical="prospeccao"] .funil-avisos{padding:16px 20px;margin:0}
[data-vertical="prospeccao"] .funil-avisos-acoes{display:flex;flex-wrap:wrap;gap:8px}
[data-vertical="prospeccao"] .funil-avisos-acoes form{margin:0}
/* ── as colunas e os cartões ── */
[data-vertical="prospeccao"] .funil-painel .funil{padding:0 20px}
[data-vertical="prospeccao"] .funil-painel .funil-trilho{gap:12px;padding:16px 0 20px}
[data-vertical="prospeccao"] .funil-painel .funil-coluna{flex:0 0 280px;gap:8px;padding:12px;border-radius:var(--bc-raio);
background:var(--bc-fundo);border:2px dashed transparent;min-height:180px}
[data-vertical="prospeccao"] .funil-painel .funil-coluna.vazia{flex:0 0 200px;min-height:180px}
[data-vertical="prospeccao"] .funil-painel .funil-coluna.alvo{border-color:var(--ink)}
[data-vertical="prospeccao"] .funil-painel .funil-coluna.recusa{border-color:var(--crit);background:var(--crit-tint)}
[data-vertical="prospeccao"] .funil-coluna-cabeca{display:flex !important;align-items:center;gap:8px;min-height:32px;position:relative}
[data-vertical="prospeccao"] .funil-coluna-cabeca h2{margin:0;font-size:15px !important;font-weight:600;min-width:0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .funil-coluna-menu{margin-left:auto;flex:none}
[data-vertical="prospeccao"] .funil-coluna-menu > summary{list-style:none;display:grid;place-items:center;width:30px;height:30px;
border-radius:8px;color:var(--bc-texto-2);cursor:pointer}
[data-vertical="prospeccao"] .funil-coluna-menu > summary::-webkit-details-marker{display:none}
[data-vertical="prospeccao"] .funil-coluna-menu > summary:hover,[data-vertical="prospeccao"] .funil-coluna-menu[open] > summary{background:var(--bc-selecionado);color:var(--ink)}
[data-vertical="prospeccao"] .funil-coluna-opcoes{position:absolute;right:0;top:calc(100% + 4px);z-index:6;display:flex;flex-direction:column;
width:max-content;max-width:100%;padding:6px;background:var(--bc-painel);border:1px solid var(--bc-borda);border-radius:10px;
box-shadow:0 8px 24px rgba(20,20,20,.12)}
[data-vertical="prospeccao"] .funil-coluna-opcoes a{padding:8px 10px;border-radius:8px;color:var(--ink) !important;text-decoration:none;font-size:14px}
[data-vertical="prospeccao"] .funil-coluna-opcoes a:hover{background:var(--bc-selecionado)}
[data-vertical="prospeccao"] .funil-painel .funil-cartao{position:relative;gap:6px;padding:12px;border-radius:10px;
background:var(--bc-painel);border:1px solid var(--bc-borda);box-shadow:0 1px 2px rgba(20,20,20,.04)}
[data-vertical="prospeccao"] .funil-painel .funil-cartao:hover{border-color:#D6D4CE}
[data-vertical="prospeccao"] .funil-cartao-quem{display:flex;align-items:center;gap:8px;min-width:0}
[data-vertical="prospeccao"] .funil-painel .funil-cartao .erp-card-nome{font-size:15px;font-weight:600;min-width:0}
[data-vertical="prospeccao"] .funil-cartao-desc{font-size:13px;color:var(--bc-texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
[data-vertical="prospeccao"] .funil-painel .funil-nota{font-size:12px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .funil-cartao-pe{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-width:0}
[data-vertical="prospeccao"] .funil-cartao-pe .erp-tags{gap:4px;min-width:0}
[data-vertical="prospeccao"] .funil-cartao-pe .erp-tag{font-size:11px;padding:2px 7px}
[data-vertical="prospeccao"] .funil-painel .funil-parado{font-size:11px;color:var(--bc-texto-2);flex:none}
[data-vertical="prospeccao"] .funil-mover-icone{display:none}
[data-vertical="prospeccao"] .funil-adicionar{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;
border-radius:10px;color:var(--bc-texto-2) !important;text-decoration:none !important;font-size:14px;font-weight:500}
[data-vertical="prospeccao"] .funil-adicionar:hover{background:var(--bc-selecionado);color:var(--ink) !important}
/* Computador (com mouse): o "Mover para…" vira um ícone pequeno no canto do
cartão — o fica invisível por cima do ícone e abre a lista nativa
(teclado e leitor de tela continuam usando o mesmo campo). */
@media (min-width:721px) and (hover:hover){
[data-vertical="prospeccao"] .funil-painel .funil-mover{position:absolute;top:10px;right:10px;width:28px;height:28px;margin:0;
display:grid;place-items:center;border-radius:8px;color:var(--bc-texto-2);opacity:.55}
[data-vertical="prospeccao"] .funil-painel .funil-cartao:hover .funil-mover{opacity:1}
[data-vertical="prospeccao"] .funil-painel .funil-mover:hover{background:var(--bc-selecionado);color:var(--ink)}
[data-vertical="prospeccao"] .funil-painel .funil-mover:focus-within{opacity:1;outline:2px solid var(--ink);outline-offset:1px}
[data-vertical="prospeccao"] .funil-painel .funil-mover-icone{display:block;pointer-events:none}
[data-vertical="prospeccao"] .funil-painel .funil-mover select{position:absolute;inset:0;width:100%;height:100%;min-height:0;
opacity:0;cursor:pointer;padding:0;border:0}
[data-vertical="prospeccao"] .funil-painel .funil-cartao-quem{padding-right:30px}
}
/* ── a ficha da oportunidade ── */
[data-vertical="prospeccao"] .funil-ficha{max-width:760px;padding:20px 20px 6px}
[data-vertical="prospeccao"] .funil-ficha-cabeca{display:flex;align-items:center;gap:14px;margin:0 0 14px;min-width:0}
[data-vertical="prospeccao"] .funil-ficha-nome{min-width:0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .funil-ficha-nome h1{margin:0;font-size:22px;font-weight:600}
[data-vertical="prospeccao"] .funil-ficha-nome .erp-sub{font-size:14px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .funil-ficha :is(.erp-escalado,.erp-automatico){border-radius:10px;margin:0 0 14px}
[data-vertical="prospeccao"] .funil-secao-titulo{display:inline-flex;align-items:center;gap:8px;min-width:0}
[data-vertical="prospeccao"] .funil-secao-titulo .funil-conta{font-size:12px;font-weight:600;color:var(--ink-2);background:var(--bc-selecionado);
padding:2px 8px;border-radius:999px}
[data-vertical="prospeccao"] .funil-secao-corpo{display:flex;flex-direction:column;gap:10px;min-width:0}
[data-vertical="prospeccao"] .funil-secao-corpo > .bse-aviso{margin:0}
[data-vertical="prospeccao"] .funil-campo-rotulo{margin:0;font-size:13px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .funil-ficha-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}
[data-vertical="prospeccao"] .funil-ficha-acoes > form{flex:1 1 240px;min-width:0}
[data-vertical="prospeccao"] .funil-dados{display:flex;flex-direction:column;gap:6px;margin:0}
[data-vertical="prospeccao"] .funil-dados > div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:baseline}
[data-vertical="prospeccao"] .funil-dados dt{font-size:13px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .funil-dados dd{margin:0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .funil-dados-brinde dd{font-weight:600}
[data-vertical="prospeccao"] .funil-linhas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
[data-vertical="prospeccao"] .funil-linhas > li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;
padding:10px 0;border:0;border-top:1px solid var(--bc-borda);border-radius:0;background:none;min-width:0}
[data-vertical="prospeccao"] .funil-linhas > li:first-child{border-top:0}
[data-vertical="prospeccao"] .funil-linhas > li.bse-followup{flex-direction:column;align-items:stretch}
[data-vertical="prospeccao"] .esteira-bloco-secao .esteira-resumo{margin-top:0}
@media (max-width:600px){
[data-vertical="prospeccao"] .funil-dados > div{grid-template-columns:minmax(0,1fr);gap:0}
}
/* ── Novo lead e Importar planilha: um painel branco ── */
[data-vertical="prospeccao"] .funil-pagina .bc-cabeca{flex-direction:column;align-items:flex-start;gap:4px}
[data-vertical="prospeccao"] .funil-pagina-sub{margin:0}
[data-vertical="prospeccao"] .funil-pagina .erp-form{border:none;background:none;padding:0;margin-top:12px}
[data-vertical="prospeccao"] .funil-titulo-painel{margin:0 0 12px;font-size:16px;font-weight:600}
/* ── celular: o topo do quadro em linhas; as abas das etapas ── */
@media (max-width:720px){
[data-vertical="prospeccao"] .funil-painel > .funil-cabeca{padding:12px 14px;gap:8px}
[data-vertical="prospeccao"] .funil-painel .funil-cabeca-acoes{display:contents}
[data-vertical="prospeccao"] .funil-cabeca .funil-troca{order:0;flex:1 1 0}
[data-vertical="prospeccao"] .funil-cabeca .funil-troca select{width:100%}
[data-vertical="prospeccao"] .funil-cabeca .funil-mais{order:1;margin:0}
[data-vertical="prospeccao"] .funil-cabeca .funil-busca{order:2;flex:1 0 100%}
[data-vertical="prospeccao"] .funil-busca .bc-busca input{font-size:16px}
[data-vertical="prospeccao"] .funil-cabeca .funil-atalhos{order:3;flex:1 1 0;min-width:0}
[data-vertical="prospeccao"] .funil-cabeca .funil-atalhos .erp-chip{height:36px;font-size:13px;padding:0 12px}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros-botao{order:4;min-height:36px;margin-left:auto}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros-campos{order:5}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros.aberto .funil-filtros-campos{display:block}
[data-vertical="prospeccao"] .funil-cabeca .funil-filtros-campos .campo{width:100%}
[data-vertical="prospeccao"] .funil-painel > .funil-buscando{padding:10px 14px 0}
[data-vertical="prospeccao"] .funil-painel .funil{padding:12px 14px 0}
/* As abas das etapas não grudam mais no topo: a barra do topo da moldura
(fixa, de altura variável no celular) ficaria por cima delas. */
[data-vertical="prospeccao"] .funil-painel .funil-abas{position:relative;top:auto;z-index:auto;margin:0 0 4px;padding:4px;
background:var(--bc-selecionado);display:flex;max-width:100%;scrollbar-width:none}
[data-vertical="prospeccao"] .funil-painel .funil-abas > button{min-height:34px;padding:0 12px;font-size:13px;flex:none}
[data-vertical="prospeccao"] .funil-painel .funil-trilho{padding:8px 0 14px;gap:0}
[data-vertical="prospeccao"] .funil-painel .funil-coluna,
[data-vertical="prospeccao"] .funil-painel .funil-coluna.vazia{flex:0 0 100%;background:transparent;padding:4px 0;border:none;min-height:0}
[data-vertical="prospeccao"] .funil-painel .funil-coluna-cabeca{display:none !important}
[data-vertical="prospeccao"] .funil-painel .funil-mover select{min-height:34px;width:auto;max-width:100%}
[data-vertical="prospeccao"] .funil-hoje,[data-vertical="prospeccao"] .funil-avisos{padding:12px 14px}
[data-vertical="prospeccao"] .funil-ficha{padding:16px 14px 4px}
}
/* ── Agenda: o painel do topo (abas e "+ Nova sessão"; a faixa de dias) ── */
[data-vertical="prospeccao"] .agenda-painel{padding:16px 20px}
[data-vertical="prospeccao"] .agenda-cabeca{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;min-width:0}
[data-vertical="prospeccao"] .agenda-abas{flex:none}
[data-vertical="prospeccao"] .agenda-cabeca .agenda-nova,[data-vertical="prospeccao"] .agenda-nova{width:auto;min-height:40px;padding:0 18px;
border-radius:var(--bc-raio-campo)}
[data-vertical="prospeccao"] .agenda-painel .agenda-passo{display:flex;align-items:center;gap:8px;margin:14px 0 0;min-width:0}
[data-vertical="prospeccao"] .agenda-painel .agenda-seta{flex:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--bc-borda);
display:grid;place-items:center;font-size:20px;color:var(--ink) !important;text-decoration:none !important;background:var(--bc-painel)}
[data-vertical="prospeccao"] .agenda-painel .agenda-seta:hover{background:var(--bc-selecionado);border-color:var(--bc-borda)}
[data-vertical="prospeccao"] .agenda-painel .agenda-faixa{flex:1 1 0;min-width:0;margin:0;padding:2px;gap:4px;overflow-x:auto;scrollbar-width:none}
[data-vertical="prospeccao"] .agenda-painel .agenda-dia{flex:1 0 50px;min-width:50px;padding:6px 4px 5px;border-radius:10px;border:1px solid transparent;
box-shadow:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:1px;
color:var(--ink) !important;text-decoration:none !important}
[data-vertical="prospeccao"] .agenda-painel .agenda-dia:hover{background:var(--bc-selecionado)}
[data-vertical="prospeccao"] .agenda-painel .agenda-dia span{font-size:11px;color:var(--bc-texto-2);text-transform:capitalize}
[data-vertical="prospeccao"] .agenda-painel .agenda-dia strong{font-size:16px;font-weight:600}
[data-vertical="prospeccao"] .agenda-ponto{width:6px;height:6px;border-radius:50%;background:transparent;margin-top:2px}
[data-vertical="prospeccao"] .agenda-dia.com-sessao .agenda-ponto{background:var(--ink)}
[data-vertical="prospeccao"] .agenda-painel .agenda-dia.ativo{background:var(--bc-primaria);border-color:var(--bc-primaria);box-shadow:none;color:#fff !important}
[data-vertical="prospeccao"] .agenda-painel .agenda-dia.ativo span{color:rgba(255,255,255,.75)}
[data-vertical="prospeccao"] .agenda-dia.ativo.com-sessao .agenda-ponto{background:#fff}
/* ── a lista do dia: uma linha por sessão (hora, avatar, quem, situação, ações) ── */
[data-vertical="prospeccao"] .agenda-lista{padding:4px 0}
[data-vertical="prospeccao"] .agenda-linhas{list-style:none;margin:0;padding:0}
[data-vertical="prospeccao"] .agenda-linhas > .agenda-linha{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px 14px;
margin:0;padding:14px 20px;background:none;border:0;border-top:1px solid var(--bc-borda);border-radius:0;min-width:0}
[data-vertical="prospeccao"] .agenda-linhas > .agenda-linha:first-child{border-top:0}
[data-vertical="prospeccao"] .agenda-linhas > .agenda-linha:hover{background:#FAFAF8}
[data-vertical="prospeccao"] .agenda-linhas .evento-na-agenda{border-left:0}
[data-vertical="prospeccao"] .agenda-hora{flex:0 0 52px;font-size:16px !important;font-weight:600;line-height:36px}
[data-vertical="prospeccao"] .agenda-evento-icone{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
background:var(--bc-selecionado);color:var(--ink)}
[data-vertical="prospeccao"] .agenda-corpo{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:2px;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .agenda-linha .agenda-quem{display:flex;flex-direction:column;gap:0;min-width:0}
[data-vertical="prospeccao"] .agenda-nome,[data-vertical="prospeccao"] .agenda-nome strong{font-size:15px;font-weight:600;color:var(--ink) !important;text-decoration:none}
[data-vertical="prospeccao"] a.agenda-nome:hover strong{text-decoration:underline}
[data-vertical="prospeccao"] .agenda-linha .agenda-produto,[data-vertical="prospeccao"] .bc-tabela .agenda-produto{display:block;font-size:13px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .agenda-linha .agenda-detalhe,[data-vertical="prospeccao"] .agenda-linha .agenda-motivo{font-size:13px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .agenda-linha .esteira-resumo{margin-top:4px}
[data-vertical="prospeccao"] .agenda-situacao{flex:none;align-self:center;white-space:nowrap}
[data-vertical="prospeccao"] .agenda-linha .agenda-acoes{flex:0 1 auto;margin-left:auto;align-self:center;justify-content:flex-end;
gap:6px;padding:0;border:0}
[data-vertical="prospeccao"] .agenda-linha .agenda-acoes .botao-linha{min-height:34px}
[data-vertical="prospeccao"] .agenda-linha .agenda-acoes details[open]{flex-basis:100%}
[data-vertical="prospeccao"] .agenda-linhas > .agenda-linha.cancelada{opacity:1;background:none}
[data-vertical="prospeccao"] .agenda-linha.cancelada :is(.agenda-hora,.agenda-corpo,.avatar){opacity:.55}
[data-vertical="prospeccao"] .agenda-vazio{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;text-align:center}
[data-vertical="prospeccao"] .agenda-vazio p{margin:0;color:var(--bc-texto-2)}
@media (max-width:720px){
[data-vertical="prospeccao"] .agenda-painel{padding:12px 14px}
[data-vertical="prospeccao"] .agenda-cabeca .agenda-nova{flex:1 1 auto}
[data-vertical="prospeccao"] .agenda-painel .agenda-dia{flex:0 0 46px;min-width:46px}
[data-vertical="prospeccao"] .agenda-linhas > .agenda-linha{padding:12px 14px;gap:8px 10px}
[data-vertical="prospeccao"] .agenda-hora{flex-basis:44px}
[data-vertical="prospeccao"] .agenda-corpo{flex:1 1 0}
[data-vertical="prospeccao"] .agenda-linha .agenda-acoes{flex:1 0 100%;margin-left:0;justify-content:flex-start}
}
/* ── Esteira e Eventos (tabelas) e as fichas da Agenda ── */
[data-vertical="prospeccao"] .agenda-titulo-painel{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;font-size:16px;font-weight:600}
[data-vertical="prospeccao"] .bc-painel .bc-tabela-caixa{border-radius:10px}
[data-vertical="prospeccao"] .agenda-filtro{margin:10px 0 0;font-size:14px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .agenda-painel + .bc-tabela-caixa{margin-top:16px}
[data-vertical="prospeccao"] .agenda-novo-evento{margin-top:12px}
[data-vertical="prospeccao"] .agenda-novo-evento > summary{list-style:none;display:inline-flex}
[data-vertical="prospeccao"] .agenda-novo-evento > summary::-webkit-details-marker{display:none}
[data-vertical="prospeccao"] .agenda-novo-evento-form{margin-top:12px}
[data-vertical="prospeccao"] :is(.agenda-novo-evento,.agenda-nova-pagina) .erp-form{border:none;background:none;padding:0}
[data-vertical="prospeccao"] .agenda-ficha .bc-cabeca{margin-bottom:12px}
[data-vertical="prospeccao"] .agenda-ficha .bc-cabeca h1{font-size:22px}
[data-vertical="prospeccao"] .agenda-ficha :is(.erp-form,.erp-sessao){border-color:var(--bc-borda);border-radius:var(--bc-raio)}
/* ════════════════════════════════════════════════════════════════════════
AJUSTES NO DESIGN BOTCONVERSA (branch bc-ajustes, 02/10/2026). Segundo menu
à esquerda (.aj-dois/.aj-submenu, sobre .bc-dois/.bc-submenu), cabeçalho
com a ação preta, abas segmentadas, tabelas e o painel do dono em cartões.
Só seletores .aj-* (e o que está dentro deles). Ver ajustes/menu.tsx.
════════════════════════════════════════════════════════════════════════ */
/* ── o segundo menu ── */
.bc-dois.aj-dois{min-width:0}
.aj-submenu .aj-grupo{display:flex;flex-direction:column;gap:2px}
.aj-submenu .aj-grupo + .aj-grupo h3{margin-top:14px}
.aj-conteudo{min-width:0}
[data-vertical="prospeccao"] .aj-voltar .erp-voltar{min-height:36px;margin:-6px 0 4px}
@media (min-width:721px) and (max-width:900px){
.bc-dois.aj-dois{grid-template-columns:180px minmax(0,1fr);gap:16px}
.bc-dois.aj-dois .bc-submenu{position:sticky}
}
/* Celular: o segundo menu some (a lista do índice é ele) e a seta volta. */
@media (max-width:720px){ .aj-dois .aj-submenu{display:none} }
@media (min-width:721px){ .aj-voltar.aj-so-celular{display:none} }
/* ── cabeçalho da página ── */
.bc-cabeca.aj-cabeca{align-items:flex-start}
.aj-cabeca .aj-titulo{flex:1;min-width:0}
.aj-cabeca .aj-titulo h1{margin:0;font-size:24px;font-weight:600;overflow-wrap:anywhere}
.aj-cabeca .aj-sub{margin:4px 0 0;color:var(--bc-texto-2);font-size:14px}
.aj-cabeca .bc-acoes{align-items:center}
@media (max-width:720px){ .aj-cabeca .aj-titulo h1{font-size:20px} }
/* ── o índice: resumo por grupo (no celular, a lista do índice) ── */
.aj-resumo{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;align-items:start}
.aj-resumo .bc-painel + .bc-painel{margin-top:0}
.aj-resumo-grupo.bc-painel{padding:6px 0}
.aj-resumo-grupo h2{margin:10px 16px 4px;font-size:15px;font-weight:600}
.aj-indice{list-style:none;margin:0;padding:0}
.aj-indice > li + li{border-top:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .aj-indice a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;
padding:8px 16px;box-sizing:border-box;color:var(--ink) !important;text-decoration:none}
[data-vertical="prospeccao"] .aj-indice a:hover{background:var(--bc-selecionado)}
.aj-indice a > span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.aj-indice strong{font-size:15px;font-weight:500}
.aj-indice small{font-size:13px;color:var(--bc-texto-2);overflow-wrap:anywhere}
.aj-indice-seta{font-size:20px;color:var(--bc-texto-2);flex:none}
/* ── abas e contagens ── */
.bc-abas.aj-abas{margin:0 0 16px}
.aj-conta{display:inline-flex;align-items:center;margin-left:6px;padding:0 7px;min-width:18px;height:20px;justify-content:center;
border-radius:999px;font-size:12px;font-weight:600;background:rgba(20,20,20,.08)}
.bc-abas > .ativo .aj-conta,.bc-abas > [aria-current="page"] .aj-conta{background:rgba(255,255,255,.22)}
[data-vertical="prospeccao"] .aj-conteudo .erp-chips{margin:0 0 12px}
/* ── tabelas ── */
.aj-tabela td{min-width:0}
.aj-tabela tr.aj-fora td{opacity:.6}
[data-vertical="prospeccao"] .aj-tabela a.aj-pessoa,
[data-vertical="prospeccao"] .aj-tabela a.aj-nome,
[data-vertical="prospeccao"] .aj-tabela a.aj-abrir{color:var(--ink) !important;text-decoration:none;cursor:pointer}
[data-vertical="prospeccao"] .aj-tabela a.aj-pessoa:hover strong,
[data-vertical="prospeccao"] .aj-tabela a.aj-nome:hover strong,
[data-vertical="prospeccao"] .aj-tabela a.aj-abrir:hover strong{text-decoration:underline}
.aj-pessoa-textos{display:flex;flex-direction:column;min-width:0}
.aj-nome{display:flex;flex-direction:column;gap:1px;min-width:0}
.aj-nome strong{font-weight:500;overflow-wrap:anywhere}
.aj-nome small,.aj-pessoa-textos small,.aj-embaixo{display:block;color:var(--bc-texto-2);font-size:12px;overflow-wrap:anywhere}
.aj-tabela .aj-nome .bse-pronta-previa{max-width:42ch}
.aj-tabela .aj-funcoes,.aj-tabela .aj-cobranca{color:var(--ink-2)}
.aj-tabela th.num,.aj-tabela td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.aj-tabela .aj-mais{width:44px;text-align:right}
[data-vertical="prospeccao"] .aj-mais-botao{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
border-radius:8px;color:var(--bc-texto-2) !important;text-decoration:none;font-size:18px;font-weight:700}
[data-vertical="prospeccao"] .aj-mais-botao:hover{background:var(--bc-selecionado);color:var(--ink) !important}
.aj-tabela .aj-acoes-linha{text-align:right}
[data-vertical="prospeccao"] .aj-tabela .erp-acoes{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin:0}
[data-vertical="prospeccao"] .aj-tabela .erp-acoes .botao,
[data-vertical="prospeccao"] .aj-tabela .erp-acoes .botao-linha{width:auto;min-height:34px;border-radius:10px;font-size:13px;padding:0 12px}
[data-vertical="prospeccao"] .aj-tabela .bse-nota .erp-acoes{justify-content:flex-start;margin-top:6px}
[data-vertical="prospeccao"] .aj-tabela .bse-venda-valor{margin:0}
.aj-tabela .aj-valor{white-space:nowrap}
.aj-tabela .aj-valor .aj-embaixo{white-space:normal}
.aj-tabela .aj-copiar{min-width:180px}
.bc-botao.aj-pequeno{min-height:34px;padding:0 12px;font-size:13px}
@media (max-width:720px){
.bc-tabela.vira-lista.aj-tabela tr{position:relative}
.bc-tabela.vira-lista.aj-tabela td{padding:3px 0}
.bc-tabela.vira-lista.aj-tabela .aj-mais{position:absolute;top:10px;right:8px;width:auto}
.bc-tabela.vira-lista.aj-tabela tr:has(.aj-mais) td:first-child{padding-right:40px}
.aj-tabela .aj-acoes-linha{text-align:left}
[data-vertical="prospeccao"] .aj-tabela .erp-acoes{justify-content:flex-start;margin-top:6px}
.bc-tabela.vira-lista.aj-tabela td.num{text-align:left}
.aj-tabela .aj-valor{white-space:normal}
.aj-tabela .aj-copiar{min-width:0}
}
/* ── textos curtos, avisos e blocos ── */
.aj-nota{margin:0 0 12px;color:var(--bc-texto-2);font-size:14px}
[data-vertical="prospeccao"] .aj-aviso{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:0 0 12px}
[data-vertical="prospeccao"] .aj-aviso > span{min-width:0;flex:1 1 220px}
.aj-bloco{margin-top:24px;min-width:0}
.aj-bloco > h2,.aj-bloco-painel > h2,.aj-integracao h2{margin:0 0 10px;font-size:18px;font-weight:600}
.aj-bloco .bc-cabeca.aj-cabeca-bloco{margin-bottom:10px}
.aj-bloco .aj-cabeca-bloco h2{font-size:18px}
[data-vertical="prospeccao"] .aj-conteudo > .erp-form,
[data-vertical="prospeccao"] .aj-bloco > .erp-form{border-color:var(--bc-borda);border-radius:var(--bc-raio);margin-top:0}
@media (min-width:721px){
[data-vertical="prospeccao"] .aj-conteudo > .erp-form > .botao,
[data-vertical="prospeccao"] .aj-bloco > .erp-form > .botao{width:auto;min-width:180px;align-self:flex-start;min-height:44px;border-radius:var(--bc-raio-campo)}
}
.aj-bloco-painel .erp-info{margin-top:0}
.aj-integracao-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.aj-integracao-topo > div{min-width:0;flex:1 1 240px}
.aj-integracao-topo .aj-nota{margin:0}
.aj-fotografos .google-email{margin:0}
.aj-lista-simples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.aj-pedidas{margin-top:12px}
/* A ficha da pessoa num painel: os formulários de dentro perdem a moldura e ganham um fio entre eles. */
[data-vertical="prospeccao"] .aj-ficha .erp-form{border:none;border-top:1px solid var(--bc-borda);border-radius:0;padding:16px 0 0;margin-top:16px;background:none}
/* Botões da ficha no tamanho do texto, à direita (Felipe, 14/10: a barra preta de
ponta a ponta pesava demais), e "Tirar da equipe" como um link vermelho no pé. */
[data-vertical="prospeccao"] .aj-ficha .erp-form .botao{width:auto;align-self:flex-end;min-height:40px;padding:0 20px;
border-radius:10px;font-size:14px}
[data-vertical="prospeccao"] .aj-ficha .ag-horario .botao-linha{width:auto;align-self:flex-end;min-height:38px;padding:0 16px;border-radius:10px;font-size:14px}
[data-vertical="prospeccao"] .aj-ficha .erp-acoes{flex-direction:row;justify-content:flex-start;margin:20px 0 0;padding-top:16px;
border-top:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .aj-ficha .erp-acoes .botao-linha.perigo{width:auto;min-height:0;padding:4px 0;border:0;background:none;
font-size:14px;font-weight:500}
[data-vertical="prospeccao"] .aj-ficha .erp-acoes .botao-linha.perigo:hover{text-decoration:underline}
@media (max-width:640px){
[data-vertical="prospeccao"] .aj-ficha .erp-form .botao{align-self:stretch;min-height:46px}
}
/* ── Financeiro: o mês ── */
.aj-mes .bse-financeiro-mes{margin:0 0 12px}
.aj-numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.aj-numeros > div{display:flex;flex-direction:column;gap:4px;min-width:0}
.aj-numeros span{font-size:13px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .aj-numeros strong.num{font-size:clamp(16px,4.4vw,26px);font-weight:600;line-height:1.15;overflow-wrap:anywhere}
.aj-mes{margin-bottom:16px}
.aj-mes .aj-numeros > div + div{border-left:1px solid var(--bc-borda);padding-left:12px}
/* ── Painel do dono: cartões de número grande e gráficos em painéis ── */
.aj-periodo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 16px}
.aj-periodo .bc-abas.aj-abas{margin:0}
[data-vertical="prospeccao"] .aj-periodo .bse-painel-personalizado{margin:0}
[data-vertical="prospeccao"] .aj-numeros.aj-cartoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.aj-cartoes > div{background:var(--bc-painel);border:1px solid var(--bc-borda);border-radius:var(--bc-raio);padding:16px 18px}
[data-vertical="prospeccao"] .aj-cartoes strong.num{font-size:clamp(20px,5.6vw,30px)}
@media (max-width:720px){ [data-vertical="prospeccao"] .aj-numeros.aj-cartoes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.aj-cartoes > div{padding:12px} }
.aj-graficos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;align-items:start}
.aj-graficos .bc-painel + .bc-painel{margin-top:0}
[data-vertical="prospeccao"] .aj-graficos .bse-painel-bloco{margin:0}
.aj-graficos .aj-grafico.largo{grid-column:1/-1}
.aj-graficos .aj-grafico h2{margin:0 0 12px;font-size:17px;font-weight:600}
.aj-grafico .aj-tabela-interna{border:none;border-radius:0;margin:0 -20px -20px}
.aj-vazios{margin-top:16px}
/* ════════════════════════════════════════════════════════════════════════
AGENDA COMPLETA — o desenho da agenda da YouSalon nas cores da Black-se
(plano 15.G; pedido do Felipe de 02/10). Prefixo `ag-` (só desta área).
Página cheia (a grade rola por dentro), topo com título + "Nova sessão" +
← hoje → + dia|semana|mês, resumo, chips de fotógrafo, grade (régua, colunas,
blocos com a cor de quem fotografa, agora, fora/folga/bloqueio), mês, bolha
da sessão, "Nova sessão" ao lado do clique, Desfazer; e, em Ajustes, o
horário por dia, o horário/folgas/cor do fotógrafo.
════════════════════════════════════════════════════════════════════════ */
[data-vertical="prospeccao"] .ag-pagina{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;gap:0}
[data-vertical="prospeccao"] .ag-aviso{margin:0 0 12px}
/* Só a grade (ou o mês) encolhe e rola; o resto mantém a altura que precisa. */
[data-vertical="prospeccao"] .ag-pagina > :not(.ag-grade):not(.ag-mes){flex:none}
[data-vertical="prospeccao"] .ag-topo{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px 16px;margin-bottom:14px;min-width:0}
[data-vertical="prospeccao"] .ag-topo-esquerda{display:flex;flex-direction:column;gap:10px;min-width:0}
[data-vertical="prospeccao"] .ag-titulo{margin:0;font-size:18px;font-weight:600;color:var(--ink);line-height:1.2}
[data-vertical="prospeccao"] .ag-navega{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
[data-vertical="prospeccao"] .ag-setas{display:inline-flex;gap:4px}
[data-vertical="prospeccao"] .ag-botao,[data-vertical="prospeccao"] .ag-destaque{display:inline-flex;align-items:center;justify-content:center;
min-height:34px;padding:0 12px;border:1px solid var(--bc-borda);border-radius:var(--bc-raio-campo);background:var(--bc-painel);
color:var(--ink-2) !important;font:inherit;font-size:13.5px;text-decoration:none !important;cursor:pointer;white-space:nowrap}
[data-vertical="prospeccao"] .ag-botao:hover{border-color:var(--ink-4);color:var(--ink) !important}
[data-vertical="prospeccao"] .ag-botao.atual{background:var(--bc-selecionado);border-color:var(--ink);color:var(--ink) !important;font-weight:600}
[data-vertical="prospeccao"] .ag-destaque{background:var(--bc-primaria);border-color:var(--bc-primaria);color:#fff !important;font-weight:600}
[data-vertical="prospeccao"] .ag-destaque:hover{filter:brightness(1.25)}
[data-vertical="prospeccao"] .ag-visoes{display:inline-flex;gap:2px;padding:3px;margin-left:4px;background:var(--bc-selecionado);border-radius:var(--bc-raio-campo)}
[data-vertical="prospeccao"] .ag-visoes a{padding:5px 12px;border-radius:7px;font-size:13px;color:var(--ink-2) !important;text-decoration:none !important}
[data-vertical="prospeccao"] .ag-visoes a.atual{background:var(--bc-primaria);color:#fff !important;font-weight:600}
/* a faixa de dias (visão de dia), compacta, sem as setas (o ← → do topo anda) */
[data-vertical="prospeccao"] .agenda-painel.ag-faixa{padding:0;margin:0 0 12px;min-width:0}
[data-vertical="prospeccao"] .agenda-painel.ag-faixa .agenda-faixa{width:100%}
/* o resumo do dia e os chips de fotógrafo */
[data-vertical="prospeccao"] .ag-resumo{display:flex;flex-wrap:wrap;gap:18px;background:var(--bc-painel);border:1px solid var(--bc-borda);
border-radius:var(--bc-raio);padding:10px 16px;margin-bottom:12px;font-size:13px;color:var(--ink-2)}
[data-vertical="prospeccao"] .ag-resumo strong{font-size:15px;color:var(--ink);font-weight:600}
[data-vertical="prospeccao"] .ag-resumo .ruim strong{color:var(--crit)}
[data-vertical="prospeccao"] .ag-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;min-width:0}
[data-vertical="prospeccao"] .ag-chip{flex:none;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;
border:1px solid var(--bc-borda);background:var(--bc-painel);color:var(--ink-2);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
[data-vertical="prospeccao"] .ag-chip:hover{border-color:var(--ink-4);color:var(--ink)}
[data-vertical="prospeccao"] .ag-chip.atual{background:var(--bc-primaria);border-color:var(--bc-primaria);color:#fff;font-weight:600}
[data-vertical="prospeccao"] .ag-chip.atual .ag-ponto{box-shadow:0 0 0 2px #fff}
[data-vertical="prospeccao"] .ag-ponto{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
/* a grade: só ela rola (nos dois eixos), o resto da página fica parado */
[data-vertical="prospeccao"] .ag-grade{display:block;border:1px solid var(--bc-borda);border-radius:var(--bc-raio);overflow:auto;
background:var(--bc-painel);flex:1;min-height:320px;position:relative}
[data-vertical="prospeccao"] .ag-grade.movendo{opacity:.6;pointer-events:none}
[data-vertical="prospeccao"] .ag-grade-corpo{display:flex;min-width:100%;width:max-content}
[data-vertical="prospeccao"] .ag-regua{flex:none;width:56px;position:sticky;left:0;z-index:5;background:var(--bc-painel);border-right:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .ag-regua-cab{height:40px;border-bottom:1px solid var(--bc-borda);position:sticky;top:0;background:var(--bc-painel);z-index:6}
[data-vertical="prospeccao"] .ag-regua-dia-todo{height:30px;border-bottom:1px solid var(--bc-borda);font-size:10.5px;color:var(--bc-texto-2);
display:flex;align-items:center;justify-content:flex-end;padding-right:6px;position:sticky;top:40px;background:var(--bc-painel);z-index:6}
[data-vertical="prospeccao"] .ag-regua-horas{position:relative}
[data-vertical="prospeccao"] .ag-regua-horas span{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;color:var(--bc-texto-2);
background:var(--bc-painel);padding:0 2px;font-variant-numeric:tabular-nums}
[data-vertical="prospeccao"] .ag-col{flex:1 0 180px;min-width:180px;border-right:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .ag-grade.v-semana .ag-col{flex-basis:130px;min-width:130px}
[data-vertical="prospeccao"] .ag-col:last-child{border-right:none}
[data-vertical="prospeccao"] .ag-col.filtrada{display:none}
[data-vertical="prospeccao"] .ag-col-cab{height:40px;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:600;color:var(--ink);
border-bottom:1px solid var(--bc-borda);position:sticky;top:0;background:var(--bc-painel);z-index:4;overflow:hidden;white-space:nowrap}
[data-vertical="prospeccao"] .ag-col.indisponivel .ag-col-cab{color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .ag-col-nome{overflow:hidden;text-overflow:ellipsis;min-width:0}
[data-vertical="prospeccao"] .ag-col-dia{display:flex;align-items:center;gap:6px;color:inherit !important;text-decoration:none !important;font-weight:500;text-transform:lowercase}
[data-vertical="prospeccao"] .ag-num-dia{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-weight:700;color:var(--ink)}
[data-vertical="prospeccao"] .ag-num-dia.hoje{background:var(--bc-primaria);color:#fff;border-radius:50%}
[data-vertical="prospeccao"] .ag-marca-folga{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--ink-2);background:var(--bc-selecionado);
border-radius:999px;padding:1px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
[data-vertical="prospeccao"] .ag-dia-todo{height:30px;display:flex;gap:4px;align-items:center;padding:0 4px;border-bottom:1px solid var(--bc-borda);
position:sticky;top:40px;background:#FAFAF8;z-index:4;overflow:hidden}
[data-vertical="prospeccao"] .ag-evento{flex:0 1 auto;min-width:0;padding:2px 8px;border-radius:6px;background:var(--bc-primaria);color:#fff !important;
font-size:11.5px;font-weight:600;text-decoration:none !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-vertical="prospeccao"] .ag-col-corpo{position:relative;cursor:pointer;
background-image:linear-gradient(to bottom,transparent calc(var(--ag-hora) - 1px),var(--bc-borda) calc(var(--ag-hora) - 1px));
background-size:100% var(--ag-hora)}
[data-vertical="prospeccao"] .ag-col-corpo:hover{background-color:var(--bc-fundo)}
[data-vertical="prospeccao"] .ag-col.indisponivel .ag-col-corpo{cursor:default;background-color:var(--sunken)}
[data-vertical="prospeccao"] .ag-col.indisponivel .ag-col-corpo:hover{background-color:var(--sunken)}
[data-vertical="prospeccao"] .ag-fora{position:absolute;left:0;right:0;background:var(--sunken);pointer-events:none}
[data-vertical="prospeccao"] .ag-bloqueio{position:absolute;left:0;right:0;z-index:1;border:none;padding:4px 8px;cursor:pointer;font:inherit;text-align:left;
display:flex;align-items:flex-start;background:repeating-linear-gradient(135deg,transparent 0 7px,var(--bc-selecionado) 7px 14px)}
[data-vertical="prospeccao"] .ag-bloqueio span{font-size:11px;font-weight:600;color:var(--ink-2);background:var(--bc-painel);border:1px solid var(--bc-borda);
padding:1px 7px;border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-vertical="prospeccao"] .ag-previa-arraste{position:absolute;left:4px;right:4px;z-index:3;border:2px dashed var(--ink);border-radius:6px;
background:rgba(20,20,20,.04);font-size:11px;font-weight:600;padding:2px 6px;pointer-events:none}
[data-vertical="prospeccao"] .ag-previa-arraste.recusa{border-color:var(--crit);color:var(--crit);background:var(--crit-tint)}
[data-vertical="prospeccao"] .ag-agora{position:absolute;left:0;right:0;height:2px;background:rgba(158,58,46,.6);z-index:3;pointer-events:none}
[data-vertical="prospeccao"] .ag-agora::before{content:'';position:absolute;left:-4px;top:50%;width:9px;height:9px;border-radius:50%;
background:rgba(158,58,46,.85);transform:translateY(-50%)}
/* o bloco da sessão */
[data-vertical="prospeccao"] .ag-bloco{position:absolute;left:4px;right:4px;z-index:2;border-radius:6px;padding:4px 7px;border-left:3px solid;
overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:1px;justify-content:flex-start;box-sizing:border-box}
[data-vertical="prospeccao"] .ag-bloco[draggable="true"]{cursor:grab}
[data-vertical="prospeccao"] .ag-bloco[draggable="true"]:active{cursor:grabbing}
[data-vertical="prospeccao"] .ag-bloco:hover{box-shadow:0 2px 8px rgba(20,20,20,.12);z-index:3}
[data-vertical="prospeccao"] .ag-bloco:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
[data-vertical="prospeccao"] .ag-bloco.e-compareceu,[data-vertical="prospeccao"] .ag-bloco.e-faltou{opacity:.62}
[data-vertical="prospeccao"] .ag-bloco.ajustando{opacity:.85}
[data-vertical="prospeccao"] .ag-bloco-linha1{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
[data-vertical="prospeccao"] .ag-bloco-hora{flex:none;font-size:10.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
[data-vertical="prospeccao"] .ag-bloco-pro{flex:none;font-size:10px;line-height:15px;padding:0 6px;border-radius:999px;color:var(--ink-2);
max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-vertical="prospeccao"] .ag-bloco-nome{font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}
[data-vertical="prospeccao"] .ag-bloco-servico{font-size:11px;line-height:1.25;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-vertical="prospeccao"] .ag-bloco-rodape{margin-top:auto;align-self:flex-end;font-size:10px;color:var(--ink-4);line-height:1.25;white-space:nowrap}
[data-vertical="prospeccao"] .ag-bloco-esticar{position:absolute;left:0;right:0;bottom:0;height:6px;cursor:ns-resize}
[data-vertical="prospeccao"] .ag-bloco-esticar:hover::after{content:'';position:absolute;left:8px;right:8px;bottom:2px;height:2px;background:currentColor;opacity:.5;border-radius:1px}
/* o mês */
[data-vertical="prospeccao"] .ag-mes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--bc-borda);
border:1px solid var(--bc-borda);border-radius:var(--bc-raio);overflow:auto;flex:1;min-height:0}
[data-vertical="prospeccao"] .ag-mes-cab{background:var(--bc-painel);padding:7px;text-align:center;font-size:11.5px;font-weight:600;color:var(--bc-texto-2);text-transform:uppercase}
[data-vertical="prospeccao"] .ag-mes-dia{background:var(--bc-painel);min-height:96px;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:0;
text-decoration:none !important;color:var(--ink) !important}
[data-vertical="prospeccao"] .ag-mes-dia:hover{background:var(--bc-fundo)}
[data-vertical="prospeccao"] .ag-mes-dia.fora{opacity:.4}
[data-vertical="prospeccao"] .ag-mes-dia.hoje{outline:2px solid var(--bc-primaria);outline-offset:-2px}
[data-vertical="prospeccao"] .ag-mes-num{font-size:12px;font-weight:600;color:var(--ink-2)}
[data-vertical="prospeccao"] .ag-mes-item{font-size:10.5px;color:var(--ink);border-left:3px solid;padding-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-vertical="prospeccao"] .ag-mes-item.evento{font-weight:600}
[data-vertical="prospeccao"] .ag-mes-mais{font-size:10.5px;color:var(--bc-texto-2)}
/* a bolha (sessão, bloqueio, remarcar) e a "Nova sessão" ao lado do clique */
[data-vertical="prospeccao"] .erp-janela.ag-bolha{width:min(480px,calc(100vw - 16px))}
[data-vertical="prospeccao"] .erp-janela.ag-previa{width:min(400px,calc(100vw - 16px))}
[data-vertical="prospeccao"] .erp-janela.ancorada{max-height:calc(100vh - 16px);box-shadow:0 12px 32px rgba(20,20,20,.16)}
[data-vertical="prospeccao"] .erp-janela.ancorada::backdrop{background:transparent}
[data-vertical="prospeccao"] .ag-bolha .erp-janela-topo h2{font-size:16px}
[data-vertical="prospeccao"] .ag-sessao{display:flex;flex-direction:column;gap:12px}
[data-vertical="prospeccao"] .ag-bolha-quando{display:flex;gap:10px;align-items:flex-start}
[data-vertical="prospeccao"] .ag-bolha-quando p{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.45}
[data-vertical="prospeccao"] .ag-bolha-quando .sub-claro{display:inline;margin:0}
[data-vertical="prospeccao"] .ag-bolha-cor{flex:none;width:11px;height:11px;border-radius:3px;margin-top:5px}
[data-vertical="prospeccao"] .ag-bolha-dados{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:13.5px}
[data-vertical="prospeccao"] .ag-bolha-dados dt{color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .ag-bolha-dados dd{margin:0;overflow-wrap:anywhere}
[data-vertical="prospeccao"] .ag-bolha-acoes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:10px;border-top:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .ag-bolha-acoes form{margin:0}
[data-vertical="prospeccao"] .ag-bolha-acoes details[open]{flex-basis:100%}
[data-vertical="prospeccao"] .ag-bolha-acoes .botao-linha{margin-top:0}
[data-vertical="prospeccao"] .ag-faltou,[data-vertical="prospeccao"] .ag-mover{display:flex;flex-direction:column;gap:12px}
[data-vertical="prospeccao"] .ag-motivos{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
[data-vertical="prospeccao"] .ag-motivos legend{margin-bottom:8px;font-weight:600}
[data-vertical="prospeccao"] .ag-motivos .erp-chip{cursor:pointer}
[data-vertical="prospeccao"] .ag-faltou-botoes{display:flex;gap:8px;flex-wrap:wrap}
[data-vertical="prospeccao"] .ag-voltar-marcada{display:flex;flex-direction:column;gap:4px}
/* "Quem" com busca e o cliente novo, na Nova sessão */
[data-vertical="prospeccao"] .ag-quem-busca{position:relative}
[data-vertical="prospeccao"] .ag-quem-lista{list-style:none;margin:4px 0 0;padding:4px;border:1px solid var(--bc-borda);border-radius:10px;
background:var(--bc-painel);max-height:260px;overflow:auto;box-shadow:0 6px 18px rgba(20,20,20,.08)}
[data-vertical="prospeccao"] .ag-quem-lista li{display:flex;flex-direction:column;padding:8px 10px;border-radius:8px;cursor:pointer}
[data-vertical="prospeccao"] .ag-quem-lista li small{color:var(--bc-texto-2);font-size:12px}
[data-vertical="prospeccao"] .ag-quem-lista li.foco,[data-vertical="prospeccao"] .ag-quem-lista li:hover{background:var(--bc-selecionado)}
[data-vertical="prospeccao"] .ag-novo-cliente{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:10px;background:var(--bc-fundo)}
/* o Desfazer: canto de baixo à esquerda, como o Google Agenda */
[data-vertical="prospeccao"] .ag-desfazer{position:fixed;left:calc(var(--bc-trilho) + 16px);bottom:16px;z-index:80;background:var(--bc-primaria);color:#fff;
border-radius:var(--bc-raio-campo);padding:10px 10px 10px 16px;display:flex;align-items:center;gap:16px;font-size:13.5px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
[data-vertical="prospeccao"] .ag-desfazer button{border:0;background:none;color:#fff;font:inherit;font-weight:700;cursor:pointer;padding:6px 8px;
border-radius:var(--bc-raio-campo);text-decoration:underline}
[data-vertical="prospeccao"] .ag-desfazer button:hover{background:rgba(255,255,255,.12)}
/* celular: só o dia, uma coluna por vez; os chips rolam de lado */
@media (max-width:720px){
[data-vertical="prospeccao"] .ag-pagina{padding:12px 12px calc(84px + env(safe-area-inset-bottom, 0px))}
[data-vertical="prospeccao"] .ag-topo{flex-direction:column;align-items:stretch}
[data-vertical="prospeccao"] .ag-navega{justify-content:space-between}
[data-vertical="prospeccao"] .ag-navega > a.ag-destaque{flex:1 1 auto}
[data-vertical="prospeccao"] .ag-visoes{display:none}
[data-vertical="prospeccao"] .ag-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;-webkit-overflow-scrolling:touch}
[data-vertical="prospeccao"] .ag-fora-celular{display:none}
[data-vertical="prospeccao"] .ag-chip.atual-no-celular{background:var(--bc-primaria);border-color:var(--bc-primaria);color:#fff;font-weight:600}
[data-vertical="prospeccao"] .ag-col.outra-coluna{display:none}
[data-vertical="prospeccao"] .ag-col{min-width:0;flex-basis:auto}
[data-vertical="prospeccao"] .ag-grade-corpo{width:auto}
[data-vertical="prospeccao"] .ag-grade{overflow-x:hidden;min-height:420px}
[data-vertical="prospeccao"] .ag-desfazer{left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom, 0px))}
/* No celular a bolha vira uma folha que sobe do pé da tela. */
[data-vertical="prospeccao"] .erp-janela.ancorada{left:0 !important;right:0;top:auto !important;bottom:0;width:100vw;height:auto;
max-height:88dvh !important;border-radius:16px 16px 0 0}
}
/* Ajustes: o horário por dia (estúdio e fotógrafo), folgas e cor */
[data-vertical="prospeccao"] .ag-semana{display:flex;flex-direction:column;gap:0}
[data-vertical="prospeccao"] .ag-linha-dia{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:44px;padding:4px 0;border-bottom:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .ag-linha-dia-chave{display:flex;align-items:center;gap:10px;flex:0 0 112px;font-weight:500;cursor:pointer}
[data-vertical="prospeccao"] .ag-linha-dia-chave input{width:18px;height:18px;margin:0}
[data-vertical="prospeccao"] .ag-linha-dia-horas{display:flex;align-items:center;gap:8px}
[data-vertical="prospeccao"] .ag-linha-dia-horas input{width:auto;min-width:0;max-width:130px}
[data-vertical="prospeccao"] .ag-linha-dia-fechado{color:var(--bc-texto-2);font-size:14px}
[data-vertical="prospeccao"] .ag-pessoa{margin:12px 0}
[data-vertical="prospeccao"] .ag-horario,[data-vertical="prospeccao"] .ag-folga-nova,[data-vertical="prospeccao"] .ag-cor{display:flex;flex-direction:column;gap:10px}
[data-vertical="prospeccao"] .ag-horario .bc-abas{align-self:flex-start}
[data-vertical="prospeccao"] .ag-horario .bc-abas label{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:9px;cursor:pointer;color:var(--ink-2)}
[data-vertical="prospeccao"] .ag-horario .bc-abas label.ativo{background:var(--bc-primaria);color:#fff}
[data-vertical="prospeccao"] .ag-horario .bc-abas label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
[data-vertical="prospeccao"] .ag-folgas{list-style:none;margin:0 0 12px;padding:0}
[data-vertical="prospeccao"] .ag-folgas li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .ag-cores{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
[data-vertical="prospeccao"] .ag-cor-opcao{display:inline-flex;align-items:center;gap:6px;cursor:pointer;position:relative}
[data-vertical="prospeccao"] .ag-cor-opcao input{position:absolute;opacity:0;width:1px;height:1px}
[data-vertical="prospeccao"] .ag-cor-opcao i{display:inline-block;width:28px;height:28px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--bc-borda)}
[data-vertical="prospeccao"] .ag-cor-opcao input:checked + i{box-shadow:0 0 0 2px var(--ink)}
[data-vertical="prospeccao"] .ag-cor-opcao input:focus-visible + i{outline:2px solid var(--ink);outline-offset:2px}
[data-vertical="prospeccao"] .ag-cor-opcao span:not(.sr-only){font-size:14px;margin-right:8px}
/* ── Agenda: lembrete e confirmação da sessão (plano 15.L) ── */
[data-vertical="prospeccao"] .agenda-presenca{align-self:flex-start;margin-top:4px;white-space:nowrap}
/* O mesmo selo na bolha da sessão e um sinal no bloco da grade (agenda completa, 15.G). */
[data-vertical="prospeccao"] .ag-bloco-presenca{flex:none;margin-right:auto;width:7px;height:7px;border-radius:50%;background:var(--ok)}
[data-vertical="prospeccao"] .ag-bloco-presenca.remarcar{background:var(--crit)}
/* ════════════════════════════════════════════════════════════════════════
CONVERSAS NO PADRÃO YOUSALON, NAS CORES DA BLACK-SE (02/10; plano 15.Y).
Pedido do Felipe: "o chat com os mesmos designs e as funcionalidades do
YouSalon, mantendo as cores da Black-se". O desenho é o do núcleo
(globals.css, as regras `.zap-*` que vieram do YouSalon): a tela cheia em
duas colunas — a lista (busca, abas com a contagem num círculo, linhas com
avatar, prévia e selos) e a conversa (cabeçalho com o nome que abre o
perfil, o fio com a textura e os balões do WhatsApp, a barra de resposta
numa linha só). Este bloco só troca as cores para preto, branco e cinzas
(`--bc-*`) e acrescenta o que a Black-se tem a mais: a faixa da
oportunidade, Assumir/Devolver, as mensagens prontas, o aviso de WhatsApp
desconectado. Só seletores das telas de conversa.
════════════════════════════════════════════════════════════════════════ */
/* A caixa ocupa o corpo inteiro, de ponta a ponta, como no YouSalon: sem o
respiro cinza dos painéis (a barra do topo da moldura continua em cima). */
.moldura.bc.cheia .bc-corpo:has(> .zap){padding:0}
[data-vertical="prospeccao"] .zap{background:var(--bc-painel);gap:0;grid-template-columns:minmax(300px,420px) minmax(0,1fr)}
[data-vertical="prospeccao"] .zap-lista{background:var(--bc-painel);border-right:1px solid var(--bc-borda);min-height:0}
@media (max-width:1000px){
[data-vertical="prospeccao"] .zap{grid-template-columns:minmax(0,1fr)}
[data-vertical="prospeccao"] .zap-lista{border-right:0}
}
/* ── a lista: título (só no celular), busca e abas ── */
[data-vertical="prospeccao"] .zap-lista-topo{gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .zap-lista-topo h1{margin:0;font-size:20px;font-weight:600}
@media (min-width:721px){
/* No computador a barra do topo já diz "Conversas": não repete. */
[data-vertical="prospeccao"] .zap-lista-topo .topo-lista{display:none}
}
[data-vertical="prospeccao"] .zap-busca-linha{display:flex;align-items:center;gap:6px;min-width:0}
[data-vertical="prospeccao"] .zap-busca{flex:1;min-width:0;margin:0}
[data-vertical="prospeccao"] .zap-busca input{flex:1;min-width:0;width:100%;min-height:38px;padding:7px 12px;
border:1px solid var(--bc-borda);border-radius:var(--bc-raio-campo);background:var(--bc-painel);color:var(--ink);font:inherit;font-size:14px}
[data-vertical="prospeccao"] .zap-busca input:focus{outline:none;border-color:var(--ink)}
[data-vertical="prospeccao"] .zap-acao{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;
border:1px solid var(--bc-borda);border-radius:var(--bc-raio-campo);color:var(--ink-2) !important;text-decoration:none !important}
[data-vertical="prospeccao"] .zap-acao:hover{background:var(--bc-selecionado);color:var(--ink) !important}
/* As abas do YouSalon: "Todas" do tamanho do texto, as outras dividem o resto
e a linha soma a largura da busca. Ativa = cinza com contorno preto. */
[data-vertical="prospeccao"] .filtros-zap{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;min-width:0}
[data-vertical="prospeccao"] .filtros-zap a{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;
gap:5px;min-height:34px;padding:0 10px;border:1px solid var(--bc-borda);border-radius:var(--bc-raio-campo);
background:var(--bc-painel);color:var(--ink-2) !important;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none !important}
[data-vertical="prospeccao"] .filtros-zap a:first-child{flex:0 0 auto}
[data-vertical="prospeccao"] .filtros-zap a:hover{border-color:var(--ink-4);color:var(--ink) !important}
[data-vertical="prospeccao"] .filtros-zap a.atual{background:var(--bc-selecionado);border-color:var(--ink);color:var(--ink) !important;font-weight:600}
[data-vertical="prospeccao"] .filtros-zap .conta-aba{margin:0;padding:0;width:18px;height:18px;border-radius:50%;
display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;
background:var(--bc-selecionado);color:var(--ink-2)}
[data-vertical="prospeccao"] .filtros-zap a.atual .conta-aba{background:var(--bc-primaria);color:#fff}
/* ── os avisos do topo da lista: o alarme (vermelho) e o WhatsApp desconectado ── */
[data-vertical="prospeccao"] .zap-alarme{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:10px 12px 0;
padding:10px 12px;border-radius:var(--bc-raio-campo);background:var(--crit-tint);color:var(--crit);font-size:13px;line-height:1.4}
[data-vertical="prospeccao"] .zap-alarme strong{flex:1;min-width:0;color:var(--crit);font-weight:600}
[data-vertical="prospeccao"] .zap-alarme a{flex:none;color:var(--crit) !important;font-weight:600}
[data-vertical="prospeccao"] .zap-desconectado{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:8px 8px 8px 12px;
border-radius:var(--bc-raio-campo);background:var(--bc-fundo);border:1px solid var(--bc-borda);font-size:13px;color:var(--ink)}
[data-vertical="prospeccao"] .zap-desconectado span{flex:1;min-width:0}
[data-vertical="prospeccao"] .zap-desconectado .bc-botao{flex:none;min-height:34px;padding:0 14px;font-size:13px}
/* ── as linhas da lista ── */
[data-vertical="prospeccao"] .zap-rolagem .lista li,
[data-vertical="prospeccao"] .zap-rolagem .lista li:has(.linha-conversa){border-bottom:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .zap-lista .linha-conversa{gap:11px;padding:10px 14px;border-radius:0;margin:0}
[data-vertical="prospeccao"] .zap-lista .linha-conversa:hover{background:#FAFAF8}
[data-vertical="prospeccao"] .zap-lista .linha-conversa.aberta{background:var(--bc-selecionado)}
[data-vertical="prospeccao"] .zap-lista .zap-linha1 strong{font-size:14.5px;font-weight:600;color:var(--ink)}
[data-vertical="prospeccao"] .zap-lista .zap-linha1 .quando{font-size:11.5px;color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .zap-lista .zap-linha2{align-items:center}
[data-vertical="prospeccao"] .zap-lista .zap-linha2 .previa{font-size:13px;color:var(--bc-texto-2)}
/* O selo redondo das não lidas: preto; passou de 15 minutos, vermelho. */
[data-vertical="prospeccao"] .zap-lista .nao-lidas{background:var(--bc-primaria);color:#fff}
[data-vertical="prospeccao"] .zap-lista .nao-lidas.demais{background:var(--crit);color:#fff}
[data-vertical="prospeccao"] .zap-recibo{flex:none;display:inline-flex;align-items:center;color:var(--bc-texto-2);position:relative}
[data-vertical="prospeccao"] .zap-recibo.pendente{opacity:.7}
[data-vertical="prospeccao"] .zap-recibo.falhou{color:var(--crit)}
/* Os selos de quem está com a conversa, em cinza: a assistente em contorno,
uma pessoa da equipe em cinza cheio; só o que espera resposta em vermelho. */
[data-vertical="prospeccao"] .zap-selos{flex-wrap:nowrap;align-items:center;gap:4px;margin-top:4px;min-width:0;overflow:hidden}
[data-vertical="prospeccao"] .zap-selos .pausada{flex:none;font-size:11.5px;font-weight:500;padding:1px 8px;border-radius:999px;
background:#E2E1DB;color:var(--ink);border:1px solid transparent}
[data-vertical="prospeccao"] .zap-selos .pausada.assistente{background:var(--bc-painel);color:var(--ink-2);border-color:var(--bc-borda)}
[data-vertical="prospeccao"] .zap-selos .pausada.pendente{background:var(--crit-tint);color:var(--crit)}
[data-vertical="prospeccao"] .zap-oport{flex:1;min-width:0;margin-left:2px;font-size:11.5px;color:var(--bc-texto-2);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-vertical="prospeccao"] .zap-vazio{display:flex;flex-direction:column;align-items:center;gap:12px}
[data-vertical="prospeccao"] .zap-vazio p{margin:0}
[data-vertical="prospeccao"] .zap-tem-mais{margin:0;padding:12px 14px;font-size:12px;color:var(--bc-texto-2);text-align:center}
/* ── a conversa: cabeçalho (o nome abre o perfil) ── */
[data-vertical="prospeccao"] .zap-fio{background:var(--bc-fundo)}
[data-vertical="prospeccao"] .zap-fio-topo{gap:12px;padding:9px 16px;background:var(--bc-painel);border-bottom:1px solid var(--bc-borda)}
[data-vertical="prospeccao"] .zap-fio-topo .zap-nome{font-size:15px;font-weight:600}
[data-vertical="prospeccao"] .zap-fio-topo .zap-quem .sub{margin:1px 0 0;font-size:12.5px;color:var(--bc-texto-2);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Onde o WhatsApp diz "online": quem está com a conversa, em texto pequeno. */
[data-vertical="prospeccao"] .zap-fio-topo .zap-estado{display:block;margin-top:1px;font-size:11.5px;font-weight:500;color:var(--ink-2);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-vertical="prospeccao"] .zap-fio-topo .zap-estado.selo-assistente,
[data-vertical="prospeccao"] .zap-fio-topo .zap-estado.selo-sem{color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .zap-fio-topo .zap-estado.selo-esperando{color:var(--crit)}
[data-vertical="prospeccao"] .zap-fio-topo .zap-ver-oport{flex:none;gap:6px;min-height:36px;padding:0 14px;margin:0;white-space:nowrap}
/* Assumir é a ação principal (preto cheio); Devolver fica em contorno. */
[data-vertical="prospeccao"] .zap-fio-topo .chave .botao-linha{min-height:36px;padding:0 14px;font-size:13px;font-weight:600}
[data-vertical="prospeccao"] .zap-fio-topo .chave .zap-assumir{background:var(--bc-primaria);border-color:var(--bc-primaria);color:#fff}
[data-vertical="prospeccao"] .zap-fio-topo .chave .zap-assumir:hover:not(:disabled){background:#000;color:#fff}
/* A faixa da oportunidade: uma linha fina, branca, logo abaixo do cabeçalho. */
[data-vertical="prospeccao"] .bse-conversa-oport{display:block;flex:none;margin:0;padding:7px 16px;border-radius:0;
background:var(--bc-painel);border-bottom:1px solid var(--bc-borda);color:var(--bc-texto-2);font-size:12.5px;line-height:1.45;
overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-conversa-oport strong{color:var(--ink);font-weight:600}
[data-vertical="prospeccao"] .bse-conversa-oport a{color:var(--ink) !important;font-weight:600;white-space:nowrap}
[data-vertical="prospeccao"] .bse-conversa-oport:has(.zap-faixa-acao){display:flex;align-items:center;justify-content:space-between;gap:10px}
@media (min-width:721px){
/* No computador o botão "Oportunidade" do cabeçalho já leva lá. */
[data-vertical="prospeccao"] .bse-conversa-oport .zap-faixa-link{display:none}
}
@media (max-width:720px){
[data-vertical="prospeccao"] .zap-fio-topo .zap-ver-oport{display:none}
[data-vertical="prospeccao"] .zap-fio-topo{gap:6px;padding:8px 10px}
[data-vertical="prospeccao"] .zap-fio-topo .chave .botao-linha{min-height:40px;padding:0 12px}
[data-vertical="prospeccao"] .bse-conversa-oport{padding:6px 12px}
}
/* ── a conversa: o fio do WhatsApp (textura, balões, rabinho) ── */
[data-vertical="prospeccao"] .zap-fio-rolagem{background-color:var(--bc-fundo);
background-image:radial-gradient(circle at 12% 18%, var(--bc-borda) 1.5px, transparent 1.6px),
radial-gradient(circle at 62% 42%, var(--bc-borda) 1.5px, transparent 1.6px),
radial-gradient(circle at 34% 78%, var(--bc-borda) 1.5px, transparent 1.6px),
radial-gradient(circle at 86% 88%, var(--bc-borda) 1.5px, transparent 1.6px);
background-size:180px 180px}
[data-vertical="prospeccao"] .zap-fio-rolagem .balao{background:var(--bc-painel);box-shadow:0 1px 1px rgba(20,20,20,.06)}
/* Os nossos: cinza um tom abaixo do fundo, para ler de que lado estão. */
[data-vertical="prospeccao"] .zap-fio-rolagem .msg.saida .balao{background:#E5E4DF}
[data-vertical="prospeccao"] .zap-fio-rolagem .quem,
[data-vertical="prospeccao"] .zap-fio-rolagem .autor-assistente .quem{color:var(--ink)}
[data-vertical="prospeccao"] .zap-fio-rolagem .autor-humano .quem{color:var(--ink-2)}
[data-vertical="prospeccao"] .zap-fio-rolagem .balao .quando,
[data-vertical="prospeccao"] .zap-fio-rolagem .msg.saida .balao .quando{color:var(--bc-texto-2);opacity:1}
[data-vertical="prospeccao"] .zap-fio-rolagem .msg.saida .recibo{color:var(--ink-2)}
[data-vertical="prospeccao"] .zap-fio-rolagem .msg.saida .recibo.falhou{color:var(--crit)}
[data-vertical="prospeccao"] .zap-fio-rolagem .tarja-dia{background:var(--bc-painel);border-color:var(--bc-borda);color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .zap-fio-rolagem .reenviar{color:var(--ink)}
[data-vertical="prospeccao"] .zap-nada svg{color:var(--bc-texto-2);margin:0 auto 8px}
[data-vertical="prospeccao"] .zap-nada p{margin:0;color:var(--bc-texto-2)}
/* ── a conversa: a barra de resposta numa linha só ── */
[data-vertical="prospeccao"] .zap-fio-pe{background:var(--bc-painel);border-top:1px solid var(--bc-borda);padding:10px 14px 12px}
[data-vertical="prospeccao"] .zap-fio-pe .responder{gap:6px}
[data-vertical="prospeccao"] .zap-fio-pe .responder textarea{border:1px solid var(--bc-borda);border-radius:20px;background:var(--bc-fundo)}
[data-vertical="prospeccao"] .zap-fio-pe .responder textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-vertical="prospeccao"] .zap-fio-pe .responder textarea:focus{border-color:var(--ink);background:var(--bc-painel)}
[data-vertical="prospeccao"] .zap-fio-pe .anexar{color:var(--ink-2)}
[data-vertical="prospeccao"] .zap-fio-pe .anexar:hover:not(:disabled),
[data-vertical="prospeccao"] .zap-fio-pe .anexar.aberto{background:var(--bc-selecionado);color:var(--ink)}
[data-vertical="prospeccao"] .zap-fio-pe .enviar-redondo{background:var(--bc-primaria);color:#fff}
[data-vertical="prospeccao"] .zap-fio-pe .responder-aviso{color:var(--bc-texto-2)}
[data-vertical="prospeccao"] .zap-fio-pe .anexo-preso{background:var(--bc-fundo)}
@media (max-width:720px){
[data-vertical="prospeccao"] .zap-fio-pe{padding:8px 10px max(10px, env(safe-area-inset-bottom, 0px))}
/* Quatro botões e o campo numa linha de 370 px: os ícones encolhem um pouco. */
[data-vertical="prospeccao"] .zap-fio-pe .anexar{width:34px;height:34px}
[data-vertical="prospeccao"] .zap-fio-pe .responder{gap:4px}
}
/* ── o perfil da pessoa (pop-up do nome) ── */
[data-vertical="prospeccao"] .bse-perfil .perfil-numeros strong{font-weight:600}
[data-vertical="prospeccao"] .bse-perfil .perfil-agenda{background:var(--bc-fundo);color:var(--ink-2)}
[data-vertical="prospeccao"] .bse-perfil .perfil-agenda.proximo{background:var(--bc-selecionado);color:var(--ink)}
[data-vertical="prospeccao"] .bse-perfil .perfil-dados dd{overflow-wrap:anywhere}
[data-vertical="prospeccao"] .bse-perfil .perfil-pe .bc-botao{width:100%}