/* Force modal to be on top of everything */
#modal-invitation {
    z-index: 999999999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Force modal children to also be on top */
#modal-invitation * {
    z-index: inherit !important;
}

/* NOTE: DO NOT override header z-index here!
   stacking-context-fix.css handles header and subheader z-index correctly.
   Only reset Tailwind utility classes if needed. */

/* Modal backdrop */
#modal-backdrop {
    z-index: 999999998 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

/* Modal content */
#modal-content {
    z-index: 999999999 !important;
    position: fixed !important;
}