/* ====== Popup Responsive Ajustements - Mobile (max 768px) ====== */
@media (max-width: 768px) {
  #reservationDetailsModal .modal-dialog {
    max-width: 95%;
    margin: 10px auto;
  }
  #reservationDetailsModal .card-header button {
    font-size: 0.9rem;
    padding: 6px 8px;
  }
  #reservationDetailsModal .card-body {
    font-size: 0.85rem;
    padding: 8px;
  }
  #reservationDetailsModal label,
  #reservationDetailsModal input,
  #reservationDetailsModal select {
    font-size: 0.9rem;
  }
  #reservationDetailsModal .modal-title {
    font-size: 1rem;
  }
}