/* UI-DATE-01: the clickable native calendar sits beside the date, not at the far edge of a form. */
input[type="date"]:not([data-date-wide]),input[type="datetime-local"]:not([data-date-wide]){
  display:inline-block!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;
  width:145px!important;box-sizing:border-box;
}
input[type="datetime-local"]:not([data-date-wide]){width:205px!important}
input[type="date"]::-webkit-datetime-edit,input[type="datetime-local"]::-webkit-datetime-edit{flex:none;padding:0}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  margin-left:1.5ch;margin-right:0;padding:5px;width:16px;height:16px;cursor:pointer;flex:none;
}
@media(pointer:coarse){input[type="date"]:not([data-date-wide]){width:175px!important}input[type="datetime-local"]:not([data-date-wide]){width:240px!important}}