/* Only the login page loads this file. Keep native editable controls. */
.login-box input {
    min-height: 48px;
    font-size: 16px;
    scroll-margin-block: 24px;
}
@media (pointer: coarse), (max-width: 600px), (max-height: 600px) {
    /* A top-aligned, scrollable form stays reachable when the keyboard resizes the viewport. */
    .login-body {
        display: block;
        min-height: 100vh;
        min-height: 100dvh;
        padding: 24px 16px;
    }
    .login-body .login-box {
        width: min(400px, 100%);
        margin: 0 auto;
        min-height: 0;
        padding: 24px;
    }
}