/* Five native appointment controls share one row; compact screens can scroll it. */
.calendar-booking-panel>.native-booking-fields {
  display:grid!important;
  grid-template-columns:minmax(76px,.7fr) minmax(110px,.95fr) minmax(92px,.8fr) minmax(182px,1.5fr) minmax(125px,1fr)!important;
  align-items:start!important;gap:12px 10px;overflow-x:auto;padding-bottom:3px;
}
.native-booking-fields .native-order-schedule {display:contents!important;}
.native-booking-fields label {min-width:0;align-content:start;grid-template-columns:minmax(0,1fr);}
.native-booking-fields label>span:first-child {white-space:nowrap;line-height:14px;}
.native-booking-fields>label>small,
.native-booking-fields .native-order-schedule small {display:none!important;}
.native-booking-fields input,.native-booking-fields select {width:100%!important;min-width:0!important;max-width:100%!important;height:38px;box-sizing:border-box;}
.native-booking-fields>.labor-booking-total {grid-column:1/3;}
.native-booking-fields>.calendar-color-field {grid-column:3;}
.native-booking-fields>.calendar-booking-action {
  grid-column:4/6;display:flex;align-self:end;justify-content:flex-end;gap:8px;
}
.native-booking-fields>.calendar-booking-action>button {white-space:nowrap;}