/* Cuentas > Pagar todo: mantiene estable el modal mientras se escribe en
   Referencia o Notas y lo limita al viewport visible sobre el teclado.
   Exclusivo para telefono; 540 px en adelante conserva el diseño original. */
@media (max-width: 539px) {
    html body.pv-has-open-modal #pv-modal-registrar-pago:not([hidden]) {
        position: fixed !important;
        inset: auto !important;
        top: var(--pv-modal-viewport-top, 0px) !important;
        right: auto !important;
        bottom: auto !important;
        left: var(--pv-modal-viewport-left, 0px) !important;
        box-sizing: border-box !important;
        width: var(--pv-modal-viewport-width, 100vw) !important;
        height: var(--pv-modal-viewport-height, 100dvh) !important;
        min-height: var(--pv-modal-viewport-height, 100dvh) !important;
        max-height: var(--pv-modal-viewport-height, 100dvh) !important;
        padding: 7px !important;
        align-items: flex-end !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }

    html body.pv-has-open-modal #pv-modal-registrar-pago:not([hidden])
    > .rv-payment-modal {
        box-sizing: border-box !important;
        width: 100% !important;
        height: calc(var(--pv-modal-viewport-height, 100dvh) - 14px) !important;
        min-height: 0 !important;
        max-height: calc(var(--pv-modal-viewport-height, 100dvh) - 14px) !important;
        margin: auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overflow-anchor: none !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-padding-top: 14px !important;
        scroll-padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    }

    html body #pv-modal-registrar-pago #pv-pago-form
    :is(input[name="referencia"], textarea[name="notas"]) {
        font-size: 16px !important;
        scroll-margin-top: 14px !important;
        scroll-margin-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    }

    html body #pv-modal-registrar-pago
    :is(.rv-payment-reference-row, .rv-payment-notes) {
        overflow-anchor: none !important;
    }
}