/* Show/hide "eye" toggle for password fields — see js/password_toggle.js */
.password-toggle-wrapper {
    position: relative;
}
.password-toggle-wrapper input[type="password"],
.password-toggle-wrapper input[type="text"] {
    padding-right: 2.5rem;
}
.form-floating.has-password-toggle input[type="password"],
.form-floating.has-password-toggle input[type="text"] {
    padding-right: 2.5rem;
}
.password-toggle-icon {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d;
    user-select: none;
    z-index: 5;
}
.password-toggle-icon:hover {
    color: #495057;
}

body.dark-mode .password-toggle-icon {
    color: #adb5bd;
}
body.dark-mode .password-toggle-icon:hover {
    color: #e9ecef;
}