/*!* =========================================================*/
/*   ui-bootstrap ($uibModal) running on Bootstrap 5 CSS*/
/*   Purpose: BS3-style modal classes (.in) + z-index fixes*/
/*   ========================================================= *!*/

/*!* BS5 shows modals with .show; ui-bootstrap uses .in *!*/
/*.modal.in {*/
/*    display: block;*/
/*    z-index: 1055; !* keep above backdrop (BS5 modal z-index) *!*/
/*}*/

/*!* Backdrop: ui-bootstrap uses .in; BS5 uses .show *!*/
/*.modal-backdrop.in {*/
/*    opacity: .5;*/
/*    z-index: 1050; !* BS5 backdrop z-index *!*/
/*}*/

/*!* Prevent transform/transition oddities *!*/
/*.modal.in .modal-dialog {*/
/*    transform: none !important;*/
/*    position: relative;*/
/*    z-index: 1055;*/
/*}*/

/* =========================================================
   ui-bootstrap ($uibModal) on Bootstrap 5
   Fixes: display/opacity/transform/z-index for .in state
   ========================================================= */

/* Make ui-bootstrap's ".in" behave like BS5 ".show" */
.modal.in {
    display: block;
    opacity: 1;
    pointer-events: auto;
    z-index: 1055;              /* modal layer */
}

/* If ui-bootstrap uses fade, force visible */
.modal.fade.in {
    opacity: 1;
}

/* Keep dialog on-screen and above backdrop */
.modal.in .modal-dialog {
    position: relative;
    z-index: 1060;              /* above modal layer, safe */
    transform: none !important; /* cancel BS5 transforms */
}

/* Backdrop compatibility */
.modal-backdrop.in {
    opacity: .5;
    z-index: 1050;
}