.booking-card .booking-card-head { align-items: center; gap: 16px; }
.booking-card-head > div:first-child { min-width: 0; }
.booking-card h3 { overflow-wrap: anywhere; }
.booking-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px 24px; margin: 18px 0; padding: 16px 0; border-block: 1px solid var(--line); }
.booking-facts dt { color: var(--muted); font-size: .72rem; margin-bottom: 5px; }
.booking-facts dd { margin: 0; font-size: .84rem; color: var(--text); overflow-wrap: anywhere; line-height: 1.5; }
.booking-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: .8rem; color: var(--muted); margin-bottom: 14px; }
.booking-contact .booking-phone-number { color: var(--brand); font-variant-numeric: tabular-nums; padding-block: 8px; }
.booking-phone-status { border-radius: 99px; padding: 5px 9px; font-size: .68rem; }
.booking-phone-status.verified { background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand-text); }
.booking-phone-status.unverified { background: color-mix(in srgb, #e9b45c 12%, transparent); color: var(--warning-text); }
.booking-deadline { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.booking-deadline > span { font-size: .75rem; color: var(--muted); max-width: 85px; }
.booking-deadline .booking-countdown { width: 68px; height: 68px; flex: 0 0 68px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3px; }
.booking-deadline .booking-countdown strong { font-size: 1.05rem; line-height: 1; }
.booking-deadline .booking-countdown small { font-size: .65rem; line-height: 1; }
@media (max-width: 480px) {
  .booking-facts { grid-template-columns: 1fr; }
  .booking-deadline { gap: 7px; }
  .booking-deadline > span { max-width: 62px; }
}

.booking-swipe-hint { display: none; color: var(--muted); font-size: .72rem; text-align: center; overflow-wrap: anywhere; }
@media (max-width: 1024px) {
  .request-card { touch-action: pan-y; }
  .booking-swipe-hint { display: block; }
}
@media (max-width: 480px) {
  .booking-toolbox .booking-card-head { align-items: flex-start; flex-direction: column; }
  .booking-toolbox .booking-card-actions { display: flex; flex-direction: column; align-items: stretch; }
  .booking-toolbox .booking-card-actions button { white-space: normal; overflow-wrap: normal; }
}