/* COMPONENTE — abas e fila de pendentes */

/* ===== Abas do painel + fila de pendentes ===== */
.panel-tabs { display:flex; gap:8px; margin-bottom:1.25rem; }
.panel-tab { flex:1; padding:10px 12px; border-radius:var(--radius-control); border:1.5px solid var(--border-default); background:var(--surface-sunken); color:var(--text-subtle); font-family:var(--font-display); font-weight:var(--weight-bold); font-size:14px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition: border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard); }
.panel-tab.active { border-color:var(--accent-deep); color:#fff; }
.pending-badge { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:var(--favo-danger-500); color:#fff; font-size:12px; font-weight:var(--weight-bold); }
.pending-badge.zero { background:var(--border-default); color:var(--text-subtle); }
.lead-list { display:flex; flex-direction:column; gap:10px; }
/* Linha de quem parou no meio: contato à esquerda, até onde foi à direita.
   Sem botão: não há mais o que aprovar — a fila de CNPJ morreu com o modelo
   antigo, e esta lista é leitura (o comercial liga, o app não decide nada). */
.lead-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; background:var(--surface-sunken); border:1.5px solid var(--border-default); border-radius:var(--radius-control); }
/* Já foi para o webhook de abandono (2h parado): some do radar de "ainda pode
   voltar sozinho" e entra no de resgate ativo. */
.lead-item.abandonado { border-color:var(--favo-danger-500); }
.lead-item .name { color:#fff; font-family:var(--font-display); font-weight:var(--weight-bold); font-size:16px; }
.lead-item .meta { color:var(--text-subtle); font-size:13px; margin-top:2px; word-break:break-all; }
.lead-progresso { display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex-shrink:0; text-align:right; }
.lead-status { font-family:var(--font-display); font-weight:var(--weight-bold); font-size:13px; color:var(--accent); }
.lead-item.abandonado .lead-status { color:var(--favo-danger-500); }
.lead-step { font-family:var(--font-mono); font-size:12px; color:var(--text-subtle); }