@layer mms-pwa-reset, mms-app-reset, mms-ui-reset;

@layer mms-pwa-reset {
    #root {
        height: 100%;
        min-height: calc(100vh - 200px);
        display: block;
    }

    #footer-root {
        position: static !important;
        z-index: 1;
        margin-top: auto;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    /* Override any potential sticky or fixed positioning from module federation */
    #footer-root * {
        position: static !important;
    }

    #footer-root .pwa-footer-container {
        position: static;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        transform: none;
    }

}