/* Shared sign-up panel styles layered on top of login-card.css */

.auth-panel {
    display: none;
}

.auth-panel.active {
    display: block;
}

.signup-form {
    margin-top: 0.15rem;
}

.auth-switch {
    margin-top: 1.15rem;
    font-size: 0.9rem;
    color: #6b7280;
    text-align: center;
}

.dark .auth-switch {
    color: #9ca3af;
}

.auth-switch button {
    margin-left: 0.25rem;
    background: none;
    border: none;
    color: #dc2626;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.auth-switch button:hover {
    text-decoration: underline;
}

/* Keep auth modal inputs from showing browser autofill background fill. */
#signin-panel .login-input:-webkit-autofill,
#signin-panel .login-input:-webkit-autofill:hover,
#signin-panel .login-input:-webkit-autofill:focus,
#signin-panel .login-input:-webkit-autofill:active,
#signup-panel .login-input:-webkit-autofill,
#signup-panel .login-input:-webkit-autofill:hover,
#signup-panel .login-input:-webkit-autofill:focus,
#signup-panel .login-input:-webkit-autofill:active,
#forgot-password-panel .login-input:-webkit-autofill,
#forgot-password-panel .login-input:-webkit-autofill:hover,
#forgot-password-panel .login-input:-webkit-autofill:focus,
#forgot-password-panel .login-input:-webkit-autofill:active,
#reset-password-panel .login-input:-webkit-autofill,
#reset-password-panel .login-input:-webkit-autofill:hover,
#reset-password-panel .login-input:-webkit-autofill:focus,
#reset-password-panel .login-input:-webkit-autofill:active {
    -webkit-text-fill-color: #111827;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    box-shadow: 0 0 0 1000px #ffffff inset;
    transition: background-color 9999s ease-out 0s;
}

.dark #signin-panel .login-input:-webkit-autofill,
.dark #signin-panel .login-input:-webkit-autofill:hover,
.dark #signin-panel .login-input:-webkit-autofill:focus,
.dark #signin-panel .login-input:-webkit-autofill:active,
.dark #signup-panel .login-input:-webkit-autofill,
.dark #signup-panel .login-input:-webkit-autofill:hover,
.dark #signup-panel .login-input:-webkit-autofill:focus,
.dark #signup-panel .login-input:-webkit-autofill:active,
.dark #forgot-password-panel .login-input:-webkit-autofill,
.dark #forgot-password-panel .login-input:-webkit-autofill:hover,
.dark #forgot-password-panel .login-input:-webkit-autofill:focus,
.dark #forgot-password-panel .login-input:-webkit-autofill:active,
.dark #reset-password-panel .login-input:-webkit-autofill,
.dark #reset-password-panel .login-input:-webkit-autofill:hover,
.dark #reset-password-panel .login-input:-webkit-autofill:focus,
.dark #reset-password-panel .login-input:-webkit-autofill:active {
    -webkit-text-fill-color: #f9fafb;
    -webkit-box-shadow: 0 0 0 1000px #1a1a1a inset;
    box-shadow: 0 0 0 1000px #1a1a1a inset;
}