/* =========================================================
   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;
}