/* Ajustes do fundo CLARO nas telas antigas.
   Essas telas foram feitas só pro tema escuro: têm campos, cartões e cores de destaque fixos no CSS
   (ex.: ciano #22d3ee como texto). Aqui, só quando a área de conteúdo está clara, trocamos por
   equivalentes legíveis. Nada disso afeta o fundo escuro. (Gerado a partir de uma auditoria de
   contraste automática — ver o histórico do commit.) */

.main-content[data-theme="light"] {
  --jm-cyan: #0b7f97;
  --jm-green: #0f8a5b;
  --lf-ink: #0f172a;
  --lf-ciano: #0b7f97;
  --lf-verde: #0f8a5b;
  --lf-line: #cbd5e1;
  /* cinzas de texto mais escuros (o do tema claro original, #94a3b8, dava ~2.6:1 sobre branco) */
  --text-muted: #5b6b80;
  --text-secondary: #3b4a5e;
  --text-subtle: #4b5b70;
}

/* ---------- cor padrão do texto ----------
   O <html> do painel é SEMPRE escuro (o menu é a casca escura), então o <body> define color: var(--text-primary) = #f0f6fc
   (branco azulado). Títulos, rótulos e parágrafos sem cor própria herdavam isso e ficavam "azul claro" sobre o fundo branco
   até o light-adapter.js escurecer (0,5 a 1,5 s depois, e só nos primeiros 6000 elementos) — por isso o texto parecia mudar
   de cor ao apertar F5. Aqui a área clara (e as janelas que seguem o fundo claro) já nasce com texto escuro. */
.main-content[data-theme="light"],
[data-canvas-auto][data-theme="light"] {
  color: #0f172a;
}

/* ---------- campos ---------- */
.main-content[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]),
.main-content[data-theme="light"] select,
.main-content[data-theme="light"] textarea {
  background-color: #fff !important; color: var(--lf-ink) !important; border-color: var(--lf-line) !important;
}
.main-content[data-theme="light"] input::placeholder, .main-content[data-theme="light"] textarea::placeholder { color: #94a3b8 !important; }
.main-content[data-theme="light"] select option { background: #fff; color: var(--lf-ink); }
.main-content[data-theme="light"] pre, .main-content[data-theme="light"] .prompt-content, .main-content[data-theme="light"] code {
  background: #f1f5f9 !important; color: var(--lf-ink) !important; border-color: var(--lf-line) !important;
}

/* ---------- destaques (ciano/verde) usados como TEXTO ---------- */
.main-content[data-theme="light"] .conversa-tag-pill,
.main-content[data-theme="light"] .kanban-column.col-bot .col-title, .main-content[data-theme="light"] .kanban-column.col-bot .col-badge,
.main-content[data-theme="light"] .btn-kanban-action.bot, .main-content[data-theme="light"] .btn-kanban-action.bot .material-icons,
.main-content[data-theme="light"] .kanban-column.col-bot .material-icons,
.main-content[data-theme="light"] .tec-chip, .main-content[data-theme="light"] .tec-tab.active, .main-content[data-theme="light"] .tec-tag.cep,
.main-content[data-theme="light"] .cmd-tab.active, .main-content[data-theme="light"] .cmd-chip.active,
.main-content[data-theme="light"] .james-avatar-icon, .main-content[data-theme="light"] .material-icons[style*="22d3ee"] {
  color: var(--lf-ciano) !important;
}
.main-content[data-theme="light"] .kanban-column.col-atendimento .col-title, .main-content[data-theme="light"] .kanban-column.col-atendimento .col-badge,
.main-content[data-theme="light"] .btn-kanban-action.assume, .main-content[data-theme="light"] .btn-kanban-action.assume .material-icons,
.main-content[data-theme="light"] .kanban-sla-badge.normal,
.main-content[data-theme="light"] .ag-slot.free, .main-content[data-theme="light"] .ag-slot.free small,
.main-content[data-theme="light"] .circuit-status-badge {
  color: var(--lf-verde) !important;
}

/* ---------- títulos e números com cor clara fixa ---------- */
.main-content[data-theme="light"] .james-kpi-value, .main-content[data-theme="light"] h4,
.main-content[data-theme="light"] .cmd-title, .main-content[data-theme="light"] .k-v { color: var(--lf-ink) !important; }

/* ---------- Configurações > Horário (cartões dos dias) ---------- */
.main-content[data-theme="light"] .painel-horario-card { background: #fff !important; border-color: var(--lf-line) !important; }
.main-content[data-theme="light"] .painel-horario-card b, .main-content[data-theme="light"] .painel-horario-card label { color: var(--lf-ink) !important; }

/* ---------- âmbar como texto/ícone ---------- */
.main-content[data-theme="light"] .kanban-column.col-fila .col-title, .main-content[data-theme="light"] .kanban-column.col-fila .col-title .material-icons,
.main-content[data-theme="light"] .kanban-column.col-espera .col-title, .main-content[data-theme="light"] .kanban-column.col-aguardando .col-title,
.main-content[data-theme="light"] .kanban-column .col-title .material-icons[style*="f59e0b"] { color: #b45309 !important; }

/* ---------- tabelas ---------- */
.main-content[data-theme="light"] table, .main-content[data-theme="light"] .data-table { background: #fff !important; color: var(--lf-ink) !important; border-color: var(--lf-line) !important; }
.main-content[data-theme="light"] table th, .main-content[data-theme="light"] .data-table th { background: #f1f5f9 !important; color: #334155 !important; border-color: var(--lf-line) !important; }
.main-content[data-theme="light"] table td, .main-content[data-theme="light"] .data-table td { border-color: #e2e8f0 !important; }
.main-content[data-theme="light"] table tbody tr:hover, .main-content[data-theme="light"] .data-table tbody tr:hover { background: #f8fafc !important; }

/* Painel do Cliente & cartões: a regra global `[data-theme="dark"] .card { #161b22 !important }` casa porque o <html>
   fica em data-theme="dark"; sem isto o cartão nascia ESCURO e só clareava quando o adaptador varria (~0,5 s). */
.main-content[data-theme="light"] .metric-card,
.main-content[data-theme="light"] .chart-container,
.main-content[data-theme="light"] .data-table,
.main-content[data-theme="light"] .client-info-section,
.main-content[data-theme="light"] .client-contract-card,
.main-content[data-theme="light"] .tag-card-modern,
.main-content[data-theme="light"] .painel-horario-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}