/* Password show/hide toggle — used across SaaS app and landing pages */

.password-field__wrap {
    position: relative;
    display: block;
    width: 100%;
}

.password-field__wrap > input {
    padding-right: 2.85rem !important;
}

.password-field__toggle {
    position: absolute;
    right: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: none;
    border-radius: 0.4rem;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
}

.password-field__toggle:hover {
    color: #0088cc;
    background: #f1f5f9;
}

.password-field__toggle:focus {
    outline: none;
    color: #0088cc;
    box-shadow: 0 0 0 2px rgba(0, 136, 204, 0.35);
}

.password-field__toggle[aria-pressed='true'] {
    color: #006da3;
}

.password-field__icon {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    pointer-events: none;
}