.error-msg {
    padding: 10px 0;
    color: #b94e4e;
}

#signInForm .password-toggle-btn {
    min-width: auto;
    color: #6c757d;
    border: 1px solid #efefef !important;
    background-color: transparent;
    width: 64px;
}

#signInForm .password-toggle-btn:hover,
#signInForm .password-toggle-btn:focus,
#signInForm .password-toggle-btn:active {
    color: #6c757d;
    background-color: #f8f9fa;
}

#signInForm .password-toggle-btn:focus {
    box-shadow: none;
}

/* Login (CB, 2026-10-11): "Forgot your password?" just under the password, with a tap target of
   at least 36px; Sign In with room above it. */
#signInForm .login-forgot {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    margin-top: 4px;
    font-size: 14px;
}

#signInForm .login-sign-in {
    min-height: 44px;
    margin-top: 8px;
}

/* Login edges (CB, 2026-10-11): Create a New Account, the Language box, Sign In and the fields
   share one left and right edge. The footer had its own 20px inset; dropdown.js draws its box
   at 99%. */
#layoutAuthentication .card-footer {
    padding-left: 0;
    padding-right: 0;
}

#signInForm #loginLanguage .dropdown-input {
    width: 100%;
}

/* The version, small and muted under the logo rather than on the background curve. */
.login-version {
    margin: -8px 0 0;
    color: #8a9199;
    font-size: 11px;
    text-align: center;
}