  /* Fix CiviCRM popup/dialog z-index to appear above site header/menu elements */

  /* jQuery UI dialogs and overlays used by CiviCRM */
  .ui-dialog.ui-front,
  .ui-widget-overlay.ui-front {
      z-index: 10000 !important;
  }

  /* Ensure dialog content is above the overlay */
  .ui-dialog {
      z-index: 10001 !important;
  }

  /* CiviCRM-specific dialog containers */
  #crm-container .ui-dialog,
  #crm-container.ui-dialog {
      z-index: 10001 !important;
  }

  /* Overlay backdrop */
  .ui-widget-overlay {
      z-index: 10000 !important;
  }

  /* Ensure CiviCRM popup forms can be interacted with */
  .ui-dialog .ui-dialog-content {
      pointer-events: auto !important;
  }

  /* CKEditor elements inside CiviCRM dialogs should be above everything */
  .ui-dialog .ck.ck-body,
  .ui-dialog .ck.ck-reset_all.ck-body.ck-rounded-corners {
      z-index: 10002 !important;
  }