/* Integrações (Sprint 28): diagnóstico/simulação por provider (IXC, Meta,
   OpenAI) e conversão de lead em cliente/lead no IXC. Mesmo padrão das
   sprints 21-27: escopo por body[data-endpoint="..."], sem tocar em
   style.css nem nos módulos legados (forms-admin.css/operations.css,
   sprint 8E) — este arquivo carrega DEPOIS de css/admin.css em base.html,
   então as regras abaixo vencem a cascata de propósito. Nenhuma cor de
   botão de ação alterada (.button, .button.secondary continuam com o
   azul/cinza já existentes).

   Prompt 8 (2026-08-28): as regras para body[data-endpoint="integrations"]
   e o bloco compartilhado .subtabs saíram daqui — a tela de Integrações
   (Tokens + Integrações com sistemas) foi reescrita em Tailwind por tela
   (static/css/vendor/tailwind-integrations.src.css/.css, mesmo padrão do
   STATUS_REPORT #15). Este arquivo continua valendo só para
   new_ixc_customer/new_ixc_lead, fora do escopo do Prompt 8.

   Achados desta sprint:
   - "Enviar Lead ao IXC" (lead_form.html) e "Enviar cliente ao IXC"
     (ixc_customer_new.html) são <button disabled> sem nenhuma classe —
     como .button/button do style.css não tem regra para :disabled, o
     botão desabilitado renderizava com o mesmo azul vívido do botão
     ativo, parecendo clicável quando não é. A partir da sprint 29 isso
     é resolvido globalmente em css/components.css (button:disabled) —
     não há mais regra local aqui.
   - integrations/new_ixc_customer nunca tiveram breadcrumbs (só eyebrow
     "Integrações" solto) nem entravam em settings_endpoints em base.html
     — corrigido também no template (breadcrumb consistente + sidebar
     "Configurações" ativa).
   - .integration-grid (2 colunas) e o cartão único (sem duplicidade de
     .panel) já vinham corretos do style.css/forms-admin.css; aqui só
     trocamos borda/raio/sombra do cartão para os tokens v2.
   - Nenhum botão "Ações" (dropdown/.actions-menu) existe nessas telas —
     não há caso de migração do botão navy aqui.

   Sprint 30: new_ixc_lead (tela de revisão para "Enviar Lead ao IXC")
   estende os mesmos seletores de new_ixc_customer, que ela espelha
   estruturalmente (mesmo template base, mesmo form-grid de revisão). */

body[data-endpoint="new_ixc_customer"],
body[data-endpoint="new_ixc_lead"] {
  font-family: var(--font-family-v2);
}

/* ---------- Cabeçalho ---------- */
body[data-endpoint="new_ixc_customer"] .page-head h1,
body[data-endpoint="new_ixc_lead"] .page-head h1 {
  color: var(--color-text-primary);
}
body[data-endpoint="new_ixc_customer"] .page-head p,
body[data-endpoint="new_ixc_lead"] .page-head p {
  color: var(--color-text-secondary);
}

/* ---------- Cartões (consulta, revisão) ---------- */
body[data-endpoint="new_ixc_customer"] .panel.ui-card,
body[data-endpoint="new_ixc_lead"] .panel.ui-card {
  background: var(--color-surface-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}
body[data-endpoint="new_ixc_customer"] .panel-head h2,
body[data-endpoint="new_ixc_lead"] .panel-head h2 {
  color: var(--color-text-primary);
}
body[data-endpoint="new_ixc_customer"] .panel-head p,
body[data-endpoint="new_ixc_lead"] .panel-head p {
  color: var(--color-text-secondary);
}
body[data-endpoint="new_ixc_customer"] .muted,
body[data-endpoint="new_ixc_lead"] .muted {
  color: var(--color-text-secondary);
}

/* ---------- Conversão de lead em cliente / envio de Lead ao IXC ---------- */
body[data-endpoint="new_ixc_customer"] .form-grid label,
body[data-endpoint="new_ixc_lead"] .form-grid label {
  color: var(--color-text-secondary);
}
body[data-endpoint="new_ixc_customer"] .form-grid input:disabled,
body[data-endpoint="new_ixc_lead"] .form-grid input:disabled {
  background: var(--color-surface-alt);
  color: var(--color-text-secondary);
}