.admin-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background: var(--overlay-modal);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity var(--duration-normal) var(--ease-out),
    visibility var(--duration-normal);
}

.admin-modal-overlay.is-preparing,
.admin-modal-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.admin-modal-overlay.is-preparing .admin-modal {
  transform: translateY(18px) scale(0.97);
  opacity: 0;
}

html.admin-route-modal #page-shell {
  opacity: 0;
  pointer-events: none;
}

body.admin-modal-open {
  overflow: hidden;
}