/* 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;
    inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;
    box-sizing:border-box!important;padding:10px 8px!important;font-size:16px!important;
    min-height:44px;overflow:hidden!important;clip-path:inset(0);
  }
  body input:is([type="date"],[type="datetime-local"],[type="month"])::-webkit-date-and-time-value{
    min-width:0;max-width:100%;overflow:hidden;text-align:left;
  }
  body input:is([type="date"],[type="datetime-local"],[type="month"])::-webkit-datetime-edit,
  body input:is([type="date"],[type="datetime-local"],[type="month"])::-webkit-datetime-edit-fields-wrapper{
    min-width:0;max-width:100%;overflow:hidden;
  }
  body label:has(>input:is([type="date"],[type="datetime-local"],[type="month"])),
  body label:has(.hotel-date-control),body .arrival-date-field{
    width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;contain:inline-size;
  }
  .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-field,body .hotel-date-control,body .quote-period>label{
    width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;
  }
  body .hotel-date-control{
    position:relative;display:block;width:100%;max-width:100%;overflow:hidden;
  }
  body .hotel-date-control input[type="date"]{padding-right:72px!important}
  body .hotel-date-control .hotel-weekday{
    position:absolute;right:38px;top:50%;z-index:3;display:block;width:30px;max-width:30px;
    min-width:0;transform:translateY(-50%);overflow:hidden;white-space:nowrap;text-align:center;
    font-size:13px;line-height:1.2;background:transparent;color:#087b82;pointer-events:none;
  }
  body .quote-period>label>small:is(.weekday-start,.weekday-end){
    right:4px;max-width:calc(100% - 8px);overflow:hidden;white-space:nowrap;text-overflow:clip;
  }
  body .hotel-nights-control{grid-template-columns:minmax(0,1fr) auto;min-width:0}
}
@media (max-width: 600px) {
  body input:is([type="date"],[type="datetime-local"],[type="month"]){
    -webkit-appearance:none!important;appearance:none!important;
  }
  body .hotel-date-control .hotel-weekday{right:20px}
  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}
  body .schedule-edit-form,body .schedule-edit-form .edit-basic,
  body .schedule-edit-form .edit-basic>*,body .schedule-edit-form .arrival-date-field,
  body .schedule-edit-form .selected-guide-dates,body .schedule-edit-form .selected-guide-dates>*{
    width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;
  }
  body .schedule-edit-form .arrival-date-heading{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;
    width:100%;min-width:0;max-width:100%;white-space:normal;overflow:hidden;
  }
  body .schedule-edit-form .arrival-date-heading>label:first-child{
    min-width:0;max-width:100%;overflow-wrap:anywhere;
  }
  body .schedule-edit-form .same-day-arrival-check{
    justify-self:end;min-width:0;max-width:100%;white-space:nowrap;
  }
}