/* A&I safe native date/time icons only.
   No select arrows. No wrappers. No JS. */

input[type="date"],
input[type="time"],
input[type="datetime-local"] {
    color-scheme: dark !important;
    padding-right: 42px !important;
}

/* Date / datetime: white clickable native indicator */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    cursor: pointer !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 24px !important;
    padding: 5px !important;
    margin-right: 3px !important;
    color: transparent !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 19px 19px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round' d='M7 3v3M17 3v3M4 9h16M6 5h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") !important;
    filter: drop-shadow(0 0 6px rgba(255,255,255,.45)) !important;
}

/* Time: white clickable native indicator */
input[type="time"]::-webkit-calendar-picker-indicator {
    cursor: pointer !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 24px !important;
    padding: 5px !important;
    margin-right: 3px !important;
    color: transparent !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 19px 19px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round' d='M12 7v5l3 2M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E") !important;
    filter: drop-shadow(0 0 6px rgba(255,255,255,.45)) !important;
}

body.admin-page input[type="date"],
body.admin-page input[type="time"],
body.admin-page input[type="datetime-local"] {
    color-scheme: dark !important;
}