/* Mobile launch splash — browser visits only (not installed PWA) */
html.kmf-pwa-standalone #kmf-splash,
html.kmf-skip-splash #kmf-splash {
    display: none !important;
}

html.kmf-splash-active,
html.kmf-splash-active body.kmf-portal-page,
html.kmf-splash-active body.kmf-login-page {
    background: #ffffff !important;
}

#kmf-splash {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1.25rem, env(safe-area-inset-top)) 1.25rem max(1.25rem, env(safe-area-inset-bottom));
    background: #ffffff !important;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#kmf-splash[hidden] {
    display: none !important;
}

#kmf-splash.kmf-splash--hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#kmf-splash__logo {
    width: min(58vw, 220px);
    height: auto;
    max-height: 45vh;
    object-fit: contain;
}

@media (min-width: 992px) {
    #kmf-splash {
        display: none !important;
    }
}