/*! icons_white_patch.css — make date/time picker icons white */
/* Apply dark color-scheme so UA controls render light-on-dark (Chromium, Safari) */
input[type="date"],
input[type="time"],
#datePicker {
  color-scheme: dark;
}

/* WebKit/Blink: directly whiten the picker icon (calendar/clock) */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.35) contrast(1.05);
  opacity: 1;
}

/* Optional: hide default spin buttons on time to keep it clean (icons stay) */
input[type="time"]::-webkit-inner-spin-button {
  display: none;
}

/* Firefox: honor dark UI where supported */
@supports (-moz-appearance: none) {
  input[type="date"],
  input[type="time"] {
    /* On Firefox the pickers are native dialogs; color-scheme still helps */
    color-scheme: dark;
  }
}


/* tvfix: make date/time picker icons a bit smaller and vertically centered */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{
  transform: scale(0.85);
  transform-origin: center;
  margin-right: -2px;
}