/* Password toggle eye icon styles */
.password-container {
    position: relative;
}

.password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d;
    font-size: 1.2rem;
    transition: color 0.2s ease;
    z-index: 10;
}

.password-toggle:hover {
    color: #495057;
}

.password-toggle.active {
    color: #007bff;
}

/* Ensure input padding accommodates the icon */
.form-control[type="password"],
.form-control[type="text"].password-visible {
    padding-right: 40px;
}