/* Force date picker calendar icon to be visible in ALL contexts */
input[type="date"]::-webkit-calendar-picker-indicator,
.MuiInputBase-root input[type="date"]::-webkit-calendar-picker-indicator,
.MuiOutlinedInput-root input[type="date"]::-webkit-calendar-picker-indicator,
.MuiTextField-root input[type="date"]::-webkit-calendar-picker-indicator,
div input[type="date"]::-webkit-calendar-picker-indicator,
* input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer !important;
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: auto !important;
  filter: invert(0.5) !important;
  position: relative !important;
  z-index: 9999 !important;
  -webkit-appearance: menulist-button !important;
  background: none !important;
}

/* Ensure date input itself doesn't hide the icon */
input[type="date"] {
  position: relative !important;
}

/* Reset any MUI overrides */
.MuiInputBase-input[type="date"] {
  -webkit-appearance: none !important;
  appearance: none !important;
}