/* Shared native date sizing, including dynamically created dialog controls. */
@media (max-width: 900px) {
  body input:is([type="date"],[type="datetime-local"],[type="month"]){
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    box-sizing:border-box!important;padding:10px 8px!important;font-size:16px!important;
    min-height:44px;
  }
  body input:is([type="date"],[type="datetime-local"],[type="month"])::-webkit-date-and-time-value{
    min-width:0;text-align:left;
  }
  .hotel-fields,.hotel-date-control,.transport-fields,.board-edit-date-row,.edit-basic,
  .hotel-item,.transport-item,.range-filter-group{
    min-width:0;max-width:100%;box-sizing:border-box;
  }
  /* Put weekday alongside, not over, the native date text/calendar control. */
  body .hotel-date-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
  body .hotel-date-control .hotel-weekday{position:static;transform:none;white-space:nowrap;font-size:14px}
  body .hotel-nights-control{grid-template-columns:minmax(0,1fr) auto;min-width:0}
}
@media (max-width: 600px) {
  body .hotel-fields,body .transport-fields,body .board-edit-date-row{grid-template-columns:minmax(0,1fr)}
  body .hotel-fields>*,body .transport-fields>*{grid-column:auto;min-width:0}
  body .range-filter-group{grid-template-columns:minmax(0,1fr);gap:8px}
  body .range-filter-group>*{grid-column:auto;min-width:0}
}