/* cti_dashboard_custom.css */

/* Estilos para los inputs de fecha en el CTI Dashboard */
.cti-date-input {
    background: rgba(10, 5, 2, 0.8) !important; /* Fondo más oscuro */
    border: 1px solid rgba(255, 102, 0, 0.6) !important; /* Borde naranja más pronunciado */
    color: #ffcc00 !important; /* Color texto amarillo */
    border-radius: 6px !important;
    padding: 5px 10px !important;
    font-family: monospace !important;
    font-size: 0.75rem !important;
    outline: none !important;
    transition: box-shadow 0.2s, border-color 0.2s !important;
    color-scheme: dark !important;
}

.cti-date-input:focus {
    box-shadow: 0 0 10px rgba(255, 102, 0, 0.6) !important; /* Mayor glow al enfocar */
    border-color: #ff9933 !important;
}

.cti-date-input::-webkit-calendar-picker-indicator {
    filter: invert(0.8) sepia(1) hue-rotate(0deg) saturate(5) brightness(1.2) !important; /* Naranja más vivo */
    cursor: pointer !important;
    opacity: 0.9 !important;
}

.cti-date-input::-webkit-calendar-picker-indicator:hover {
    opacity: 1 !important;
}

/* ============================================================
   MOBILE RESPONSIVE CTI DASHBOARD
   ============================================================ */

/* Mobile styles are now defined in the <style> block within
   templates/cti_dashboard.html to avoid CSS conflicts.
   This file only contains date input styles. */