/* Telerik portals windows to TelerikRootComponent, outside the wrapper's CSS scope. */
main:has(.aa-responsive-form-fullpage),
.aa-modal-region:has(.aa-responsive-form-fullpage) {
    z-index: auto;
}

.k-dialog-wrapper:has(> .aa-responsive-form-modal) {
    z-index: 3000 !important;
}

.k-window.aa-responsive-form-modal {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    max-width: calc(100vw - 26px);
    max-height: calc(100dvh - 26px);
    margin: 0;
}

.k-window.aa-responsive-form-modal--fixed {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.aa-responsive-form-modal > .k-window-content {
    min-height: 0;
    min-width: 0;
    padding: 0 !important;
    overflow: auto;
    overscroll-behavior: contain;
}

.aa-responsive-form-modal .aa-modal-shell {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.aa-responsive-form-modal .k-window-title {
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .k-window.aa-responsive-form-modal {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        height: 100dvh !important;
        max-width: 100% !important;
        max-height: 100dvh !important;
        border-radius: 0;
    }

    .aa-responsive-form-modal .k-window-titlebar {
        padding-top: max(8px, env(safe-area-inset-top, 0px));
        padding-inline: max(13px, env(safe-area-inset-left, 0px)) max(13px, env(safe-area-inset-right, 0px));
    }

    .aa-responsive-form-modal .k-window-titlebar .k-button {
        min-width: 44px;
        min-height: 44px;
    }
}