/* Leads (28/10/2026): o CRM comercial. Só tokens existentes; pensado primeiro para o celular. */
#cooperBedinView .cb-leads .cb-modulo__head > .cb-lc-acoes { justify-content: flex-end; margin-left: auto; max-width: 100%; }
#cooperBedinView .cb-leads-abas { margin: 4px 0 16px; }
#cooperBedinView .cb-leads-kpis { margin: 0 0 14px; }
#cooperBedinView .cb-leads-kpis--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#cooperBedinView .cb-leads-segmentos, #cooperBedinView .cb-leads-periodo { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
#cooperBedinView .cb-leads-segmentos [aria-pressed="true"], #cooperBedinView .cb-leads-periodo [aria-pressed="true"] { background: var(--cb-ink); border-color: var(--cb-ink); color: var(--cb-surface); }
#cooperBedinView .cb-leads-segmentos [aria-pressed="true"] .cb-fin-aba__n { background: var(--cb-surface); color: var(--cb-ink); }
#cooperBedinView .cb-leads-acoes { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
#cooperBedinView .cb-leads-tabela td small, #cooperBedinView .cb-leads td small { display: block; color: var(--cb-muted); margin-top: 2px; }
#cooperBedinView .cb-leads-retorno { font-weight: 600; white-space: nowrap; }
#cooperBedinView .cb-leads-retorno--atrasado { color: var(--st-erro-tx); }
#cooperBedinView .cb-leads-retorno--hoje { color: var(--st-atencao-tx); }
#cooperBedinView .cb-leads-retorno--agendado { color: var(--st-info-tx); }
#cooperBedinView .cb-leads-form { margin: 0 0 16px; }
#cooperBedinView .cb-leads-form__grade { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
#cooperBedinView .cb-leads-form__grade > .cb-leads-local, #cooperBedinView .cb-leads-form__grade > .cb-leads-arquivos,
#cooperBedinView .cb-leads-form__obs, #cooperBedinView .cb-leads-economia { grid-column: 1 / -1; }
#cooperBedinView .cb-leads-form__acoes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
#cooperBedinView .cb-leads-economia { align-items: baseline; background: var(--st-sol-bg); border: 1px solid var(--st-sol); border-radius: 12px; display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 12px 14px; }
#cooperBedinView .cb-leads-economia > span { color: var(--st-atencao-tx); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; width: 100%; }
#cooperBedinView .cb-leads-economia strong { font-size: 24px; }
#cooperBedinView .cb-leads-economia strong small { font-size: 13px; font-weight: 500; }
#cooperBedinView .cb-leads-local { border: 1px solid var(--cb-line); border-radius: 12px; margin: 0; padding: 12px 14px; }
#cooperBedinView .cb-leads-local legend { font-weight: 600; padding: 0 4px; }
#cooperBedinView .cb-leads-local__gps { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
#cooperBedinView .cb-leads-arquivos ul { list-style: none; margin: 8px 0 0; padding: 0; }
#cooperBedinView .cb-leads-arquivos li { align-items: center; border-top: 1px solid var(--cb-line); display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 0; }
#cooperBedinView .cb-leads-arquivos small { color: var(--cb-muted); display: block; }
#cooperBedinView .cb-leads-arquivos__botao { cursor: pointer; margin-top: 6px; }
#cooperBedinView .cb-leads-ficha { display: grid; gap: 16px; }
#cooperBedinView .cb-leads-ficha__topo { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; }
#cooperBedinView .cb-leads-dados { display: grid; gap: 12px 20px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); margin: 0; }
#cooperBedinView .cb-leads-dados dt { color: var(--cb-muted); font-size: 12px; }
#cooperBedinView .cb-leads-dados dd { font-weight: 600; margin: 2px 0 0; }
#cooperBedinView .cb-leads-obs { background: var(--st-neutro-bg); border-radius: 10px; margin: 14px 0 0; padding: 10px 12px; white-space: pre-wrap; }
#cooperBedinView .cb-leads-ficha__registros { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
#cooperBedinView .cb-leads-mini { display: grid; gap: 10px; align-content: start; }
#cooperBedinView .cb-leads-mini h3 { margin: 0; }
#cooperBedinView .cb-leads-mini .cb-btn { justify-self: start; }
#cooperBedinView .cb-leads-mapa__barra { align-items: flex-end; display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 8px; }
#cooperBedinView .cb-leads-mapa__barra .cb-leads-segmentos { margin: 0; }
#cooperBedinView .cb-leads-mapa { border: 1px solid var(--cb-line); border-radius: 14px; height: 520px; overflow: hidden; z-index: 0; }
#cooperBedinView .cb-leads-legenda { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; color: var(--cb-muted); font-size: 13px; }
#cooperBedinView .cb-leads-ponto { border-radius: 50%; display: inline-block; height: 10px; margin-right: 6px; width: 10px; }
#cooperBedinView .cb-leads-ponto--aberto { background: var(--st-sol); }
#cooperBedinView .cb-leads-ponto--vendido { background: var(--st-ok-tx); }
#cooperBedinView .cb-leads-ponto--cancelado { background: var(--st-erro); }
#cooperBedinView .cb-leads-meta { background: var(--st-neutro-bg); border-radius: 99px; display: inline-block; height: 8px; overflow: hidden; vertical-align: middle; width: 90px; }
#cooperBedinView .cb-leads-meta span { background: var(--st-ok); display: block; height: 100%; }
#cooperBedinView .cb-leads-meta-form { align-items: flex-end; display: flex; flex-wrap: wrap; gap: 12px; }
#cooperBedinView .cb-leads-meta-form .cb-field { width: 140px; }
#cooperBedinView .cb-leads-economia-form { display: grid; gap: 14px; max-width: 560px; }
#cooperBedinView .cb-leads-descontos { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 4px 0 8px; padding: 0; }
#cooperBedinView .cb-leads-descontos li { align-items: center; background: var(--st-sol-bg); border: 1px solid var(--st-sol); border-radius: 99px; display: flex; gap: 6px; padding: 2px 4px 2px 12px; font-weight: 600; }
#cooperBedinView .cb-leads-descontos__novo { display: flex; gap: 8px; }
#cooperBedinView .cb-leads-descontos__novo .cb-input { max-width: 160px; }
@media (max-width: 1100px) { #cooperBedinView .cb-leads-kpis--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  #cooperBedinView .cb-leads-form__grade, #cooperBedinView .cb-leads-ficha__registros { grid-template-columns: 1fr; }
  #cooperBedinView .cb-leads-kpis, #cooperBedinView .cb-leads-kpis--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #cooperBedinView .cb-leads-kpis .cb-d2-kpi { padding: 12px; }
  #cooperBedinView .cb-leads-mapa { height: 380px; }
  /* No celular a tabela vira cartões: um lead por cartão, sem rolar para o lado. */
  #cooperBedinView .cb-tablewrap:has(> .cb-leads-tabela)::before { display: none; }
  #cooperBedinView .cb-tablewrap > .cb-table.cb-leads-tabela { min-width: 0; }
  #cooperBedinView .cb-leads-tabela thead { display: none; }
  #cooperBedinView .cb-leads-tabela, #cooperBedinView .cb-leads-tabela tbody { display: block; }
  #cooperBedinView .cb-leads-tabela tr { border-bottom: 1px solid var(--cb-line); display: grid; gap: 6px 12px; grid-template-areas: "cliente cliente" "consumo prox" "local vendedor" "acao acao"; grid-template-columns: 1fr 1fr; padding: 12px; }
  #cooperBedinView .cb-leads-tabela td { border: 0; display: block; padding: 0; text-align: left; }
  #cooperBedinView .cb-leads-tabela .cb-ld-cliente { grid-area: cliente; }
  #cooperBedinView .cb-leads-tabela .cb-ld-data { display: none; }
  #cooperBedinView .cb-leads-tabela .cb-ld-consumo { grid-area: consumo; }
  #cooperBedinView .cb-leads-tabela .cb-ld-prox { grid-area: prox; }
  #cooperBedinView .cb-leads-tabela .cb-ld-local { grid-area: local; }
  #cooperBedinView .cb-leads-tabela .cb-ld-vendedor { grid-area: vendedor; color: var(--cb-muted); }
  #cooperBedinView .cb-leads-tabela .cb-ld-acao { grid-area: acao; }
  #cooperBedinView .cb-leads-tabela .cb-leads-acoes { justify-content: flex-start; }
  #cooperBedinView .cb-leads-tabela td.cb-empty { grid-column: 1 / -1; }
}
/* O cartão da plataforma não tem respiro interno: cada bloco do Leads dá o seu. */
#cooperBedinView .cb-leads-form > :not(.cb-card__head), #cooperBedinView .cb-leads-ficha .cb-card > :is(.cb-leads-dados, .cb-leads-obs, .cb-leads-arquivos) { margin: 16px 20px; }
#cooperBedinView .cb-leads-mini, #cooperBedinView .cb-leads-economia-form { padding: 16px 20px; }
#cooperBedinView .cb-leads-ficha .cb-card__head { align-items: center; display: flex; flex-wrap: wrap; gap: 8px 12px; justify-content: space-between; }
#cooperBedinView .cb-leads-ficha .cb-card__head h3 { margin: 0; }
@media (max-width: 760px) {
  #cooperBedinView .cb-leads-form > :not(.cb-card__head), #cooperBedinView .cb-leads-ficha .cb-card > :is(.cb-leads-dados, .cb-leads-obs, .cb-leads-arquivos) { margin: 14px; }
  #cooperBedinView .cb-leads-mini, #cooperBedinView .cb-leads-economia-form { padding: 14px; }
}
#cooperBedinView .cb-leads .cb-app-comercial { margin: 20px 0 0; }
#cooperBedinView .cb-leads-confirma { background: var(--st-atencao-bg); border: 1px solid var(--st-atencao-tx); border-radius: 10px; display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; padding: 12px; }
#cooperBedinView .cb-leads-confirma span { color: var(--cb-text); font-size: 0.84rem; }
#cooperBedinView .cb-leads-confirma div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
