#reservationDetailsBody[data-server-card-id] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start;
}
#reservationDetailsBody[data-server-card-id] > * { grid-column: 1 / -1 !important; min-width: 0; margin: 0; }
#reservationDetailsBody[data-server-card-id] > .detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
#reservationDetailsBody[data-server-card-id] > .card-unit-summary {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr)) !important;
  gap: 9px !important;
}
#reservationDetailsBody[data-server-card-id] > .card-unit-summary > b { grid-column: 1 / -1; }
#reservationDetailsBody[data-server-card-id] .card-unit-summary .allocation { margin: 0 !important; min-height: 90px !important; }
#reservationDetailsBody[data-server-card-id] .allocation small { line-height: 1.6; }
#reservationDetailsBody[data-server-card-id] .reservation-message-form .fields { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 10px; }
#reservationDetailsBody[data-server-card-id] .reservation-message-form input,
#reservationDetailsBody[data-server-card-id] .reservation-message-form select { width: 100%; min-width: 0; }
#reservationDetailsBody[data-server-card-id] .reservation-action-panel { margin: 0 !important; }
#reservationDetailsBody[data-server-card-id] [data-server-card-message] { font-size: 13px; }
@media (max-width:760px) {
  #reservationDetailsBody[data-server-card-id] > .detail-grid,
  #reservationDetailsBody[data-server-card-id] .reservation-message-form .fields { grid-template-columns: 1fr !important; }
}