/* Funil clean (regra `comercial.quadro_clean`, 15/10/2026).
 *
 * Veio dos funis do VP Club (08/10/2026): o quadro estava colorido demais e
 * o que precisava chamar atenção se perdia no meio. Regra do Bruno:
 * informação fica neutra (cinza, contorno fino); cor cheia só no que pede
 * ação. Vermelho só no atrasado, laranja no card sem próxima tarefa, verde
 * no lead que acabou de chegar.
 *
 * Tudo aqui mora debaixo de `body.crm-clean`, que o app.js liga só quando o
 * cliente declara a regra. Cliente sem a regra não carrega efeito nenhum.
 */

/* ---- card neutro: a nota de qualificação deixa de pintar a faixa ------- */
body.crm-clean .funil-card,
body.crm-clean .funil-card.farol-verde,
body.crm-clean .funil-card.farol-amarelo,
body.crm-clean .funil-card.farol-vermelho,
body.crm-clean .funil-card.farol-sem {
  border-left-color: var(--border);
  box-shadow: none;
}
body.crm-clean .funil-card .farol,
body.crm-clean .farol-verde .farol,
body.crm-clean .farol-amarelo .farol,
body.crm-clean .farol-vermelho .farol {
  background: transparent;
  color: var(--text-muted);
  border: 1px solid var(--border);
}

/* ---- a faixa da esquerda só acende quando há o que fazer --------------- */
body.crm-clean .funil-card.estado-atrasada { border-left-color: var(--red); }
body.crm-clean .funil-card.estado-sem-tarefa { border-left-color: var(--orange); }
body.crm-clean .funil-card.estado-novo { border-left-color: var(--green); }

/* Pontinho da tarefa: só atrasada e hoje têm cor; programada é cinza. */
body.crm-clean .ponto-tarefa { box-shadow: none; }
body.crm-clean .estado-ok .ponto-tarefa { background: var(--surface-3) !important; }
body.crm-clean .estado-hoje .ponto-tarefa { background: var(--brand) !important; }
body.crm-clean .estado-atrasada .ponto-tarefa { background: var(--red) !important; }

/* Valor e "sem valor" são informação, não alarme. */
body.crm-clean .card-sem-valor { color: var(--text-faint); background: transparent; }
body.crm-clean .card-valor { color: var(--text); }
body.crm-clean .card-dono { background: var(--surface-2); color: var(--text-muted); }

/* Topo da coluna: contagem e soma em cinza. */
body.crm-clean .funil-col-meta,
body.crm-clean .funil-col-valor { color: var(--text-muted); }

/* Barra do roteiro em tom neutro. */
body.crm-clean .card-roteiro-barra i { background: var(--text-faint); }

/* Botões do topo do quadro: primário escuro, o resto em contorno. */
body.crm-clean .filters-bar .ghost.small { border-color: var(--border); }

/* Linha da próxima tarefa dentro do card. */
body.crm-clean .card-alerta.prox {
  color: var(--text-muted);
  background: transparent;
  border: 1px solid var(--border);
}
body.crm-clean .card-alerta.prox.atrasada {
  color: #fff;
  background: var(--red);
  border-color: var(--red);
}