/* Make Fullcalendar modal responsive on mobile */
.ui-dialog {
  max-width: 95vw !important;
  max-height: 90vh !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

.ui-dialog .ui-dialog-content {
  max-height: 70vh !important;
  overflow-y: auto !important;
}

/* Ensure close button is always visible */
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute !important;
  right: 0.5em !important;
  top: 0.5em !important;
  z-index: 9999 !important;
}