html,
body {
    height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    background-color: #f7f7f7;
    /* fallback */
}

/* FIX MOBILE KEYBOARD JUMPS: Pin content to top instead of centering */
@media (max-width: 768px) {

    .container-fluid,
    .row,
    .authentication-box,
    .login-card {
        min-height: auto !important;
        align-items: flex-start !important;
        /* Stop vertical centering */
        padding-top: 20px !important;
        /* Add some breathing room */
        margin-top: 0 !important;
        justify-content: flex-start !important;
    }

    /* Ensure the body doesn't try to flex-center it */
    body {
        display: block !important;
        height: 100dvh !important;
        /* Strict height */
        overflow-y: auto !important;
        /* Allow internal scrolling if needed */
        /* Removed position: fixed to allow natural scroll-into-view without jumping */
    }
}



.text-danger {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-form-invalid-color);
}

.btn-row {
    margin-bottom: 5px;
}

.btn-pin {
    width: 100%;
    padding: 1.25rem 1.75rem;
}

/*

.poweredby {
}

.theme-form {
    
}

.login-main {
}*/