/* Password show / hide toggle */

.icg-password-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}

.icg-password-wrap input {
    width: 100%;
    padding-right: 44px !important;
    margin-bottom: 0 !important;
}

.icg-auth-modal__form .icg-password-wrap {
    margin-bottom: 10px;
}

.login-form .icg-password-wrap {
    margin-bottom: 18px;
}

.icg-password-toggle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--icg-muted, #3d3d3d);
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
}

.icg-password-toggle:hover {
    color: var(--icg-green, #2d6a35);
    background: rgba(45, 106, 53, 0.08);
}

.icg-password-toggle:focus-visible {
    outline: 2px solid var(--icg-green, #2d6a35);
    outline-offset: 2px;
}

.login-form .icg-password-toggle {
    color: var(--muted, #64748b);
}

.login-form .icg-password-toggle:hover {
    color: var(--primary, #2d6a35);
    background: rgba(45, 106, 53, 0.08);
}