.password-field-wrap {
    position: relative;
}

.password-field-wrap .form-control {
    padding-right: 44px;
}

.password-field-wrap .toggle-password {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #64748b;
    cursor: pointer;
    padding: 8px;
    line-height: 1;
    border-radius: 6px;
    transition: color 0.2s, background 0.2s;
}

.password-field-wrap .toggle-password:hover {
    color: #1e293b;
    background: rgba(100, 116, 139, 0.12);
}

.password-field-wrap .toggle-password:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(100, 116, 139, 0.25);
}

/* Evita que Chrome trate el campo como "password" (no muestra gestor de guardados). Solo WebKit/Blink. */
input.yemsys-fake-password {
    -webkit-text-security: disc;
}