/* ═══════════════════════════════════════
   MODO OSCURO — body.dark
   ═══════════════════════════════════════ */
body.dark {
  --ink: #e2e8f0;
  --ink-m: #94a3b8;
  --ink-l: #64748b;
  --gray-l: #1e293b;
  --gray-d: #334155;
  --gray-m: #475569;
  --white: #0f172a;
  --blue-l: #1e3a5f;
}

body.dark,
body.dark #app-body,
body.dark .body-wrap {
  background: #0f172a;
  color: var(--ink);
}

/* Paneles y tarjetas */
body.dark .content,
body.dark .cfg-content,
body.dark #cfg-content,
body.dark .section-body,
body.dark .pd-body,
body.dark .anot-editor,
body.dark .anot-sidebar,
body.dark .anot-item,
body.dark .hist-stat-box,
body.dark .stats-results-card,
body.dark .kpi-card.kpi-orange,
body.dark .room-filter-dropdown,
body.dark .cal-area,
body.dark .modal-inner,
body.dark .modal-box,
body.dark .modal-content,
body.dark .dd-panel,
body.dark .table-wrap,
body.dark .fact-card,
body.dark .pat-card {
  background: #1e293b;
  color: var(--ink);
}

/* Profile dropdown */
body.dark .profile-dropdown,
body.dark .pd-item {
  background: #1e293b;
  color: var(--ink);
}
body.dark .pd-item:hover { background: #263548; }

/* Inputs, selects, textareas */
body.dark input:not([type=checkbox]):not([type=radio]),
body.dark select,
body.dark textarea {
  background: #0f172a;
  color: var(--ink);
  border-color: var(--gray-d);
}
body.dark input::placeholder,
body.dark textarea::placeholder { color: var(--ink-l); }

/* Tablas */
body.dark table { color: var(--ink); }
body.dark th { background: #263548; color: var(--ink-m); }
body.dark td { border-color: var(--gray-d); }
body.dark tr:hover td { background: #263548 !important; }
body.dark .clinic-table th { background: #263548; }
body.dark .clinic-table tr:nth-child(even) td { background: #172031; }

/* Botones secundarios */
body.dark .tb-btn,
body.dark .anot-new-btn,
body.dark .hist-filter-pill,
body.dark .btn-secondary,
body.dark .hist-date-input,
body.dark .anot-search-input {
  background: #1e293b;
  color: var(--ink);
  border-color: var(--gray-d);
}

/* Sidebar — ya es oscuro, solo ajuste de items */
body.dark .sb-item { color: #94a3b8; }
body.dark .sb-item:hover, body.dark .sb-item.active { color: #fff; background: rgba(255,255,255,.1); }

/* Cards de estadísticas */
body.dark .stat-card { background: #1e293b; }
body.dark .stats-left-panel { background: #1e293b; border-color: var(--gray-d); }
body.dark .stats-category-item { color: var(--ink); border-color: var(--gray-d); }
body.dark .stats-category-item:hover { background: #263548; }

/* Panel diario */
body.dark .ev-card { background: #1e293b; }

/* Toasts y overlays — sin cambio (ya son oscuros) */

/* Scrollbars en modo oscuro */
body.dark ::-webkit-scrollbar-track { background: #1e293b; }
body.dark ::-webkit-scrollbar-thumb { background: #334155; }