/* Auth page overrides — no Bootstrap loaded on login page */
.form-control {
    font-family: 'Outfit', sans-serif;
}

.btn-login {
    color: #fff;
}

[data-theme="light"] .login-card {
    border-color: rgba(220, 20, 60, 0.15);
}

.alert-error {
    background: rgba(255, 71, 87, 0.1);
    border: 1px solid rgba(255, 71, 87, 0.3);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    color: #FF4757;
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Password visibility toggle button */
.pw-toggle-btn {
    position: absolute;
    right: 0.75rem;
    left: auto;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: inherit;
    display: flex;
    align-items: center;
}

/* Remove inline padding-right that was on the password input */
#password {
    padding-right: 3rem;
}