/* V35.1: keep member authentication/profile forms above sticky site chrome. */
.modal-bg {
  z-index: 10000 !important;
  padding: clamp(12px, 3vh, 32px) 12px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

/* Keep the authenticated admin workspace above the sticky brand and tab bars. */
.admin-bg {
  z-index: 11000 !important;
  overflow: hidden !important;
  isolation: isolate;
}

.admin-bg .admin {
  position: relative;
  z-index: 1;
  max-height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: -24px 0 80px rgba(3, 19, 43, 0.3);
}

.modal-bg .modal {
  width: min(720px, 96vw);
  max-height: calc(100dvh - 24px);
  margin: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: 0 24px 80px rgba(3, 19, 43, 0.38);
}

#memberModal .modal {
  width: min(720px, 96vw);
}

@media (max-width: 640px) {
  .modal-bg {
    align-items: flex-start !important;
    padding: 8px !important;
  }

  .modal-bg .modal {
    width: 100%;
    max-height: calc(100dvh - 16px);
    padding: 18px;
  }
}