/* ============================================================
   MED ANGEL — THEME & CONTRAST STYLES
   Suporte aos temas Modo Escuro e Modo Claro com alto contraste
   ============================================================ */

/* ─── CONTROLE DE CONTRASTE E VISIBILIDADE GLOBAL ─────────── */

/* Garante texto altamente legível no tema escuro (padrão) */
[data-theme="dark"] {
  --bg-app: #07111F;
  --bg-surface: #0D1E35;
  --bg-card: #0D1E35;
  --bg-card-hover: #142847;
  --bg-input: #12243E;
  --border: #1E3456;
  --text-primary: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
}

/* Garante texto altamente legível no tema claro */
[data-theme="light"] {
  --bg-app: #F1F5F9;
  --bg-surface: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F8FAFC;
  --bg-input: #FFFFFF;
  --border: #CBD5E1;
  --text-primary: #0F172A;
  --text-secondary: #334155;
  --text-muted: #64748B;
}

/* Ajustes de tabelas para melhor leitura */
.data-table th {
  color: var(--text-muted) !important;
  font-weight: 700 !important;
}

.data-table td {
  color: var(--text-primary) !important;
}

/* Cartões com sombras e bordas limpas */
.card, .stat-card, .messages-layout, .conversations-panel, .messages-thread-panel {
  border-radius: var(--radius-xl) !important;
  border: 1px solid var(--border) !important;
}