body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color-scheme: dark;
}

html {
  color-scheme: dark;
}

/* ========================================================================== */
/* CORRECCIÓN DE CONTRASTE Y LEGIBILIDAD PARA MENÚS DESPLEGABLES (SELECT/OPTION) */
/* ========================================================================== */
select {
  color-scheme: dark !important;
}

select option {
  background-color: #0f172a !important; /* Fondo slate oscuro */
  color: #f8fafc !important; /* Texto blanco níveo */
  padding: 8px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

select option:hover,
select option:focus,
select option:checked {
  background-color: #4f46e5 !important; /* Indigo destacado */
  color: #ffffff !important;
}

optgroup {
  background-color: #0f172a !important;
  color: #94a3b8 !important;
}

/* Scrollbar elegante para tablas y listas */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.6);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  background: rgba(71, 85, 105, 0.7);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(99, 102, 241, 0.8);
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.toast-enter {
  animation: slideInUp 0.25s ease-out forwards;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0.8);
  cursor: pointer;
}