/* 
 * Custom fixes for dark mode and browser native inputs
 * Fixes visual issues with type="date" and type="time" inputs in dark mode
 */

/* Método de clase reutilizable para inputs de fecha/hora */
input.fix-dark-mode {
    background-color: #ffffff !important;
    color: #212529 !important;
    color-scheme: light !important;
}

input.fix-dark-mode::-webkit-calendar-picker-indicator {
    filter: invert(0) !important;
    opacity: 1 !important;
}

input.fix-dark-mode::-moz-calendar-picker-indicator {
    filter: invert(0) !important;
    opacity: 1 !important;
}

/* Firefox support */
input[type="date"]::-moz-calendar-picker-indicator,
input[type="time"]::-moz-calendar-picker-indicator {
    filter: invert(0) !important;
    opacity: 1 !important;
}

/* Ensure readonly inputs also maintain visibility */
input[type="date"]:read-only,
input[type="time"]:read-only {
    background-color: #f8f9fa !important;
    color: #6c757d !important;
}

input[type="date"]:disabled,
input[type="time"]:disabled {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    opacity: 1 !important;
}