/* =========================================================
   remoteModal fullscreen — COMPAT con:
   A) inyección en .modal-body#remoteModalBody (legacy)
   B) inyección directa en .modal-content#remoteModalContent (tu base_auth actual)
   ========================================================= */

:where(.modal[id^="remoteModal"]).ao-fullscreen,
:where(.modal[id^="remoteModal"]) .modal-dialog.modal-fullscreen {
  /* fullscreen NO debe “encoger” por el zoom global */
  --ao-modal-zoom-from: 1 !important;
}

/* Dialog fullscreen real */
:where(.modal[id^="remoteModal"]).ao-fullscreen .modal-dialog,
:where(.modal[id^="remoteModal"]) .modal-dialog.modal-fullscreen {
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;

  /* por si tu zoom global mete transform */
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/* Content fullscreen real */
:where(.modal[id^="remoteModal"]).ao-fullscreen .modal-content,
:where(.modal[id^="remoteModal"])
  .modal-dialog.modal-fullscreen
  .modal-content {
  height: 100vh !important;
  height: 100dvh !important;
  border-radius: 0 !important;
  border: 0 !important;
}

/* TARGET de inyección (tu caso actual usa remoteModalContent / remoteModal2Content) */
:where(.modal[id^="remoteModal"]).ao-fullscreen
  :is(
    .modal-body,
    #remoteModalBody,
    #remoteModal2Body,
    #remoteModalContent,
    #remoteModal2Content
  ),
:where(.modal[id^="remoteModal"])
  .modal-dialog.modal-fullscreen
  :is(
    .modal-body,
    #remoteModalBody,
    #remoteModal2Body,
    #remoteModalContent,
    #remoteModal2Content
  ) {
  padding: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Fullscreen robusto por clase, no por id */
.ao-remote-host-fs .modal-dialog {
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.ao-remote-host-fs .modal-content {
  height: 100vh !important;
  height: 100dvh !important;
  border-radius: 0 !important;
  border: 0 !important;
}

/* Target de inyección: content/body */
.ao-remote-host-fs :is(.modal-body, [id$="Content"], [id$="Body"]) {
  padding: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Nuclear: si el dialog tiene .modal-fullscreen, SIEMPRE fullscreen */
.modal-dialog.modal-fullscreen {
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
}

.modal-dialog.modal-fullscreen > .modal-content {
  height: 100vh !important;
  height: 100dvh !important;
  border-radius: 0 !important;
}