/* ==========================================================================
   GLOBAL MODAL Z-INDEX FIX
   Ensures ALL modals/dialogs are ALWAYS above their overlays.
   jQuery UI dynamically sets z-index based on page elements, which can cause
   overlays to block modal content. This fix overrides those inline styles.
   ========================================================================== */

/* All overlays get a fixed high z-index */
.ui-widget-overlay,
.ui-widget-overlay.ui-front {
  z-index: 10000000 !important;
}

/* All dialogs get a higher z-index than overlays */
.ui-dialog,
.ui-dialog.ui-front {
  z-index: 10000001 !important;
}

/* Ensure dialog content is interactive */
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-buttonpane,
.ui-dialog form,
.ui-dialog .form-actions {
  position: relative !important;
  z-index: 10000002 !important;
}

/* Ensure buttons are always clickable */
.ui-dialog input[type="submit"],
.ui-dialog input[type="button"],
.ui-dialog button[type="submit"],
.ui-dialog button[type="button"],
.ui-dialog .button,
.ui-dialog .form-submit {
  position: relative !important;
  z-index: 10000003 !important;
}