/***** Minimal extras; most styling via Tailwind *****/
:root { color-scheme: dark; }

/* Make native date & time picker icons white */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  filter: brightness(0) invert(1); /* forces white icons */
  opacity: 0.8;
  cursor: pointer;
}

/* Optional: hover effect for better UX */
input[type="date"]::-webkit-calendar-picker-indicator:hover,
input[type="time"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 0 3px #FFD166);
}

/* Firefox fallback */
input[type="date"],
input[type="time"] {
  color-scheme: dark; /* forces light icon/text on some browsers */
}