/* Shared date/time hints. Keep native controls and their picker behavior. */
.field input[type="date"],.field input[type="time"],.reserve-field input[type="date"],.reserve-field input[type="time"]{
  padding-right:48px!important;
  background-repeat:no-repeat!important;
  background-position:right 16px center!important;
  background-size:22px 22px!important;
}
.field input[type="date"],.reserve-field input[type="date"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23788798' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4m8-4v4M3 10h18'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E")!important;
}
.field input[type="time"],.reserve-field input[type="time"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23788798' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6h4'/%3E%3C/svg%3E")!important;
}
.field input[type="date"]::-webkit-calendar-picker-indicator,.field input[type="time"]::-webkit-calendar-picker-indicator,.reserve-field input[type="date"]::-webkit-calendar-picker-indicator,.reserve-field input[type="time"]::-webkit-calendar-picker-indicator{
  opacity:0;position:absolute;right:12px;width:28px;height:28px;cursor:pointer;
}
.field input[type="date"],.field input[type="time"],.reserve-field input[type="date"],.reserve-field input[type="time"]{position:relative!important;}