/* Recovery and first access share the premium login shell. */
.v4-auth .login-content {
    grid-template-rows: 1fr;
    margin: 0;
}

.v4-auth .login-visual {
    position: relative;
}

.v4-auth .first-access-context,
.v4-auth .password-requirements,
.v4-auth .invitation-state {
    margin-top: 18px;
    padding: 14px 16px;
    background: var(--m1-canvas);
    border: 1px solid var(--m1-line);
    border-radius: 7px;
    color: var(--aliatcore-deep);
    overflow-wrap: anywhere;
}

.v4-auth .password-requirements {
    margin: 0;
}

.v4-auth .invitation-state {
    text-align: left;
}

.v4-auth .invitation-state :is(h2, p) {
    margin: 0;
}

.v4-auth .password-field {
    min-height: 48px;
    margin-top: 8px;
    border: 1px solid #7587a1;
    border-radius: 7px;
    overflow: visible;
}

.v4-auth .login-form .password-field input {
    min-width: 0;
    height: 46px;
    min-height: 46px;
    margin: 0;
    border: 0;
    border-radius: 6px;
    background: #fff;
}

.v4-auth .password-field:focus-within {
    border-color: var(--aliatcore-navy);
    box-shadow: var(--m1-focus);
}

.v4-auth .login-form .password-field input:focus {
    box-shadow: none;
}

.v4-auth .login-form .login-submit {
    box-shadow: none;
}

.v4-auth .m1-login-card .alert {
    margin-top: 16px;
    border-radius: 7px;
}

.v4-auth .v4-auth-security {
    margin-top: 18px;
}

@media (max-width: 700px) {
    .v4-auth .login-visual {
        min-height: 148px;
    }
}