/* -------------------------------------------------------------------------- */
/* DARK MODE OVERRIDES: Strict Legibility & Contrast                          */
/* -------------------------------------------------------------------------- */

/* Eliminate any stray white or bright backgrounds in dark mode */
.dark .bg-white,
.dark .bg-white\/5,
.dark .bg-white\/10,
.dark .bg-gray-50,
.dark .bg-gray-100 {
  background-color: var(--card-bg) !important;
}

/* Remove all white or bright border separators */
.dark .border-gray-200,
.dark .border-white\/5,
.dark .border-white\/10,
.dark .border-white\/20,
.dark .border-b {
  border-color: transparent !important;
}

/* Ensure text that was dark gray in light mode becomes white in dark mode */
.dark .text-gray-900,
.dark .text-gray-800,
.dark .text-gray-700,
.dark .text-gray-600,
.dark .text-black {
  color: var(--text-primary) !important;
}

/* Proper hover states for interactive elements (table rows, buttons) */
.dark .hover\:bg-white\/5:hover,
.dark .hover\:bg-gray-50:hover,
.dark .hover\:bg-white:hover {
  background-color: var(--table-row-hover-bg) !important;
}

/* Ensure proper dark inputs */
.dark input, .dark select, .dark textarea {
  background-color: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--card-border) !important;
}
.dark input:focus, .dark select:focus, .dark textarea:focus {
  background-color: var(--input-bg-focus) !important;
  border-color: var(--accent-cyan) !important;
}