/* position:FIXED, not absolute. With `absolute` the backdrop's inset:0 resolved
   against the document, so the modal centred on the PAGE instead of the screen —
   scrolled a few rows down the applicant drawer opened ~720px above the viewport
   and looked like nothing happened.
   z-index must clear the portal chrome: .portal-topbar is fixed at z-index 2000 and
   the mobile sidebars sit at 1100, so the old z-index:50 would have put a correctly
   positioned modal UNDERNEATH the top bar. */
.main-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.45);display:none;justify-content:center;align-items:center;padding:20px;z-index:2500}.main-modal-backdrop.show{display:flex!important}.main-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:100%;padding:24px;display:flex;flex-direction:column;animation:modalFade 0.25s ease}.main-modal-title{margin-bottom:16px;font-size:1.25rem;font-weight:700;color:var(--ink)}.main-modal-body{margin-bottom:20px;color:var(--ink-700);line-height:1.5;overflow-y:auto;flex:1 1 auto;min-height:0}.main-modal-footer{display:flex;justify-content:flex-end;gap:12px}@keyframes modalFade{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.main-modal{padding:18px}}
.portal-content{position:relative}