/**
 * Pin Toastr #toast-container to the viewport top-end only.
 * Do not style [data-notify] here — bootstrap-notify uses per-toast fixed
 * positioning with incremental top offsets; forcing a single top/right
 * stacks them. Card layout lives in j2p-theme (dashboard) or
 * toastr-storefront-theme.css (storefront).
 */
#toast-container {
  position: fixed !important;
  z-index: 109000 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box !important;
  transform: none !important;
}

#toast-container.toast-top-right {
  top: max(12px, env(safe-area-inset-top, 0px)) !important;
  right: max(12px, env(safe-area-inset-right, 0px)) !important;
  bottom: auto !important;
  left: auto !important;
}

[dir='rtl'] #toast-container.toast-top-right {
  right: auto !important;
  left: max(12px, env(safe-area-inset-left, 0px)) !important;
}

body[data-dashboard-language='rtl'] #toast-container.toast-top-right {
  right: auto !important;
  left: max(12px, env(safe-area-inset-left, 0px)) !important;
}