/* Workforce Connect CC - tidy Booking Details layout */
.case-form .booking-control-grid{
  display:grid !important;
  grid-template-columns:1.15fr 1fr 1fr 1fr !important;
  grid-auto-flow:row !important;
  gap:14px !important;
  margin-top:14px !important;
  align-items:end !important;
  width:100% !important;
}

.case-form .booking-control-grid > *{
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
}

/* Row 1 */
.case-form .booking-control-grid > :nth-child(1){grid-column:1 !important;grid-row:1 !important;}
.case-form .booking-control-grid > :nth-child(2){grid-column:2 !important;grid-row:1 !important;}
.case-form .booking-control-grid > :nth-child(3){grid-column:3 !important;grid-row:1 !important;}
.case-form .booking-control-grid > :nth-child(4){grid-column:4 !important;grid-row:1 !important;}

/* Row 2 */
.case-form .booking-control-grid > :nth-child(5){grid-column:1 !important;grid-row:2 !important;}
.case-form .booking-control-grid > :nth-child(6){grid-column:2 !important;grid-row:2 !important;}
.case-form .booking-control-grid > :nth-child(7){grid-column:3 !important;grid-row:2 !important;}
.case-form .booking-control-grid > :nth-child(8){grid-column:4 !important;grid-row:2 !important;}

/* Row 3 */
.case-form .booking-control-grid > :nth-child(9){grid-column:4 !important;grid-row:3 !important;}

.case-form .booking-control-grid input,
.case-form .booking-control-grid select,
.case-form .booking-control-grid textarea,
.case-form .booking-control-grid button{
  width:100% !important;
  box-sizing:border-box !important;
}

.case-form .booking-control-grid .booking-details-cell textarea{
  min-height:54px !important;
  height:54px !important;
  resize:vertical !important;
}

.case-form .booking-control-grid .booking-date-cell input{
  max-width:210px !important;
}

.case-form .booking-control-grid .booking-time-cell input{
  max-width:150px !important;
}

.case-form .booking-control-grid .booking-save-cell{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:stretch !important;
  height:100% !important;
}

.case-form .booking-control-grid .booking-save-cell button{
  min-height:42px !important;
}

@media (max-width:1100px){
  .case-form .booking-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .case-form .booking-control-grid > *{
    grid-column:auto !important;
    grid-row:auto !important;
  }
  .case-form .booking-control-grid .booking-date-cell input,
  .case-form .booking-control-grid .booking-time-cell input{
    max-width:none !important;
  }
}

@media (max-width:560px){
  .case-form .booking-control-grid{
    grid-template-columns:1fr !important;
  }
}