/* FINAL V16 — stable SPA + responsive member frame */

/* No delayed page-shape animations on operational pages. Route changes stay SPA-native. */
body.v16-stable-ui main.admin-mobile-main,
body.v16-stable-ui .participant-shell main {
  animation: none !important;
  transition: none !important;
}

/* The member sees the exact admin canvas proportions. Nothing is cropped by the preview wrapper. */
body.v16-member-frame-route .v12-member-frame-page.v9-user-frame-layout {
  display: block !important;
  width: 100% !important;
  max-width: 720px !important;
  margin-inline: auto !important;
}
body.v16-member-frame-route .v9-user-frame-preview,
body.v16-member-frame-route .v12-member-frame-page .v9-user-frame-preview {
  position: static !important;
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  margin-inline: auto !important;
}
body.v16-member-frame-route .v9-user-frame-preview > .glass,
body.v16-member-frame-route .v12-member-frame-page .v9-user-frame-preview > .glass {
  padding: 8px !important;
  overflow: visible !important;
  border-radius: 28px !important;
}
body.v16-member-frame-route [data-frame-width] {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 9 / 16 !important;
  overflow: hidden !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  contain: layout paint !important;
}
body.v16-member-frame-route [data-frame-width] > .absolute {
  max-width: 100%;
}

/* Member preview is read-only but screenshot-friendly; no invisible layer blocks the view. */
body.v16-member-frame-route .v12-member-frame-preview {
  pointer-events: none !important;
  user-select: none !important;
  touch-action: pan-y !important;
}

@media (max-width: 640px) {
  body.v16-member-frame-route .v12-member-frame-page.v9-user-frame-layout {
    max-width: none !important;
    padding-inline: 0 !important;
  }
  body.v16-member-frame-route .v9-user-frame-preview,
  body.v16-member-frame-route .v12-member-frame-page .v9-user-frame-preview {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
  }
  body.v16-member-frame-route .v9-user-frame-preview > .glass,
  body.v16-member-frame-route .v12-member-frame-page .v9-user-frame-preview > .glass {
    padding: 6px !important;
    border-radius: 24px !important;
  }
  body.v16-member-frame-route [data-frame-width] {
    border-radius: 22px !important;
  }
}