/* Authentication app frame. */
.app-auth {
    --app-accent: var(--crisis-accent);
    --app-accent-bg: var(--crisis-accent-light);
}

@media (max-width: 767.98px) {
    .app-auth .lf-input,
    .app-auth .btn-login-submit {
        min-height: 44px;
        font-size: 1rem;
    }

    .app-auth .lf-pw-toggle {
        right: .15rem;
        width: 44px;
        height: 44px;
    }

    .app-auth .lf-remember input[type="checkbox"] {
        width: 1.25rem;
        height: 1.25rem;
    }

    .app-auth .lf-remember label {
        display: flex;
        min-height: 44px;
        align-items: center;
    }
}

@media (max-width: 575.98px) {
    .app-auth .auth-secondary-links {
        flex-direction: column;
        align-items: stretch !important;
        gap: .25rem;
    }

    .app-auth .auth-secondary-links a {
        display: flex;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .app-auth .container.py-5 {
        padding-top: 1rem !important;
        padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    }

    .app-auth .card-body.p-4 {
        padding: 1rem !important;
    }
}