/* Stock Sync Group IMS — Global modal stacking fix V1
   Keeps all dialogs above the sticky company-switch top bar. */

#modalRoot{
  position:relative!important;
  z-index:3000000!important;
}

#modalRoot > .modal-backdrop,
#modalRoot .modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:3000010!important;
  isolation:isolate;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))!important;
}

#modalRoot .modal{
  position:relative!important;
  z-index:1!important;
  max-height:calc(100dvh - 32px)!important;
  margin:auto!important;
  overscroll-behavior:contain;
}

/* Ensure the company menu cannot remain over an opened modal. */
body:has(#modalRoot .modal-backdrop) .topbar-2026,
body:has(#modalRoot .modal-backdrop) .group-company-switch,
body:has(#modalRoot .modal-backdrop) .group-company-menu{
  pointer-events:none!important;
}

@media(max-width:700px){
  #modalRoot > .modal-backdrop,
  #modalRoot .modal-backdrop{
    padding:8px!important;
    align-items:flex-start!important;
  }
  #modalRoot .modal{
    max-height:calc(100dvh - 16px)!important;
    border-radius:18px!important;
  }
}