/* ════════════════════════════════════════════════════ */
/* CORRECCIONES DE CONTRASTE PARA MODO OSCURO */
/* ════════════════════════════════════════════════════ */

/* Base - Mantener colores de texto originales en modo oscuro */
/* body:not(.light-mode) y body:not(.light-mode) * {
  color: #ffffff !important;
} */

/* Inputs y controles de formulario */
body:not(.light-mode) input,
body:not(.light-mode) select,
body:not(.light-mode) textarea {
  background: #1a2621 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

body:not(.light-mode) input::placeholder,
body:not(.light-mode) textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

body:not(.light-mode) input:focus,
body:not(.light-mode) select:focus,
body:not(.light-mode) textarea:focus {
  border-color: rgba(76, 175, 80, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.2) !important;
}

/* Dropdowns y selects */
body:not(.light-mode) .dropdown,
body:not(.light-mode) .dropdown-menu,
body:not(.light-mode) [role="listbox"] {
  background: #1a2621 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

body:not(.light-mode) .dropdown-item,
body:not(.light-mode) [role="option"],
body:not(.light-mode) .dropdown-options div {
  background: #1a2621 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body:not(.light-mode) .dropdown-item:hover,
body:not(.light-mode) [role="option"]:hover,
body:not(.light-mode) .dropdown-options div:hover {
  background: #233129 !important;
}

body:not(.light-mode) .dropdown-item.active,
body:not(.light-mode) [role="option"].active {
  background: rgba(76, 175, 80, 0.2) !important;
  border-color: rgba(76, 175, 80, 0.3) !important;
}

/* Checkboxes y radios */
body:not(.light-mode) input[type="checkbox"],
body:not(.light-mode) input[type="radio"] {
  background: #1a2621 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  accent-color: #4caf50 !important;
}

body:not(.light-mode) input[type="checkbox"]:checked,
body:not(.light-mode) input[type="radio"]:checked {
  background: #4caf50 !important;
  border-color: #4caf50 !important;
}

/* Tablas */
body:not(.light-mode) table {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body:not(.light-mode) table td,
body:not(.light-mode) table th {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body:not(.light-mode) table tr:hover {
  background: rgba(76, 175, 80, 0.1) !important;
}

/* SVG - Asegurar visibilidad en íconos */
body:not(.light-mode) svg,
body:not(.light-mode) svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Cards y contenedores */
body:not(.light-mode) .card,
body:not(.light-mode) .card-tarea,
body:not(.light-mode) .contenido {
  background: rgba(26, 39, 33, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Modales */
body:not(.light-mode) .modal-box,
body:not(.light-mode) .modal,
body:not(.light-mode) .panel-detalle-inner {
  background: #0a1209 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Botones por defecto */
body:not(.light-mode) button:not(.btn-menu):not(.btn-menu-white):not(.lb-nav):not(.lb-close):not(.vm-nav):not(.vm-close):not(.pestana):not(.lb-nav-btn):not(#lightbox-close):not(#lightbox-delete),
body:not(.light-mode) .btn:not(.btn-menu):not(.btn-menu-white):not(.lb-nav):not(.lb-close):not(.vm-nav):not(.vm-close):not(.pestana):not(.lb-nav-btn) {
  background: rgba(76, 175, 80, 0.15) !important;
  border-color: rgba(76, 175, 80, 0.3) !important;
}

body:not(.light-mode) button:not(.btn-menu):not(.btn-menu-white):not(.lb-nav):not(.lb-close):not(.vm-nav):not(.vm-close):not(.pestana):not(.lb-nav-btn):not(#lightbox-close):not(#lightbox-delete):hover,
body:not(.light-mode) .btn:not(.btn-menu):not(.btn-menu-white):not(.lb-nav):not(.lb-close):not(.vm-nav):not(.vm-close):not(.pestana):not(.lb-nav-btn):hover {
  background: rgba(76, 175, 80, 0.25) !important;
  border-color: rgba(76, 175, 80, 0.5) !important;
}

/* Links - Mantener colores originales */

/* Botones de lightbox y videoModal — fondo rojo siempre, en cualquier modo */
.lb-nav, .lb-close, .vm-nav, .vm-close,
.lb-nav-btn, #lightbox-close, #lightbox-delete {
  background: #c0392b !important;
  border-color: rgba(255,255,255,.85) !important;
}
.lb-nav:hover, .lb-close:hover, .vm-nav:hover, .vm-close:hover,
.lb-nav-btn:hover, #lightbox-close:hover {
  background: #e74c3c !important;
}
#lightbox-delete:hover { background: #96281b !important; }

/* Placeholders de contenido vacío - Mantener colores originales */

/* Tooltips */
body:not(.light-mode) .tooltip,
body:not(.light-mode) [data-tooltip] {
  background: rgba(26, 39, 33, 0.95) !important;
  border-color: rgba(76, 175, 80, 0.3) !important;
}

/* Badges y labels */
body:not(.light-mode) .badge,
body:not(.light-mode) .label {
  background: rgba(76, 175, 80, 0.2) !important;
  border-color: rgba(76, 175, 80, 0.3) !important;
}

/* Texto de error/advertencia - Mantener colores originales */

/* Scrollbars */
body:not(.light-mode)::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body:not(.light-mode)::-webkit-scrollbar-track {
  background: rgba(26, 39, 33, 0.4);
}

body:not(.light-mode)::-webkit-scrollbar-thumb {
  background: rgba(76, 175, 80, 0.3);
  border-radius: 5px;
}

body:not(.light-mode)::-webkit-scrollbar-thumb:hover {
  background: rgba(76, 175, 80, 0.5);
}

/* Dividers y separadores */
body:not(.light-mode) hr,
body:not(.light-mode) .divider {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Especiales - Eventos/items del calendario */
body:not(.light-mode) .evento-item {
  background: rgba(76, 175, 80, 0.08) !important;
  border-color: rgba(76, 175, 80, 0.2) !important;
}

/* Footer */
body:not(.light-mode) footer {
  background: rgba(10, 18, 9, 0.5) !important;
}