.tutor-password-toggle-btn {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px !important;
    color: #757575 !important;
    transition: color 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    line-height: 1 !important;
}

.tutor-password-toggle-btn:hover {
    color: #3e64de !important;
}

.tutor-password-toggle-btn:focus {
    outline: 2px solid #3e64de !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
}

.tutor-password-toggle-btn.active {
    color: #3e64de !important;
}

.tutor-password-toggle-btn svg {
    width: 20px !important;
    height: 20px !important;
    pointer-events: none !important;
}

/* Garante que os inputs tenham espaço para o botão */
#tutor-login-form input[type="password"].has-toggle,
#tutor-login-form input[type="text"].has-toggle,
#tutor-registration-form input[type="password"].has-toggle,
#tutor-registration-form input[type="text"].has-toggle {
    padding-right: 45px !important;
}

/* Remove o botão nativo do Tutor se existir */
.tutor-password-field .show-hide-btn {
    display: none !important;
}

/* Ajustes para o wrapper de confirmação de senha */
.tutor-form-wrap {
    position: relative !important;
}

/* Ajuste específico para o campo de senha com password-strength-checker */
.tutor-password-field {
    position: relative !important;
}

.tutor-password-strength-checker .tutor-password-field .tutor-password-toggle-btn {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
}

/* Se ainda não funcionar, força o posicionamento baseado no input */
.tutor-password-field input[type="password"],
.tutor-password-field input[type="text"] {
    position: relative !important;
}