/* The installed iPhone web app already receives the system safe-area inset.
   Leave extra clear space above the page header, below the scroll-edge fade. */
@media (display-mode: standalone) {
  body { padding-top: 36px !important; }
}

/* Date and time controls must be allowed to shrink inside iPhone forms. */
.field{min-width:0}
input[type="date"],input[type="datetime-local"],input[type="time"]{
 box-sizing:border-box;max-width:100%;min-width:0;min-inline-size:0;
}
@media(max-width:600px){
 input[type="date"],input[type="datetime-local"],input[type="time"]{
  display:block;width:100%;inline-size:100%;appearance:none;-webkit-appearance:none;
 }
 input[type="date"]::-webkit-date-and-time-value,
 input[type="datetime-local"]::-webkit-date-and-time-value,
 input[type="time"]::-webkit-date-and-time-value{
  text-align:left;min-height:1.5em;
 }
}