/* CRM — telas restantes (Sprint 25): lead (novo/editar), comparação de
   leads, atividades, produtividade e administração de formulários
   (criar/editar formulário, campos, editar campo). Mesmo padrão das
   sprints 21-24: escopo por body[data-endpoint="..."], sem tocar em
   style.css nem nos módulos legados (dashboard-crm.css, forms-admin.css,
   operations.css) — este arquivo carrega DEPOIS de css/modules/index.css
   em base.html, então as regras abaixo vencem a cascata de propósito.

   Achados desta sprint (ver resumo para detalhes):
   - edit_lead/new_lead: o <div class="panel"> externo e o <form
     class="lead-form"> interno acabavam os dois "de cartão" (o externo
     pela regra genérica .panel do style.css, o interno pela migração da
     sprint 8E em dashboard-crm.css) — cartão dentro de cartão. Aqui o
     externo vira só um wrapper transparente e o .lead-form assume o
     cartão único.
   - compare_leads nunca foi tocado pela migração da sprint 8E — ficava
     só com o .panel genérico do style.css. Aqui recebe o mesmo
     tratamento de cartão v2 que os demais.

   Prompt 13 (2026-08-28): as regras de activities/productivity_page
   saíram deste arquivo — foram para tailwind-activities.src.css e
   tailwind-productivity.src.css (mesmo padrão Tailwind-por-tela do
   Prompt 0/1/3/4/6-12, ver STATUS_REPORT.md #15). As regras de
   new_lead_form/edit_lead_form/form_fields/edit_form_field também
   saíram — na verdade já estavam mortas desde o Prompt 11 (essas 3
   telas foram reescritas em tailwind-forms.src.css e não usam mais
   `.panel`/`.lead-form`/`.field-builder-row`; a limpeza deste arquivo só
   não tinha sido feita na hora — corrigido agora). edit_lead/new_lead
   continuam aqui, sem mudança: dois testes (`test_ui_lead_ixc_panel.py`)
   leem `.lead-form legend`/`.qualification-card dl` direto deste
   arquivo — inertes pro reskin novo (`templates/lead_form.html` usa
   a1-*/ds-* agora), mas intocados de propósito. compare_leads também
   continua, fora do escopo deste prompt. */

body[data-endpoint="edit_lead"],
body[data-endpoint="new_lead"],
body[data-endpoint="compare_leads"] {
  font-family: var(--font-family-v2);
}

/* ---------- Lead: novo/editar ---------- */
body[data-endpoint="edit_lead"] .panel,
body[data-endpoint="new_lead"] .panel {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin-bottom: 0;
}
body[data-endpoint="edit_lead"] .lead-form,
body[data-endpoint="new_lead"] .lead-form {
  background: var(--color-surface-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: 24px;
}
body[data-endpoint="edit_lead"] .lead-form fieldset,
body[data-endpoint="edit_lead"] .lead-form details,
body[data-endpoint="new_lead"] .lead-form fieldset,
body[data-endpoint="new_lead"] .lead-form details {
  border-color: var(--color-border-subtle);
  border-radius: var(--radius-base);
  background: var(--color-surface-alt);
}
body[data-endpoint="edit_lead"] .lead-form legend,
body[data-endpoint="edit_lead"] .lead-form summary,
body[data-endpoint="new_lead"] .lead-form legend,
body[data-endpoint="new_lead"] .lead-form summary {
  color: var(--color-text-primary);
  font-size: 15px;
  font-weight: 700;
}
/* Sprint 51: "Dados iniciais" (fieldset fixo, sempre aberto) usava a
   mesma cor dos rótulos de campo — sem destaque nenhum em relação ao
   restante do formulário. legend agora tem o mesmo peso visual dos
   <summary> das seções recolhíveis (Identificação, Contato...), com
   espaçamento abaixo antes da grade de campos. */
body[data-endpoint="edit_lead"] .lead-form legend,
body[data-endpoint="new_lead"] .lead-form legend {
  margin-bottom: 12px;
  padding: 0;
}
body[data-endpoint="edit_lead"] .lead-form label,
body[data-endpoint="new_lead"] .lead-form label {
  color: var(--color-text-secondary);
}
body[data-endpoint="edit_lead"] .lead-form input,
body[data-endpoint="edit_lead"] .lead-form select,
body[data-endpoint="edit_lead"] .lead-form textarea,
body[data-endpoint="new_lead"] .lead-form input,
body[data-endpoint="new_lead"] .lead-form select,
body[data-endpoint="new_lead"] .lead-form textarea {
  border-color: var(--color-border);
  border-radius: var(--radius-base);
  color: var(--color-text-primary);
}
body[data-endpoint="edit_lead"] .qualification-card,
body[data-endpoint="new_lead"] .qualification-card {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}
body[data-endpoint="edit_lead"] .qualification-card h2,
body[data-endpoint="edit_lead"] .qualification-card h3,
body[data-endpoint="new_lead"] .qualification-card h2,
body[data-endpoint="new_lead"] .qualification-card h3 {
  color: var(--color-text-primary);
}
/* Sprint 51: o painel de Integração IXC (e os demais cards que usam
   dl/dt/dd, ex. "Origem e atribuição") ficavam com o recuo padrão do
   navegador em <dd> e nenhum alinhamento entre rótulo e valor. Duas
   colunas fixas deixam "título: valor" sempre alinhado, sem depender de
   quantas palavras cada rótulo tem. */
body[data-endpoint="edit_lead"] .qualification-card dl,
body[data-endpoint="new_lead"] .qualification-card dl {
  display: grid;
  grid-template-columns: minmax(10rem, max-content) 1fr;
  gap: 6px 12px;
  margin: 0;
}
body[data-endpoint="edit_lead"] .qualification-card dt,
body[data-endpoint="new_lead"] .qualification-card dt {
  color: var(--color-text-tertiary);
  font-weight: 600;
}
body[data-endpoint="edit_lead"] .qualification-card dd,
body[data-endpoint="new_lead"] .qualification-card dd {
  color: var(--color-text-primary);
  margin: 0;
}
body[data-endpoint="edit_lead"] .ixc-field-label,
body[data-endpoint="new_lead"] .ixc-field-label {
  color: var(--color-text-tertiary);
}
body[data-endpoint="edit_lead"] .ixc-field-value,
body[data-endpoint="new_lead"] .ixc-field-value {
  color: var(--color-text-primary);
  font-weight: 600;
}
@media (max-width: 540px) {
  body[data-endpoint="edit_lead"] .qualification-card dl,
  body[data-endpoint="new_lead"] .qualification-card dl {
    grid-template-columns: 1fr;
  }
}
body[data-endpoint="edit_lead"] .badge,
body[data-endpoint="new_lead"] .badge {
  border-radius: var(--radius-pill);
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 500;
}
body[data-endpoint="edit_lead"] .history li,
body[data-endpoint="new_lead"] .history li {
  border-bottom-color: var(--color-border-subtle);
}
body[data-endpoint="edit_lead"] .history small,
body[data-endpoint="edit_lead"] .muted,
body[data-endpoint="new_lead"] .history small,
body[data-endpoint="new_lead"] .muted {
  color: var(--color-text-secondary);
}
body[data-endpoint="edit_lead"] .field-error,
body[data-endpoint="new_lead"] .field-error {
  color: var(--color-critical);
}
body[data-endpoint="edit_lead"] .form-alert.warning,
body[data-endpoint="new_lead"] .form-alert.warning {
  color: var(--color-warning);
}
/* ---------- Comparação de leads ---------- */
body[data-endpoint="compare_leads"] .page-head h1 {
  color: var(--color-text-primary);
}
body[data-endpoint="compare_leads"] .page-head p {
  color: var(--color-text-secondary);
}
body[data-endpoint="compare_leads"] .panel {
  background: var(--color-surface-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}
body[data-endpoint="compare_leads"] .panel h2 {
  color: var(--color-text-primary);
}
body[data-endpoint="compare_leads"] .panel dt {
  color: var(--color-text-tertiary);
  font-size: 12.5px;
}
body[data-endpoint="compare_leads"] .panel dd {
  color: var(--color-text-primary);
}