/* Force Bootstrap Modal to appear above everything */
.modal-backdrop {
    z-index: 1040 !important;
}

.modal {
    z-index: 1055 !important;
}

.modal-dialog {
    z-index: 1056 !important;
}

/* Specifically target the page properties modal */
#pagePropertiesModal {
    z-index: 99999 !important;
}

    #pagePropertiesModal .modal-dialog {
        z-index: 99999 !important;
    }

/* Ensure header/navbar stays below modals */
header {
    z-index: 1000 !important;
}

.navbar {
    z-index: 1000 !important;
}

.supra-header {
    z-index: 1000 !important;
}

nav {
    z-index: 1000 !important;
}

    /* Force any positioned elements in header to stay below */
    header *,
    .navbar *,
    .supra-header *,
    nav * {
        z-index: auto !important;
    }

/* Exception: dropdowns can be slightly higher but still below modals */
.dropdown-menu {
    z-index: 1020 !important;
}