.deleted-booking-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  align-content: start;
  gap: 14px;
}
.deleted-booking-card {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 20px;
  border: 1px solid #dfe4ee;
  border-radius: 16px;
  background: #fff;
}
.deleted-booking-card h3,
.deleted-booking-card p { margin: 0; overflow-wrap: anywhere; }
.deleted-booking-card h3 { font-size: 17px; font-weight: 600; color: #1b2d5f; }
.deleted-booking-card__route { font-size: 14px; line-height: 1.55; color: #53617b; }
.deleted-booking-card__expiry { font-size: 12px; line-height: 1.6; color: #6b7588; }
.deleted-booking-card button { justify-self: start; min-height: 44px; margin-top: 4px; }
.deleted-booking-note { margin: 0 0 18px; color: #65738b; font-size: 13px; line-height: 1.7; }
.deleted-booking-card button:disabled { opacity: .5; cursor: not-allowed; }

.booking-delete-choice {
  box-sizing: border-box;
  width: min(480px, calc(100vw - 24px));
  max-height: calc(100dvh - 40px);
  padding: 24px;
  border: 1px solid #dfe4ee;
  border-radius: 22px;
  color: #1b2d5f;
  background: #fff;
  overflow-y: auto;
  box-shadow: 0 24px 80px #17284c40;
}
.booking-delete-choice::backdrop { background: #17284c80; }
.booking-delete-choice h2 { margin: 0 0 12px; font-size: 23px; line-height: 1.25; }
.booking-delete-choice p { margin: 0 0 20px; font-size: 14px; line-height: 1.6; color: #53617b; }
.booking-delete-choice__actions { display: grid; gap: 10px; }
.booking-delete-choice button {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 14px;
  text-align: left;
  white-space: normal;
  border: 1px solid #dfe4ee;
  border-radius: 12px;
  background: #fff;
  color: #a62424;
  font: inherit;
  cursor: pointer;
}
.booking-delete-choice button strong { display: block; font-size: 15px; font-weight: 600; }
.booking-delete-choice button span { display: block; margin-top: 5px; color: #53617b; font-size: 13px; overflow-wrap: anywhere; }
.booking-delete-choice .booking-delete-choice__both { margin-top: 14px; background: #fff4f4; }
.booking-delete-choice .booking-delete-choice__cancel { margin-top: 10px; text-align: center; color: #243c85; background: #f2f4fc; }

/* Recovery actions must be reachable from the overview, including old jobs. */
#booking-dialog #booking-more-actions:not([hidden]) {
  display: block !important;
  order: 4;
}
#booking-dialog[data-booking-mode="closed"][data-booking-pane="schedule"] .dialog-actions {
  display: flex;
}
@media (max-width: 760px) {
  #booking-dialog:not([data-booking-mode="new"]):not([data-booking-mode="driver"])[data-booking-pane="summary"] .dialog-actions,
  #booking-dialog:not([data-booking-mode="new"]):not([data-booking-mode="driver"])[data-booking-pane="details"] .dialog-actions {
    grid-template-columns: 44px 44px minmax(0, 1fr) 44px;
  }
  #booking-dialog[data-booking-mode="closed"][data-booking-pane="summary"] #booking-more-actions,
  #booking-dialog[data-booking-mode="closed"][data-booking-pane="details"] #booking-more-actions {
    grid-column: 4;
  }
}