/* CSS for job position and candidate stage modals */

/* Fix for modal flickering - much more aggressive approach */
.stage-update-modal {
    will-change: transform;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

/* Remove all animations completely for stage update modals */
.stage-update-modal,
.stage-update-modal.fade,
.stage-update-modal.fade .modal-dialog,
.stage-update-modal .modal-content {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* Fix stacking order issues */
.stage-update-modal {
    z-index: 1060 !important; /* Higher than regular modals */
}

.stage-update-modal + .modal-backdrop {
    z-index: 1055 !important;
}

/* Ensure modal is visually separate from page content */
.stage-update-modal .modal-content {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border: 1px solid rgba(0,0,0,.2);
}

/* Fix for backdrop issues */
body.modal-open {
    overflow: hidden;
    padding-right: 0 !important; /* Prevent content shift */
}