/* Password show/hide control */
.pw-toggle-wrap {
    position: relative;
    display: block;
    width: 100%;
}
.pw-toggle-wrap > input.form-control,
.pw-toggle-wrap > input[type="password"],
.pw-toggle-wrap > input[type="text"] {
    padding-right: 2.5rem !important;
    width: 100%;
}
.pw-toggle-btn {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #6b7280;
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 8px;
    z-index: 2;
    flex-shrink: 0;
    -webkit-appearance: none;
    appearance: none;
}
.pw-toggle-btn:hover,
.pw-toggle-btn:focus-visible {
    color: #111827;
    background: rgba(15, 23, 42, 0.06);
    outline: none;
}

/* Pill fields: eye is a sibling of the input (not wrapped) */
.auth-wave-field,
.admin-login-field {
    position: relative;
}
.auth-wave-eye,
.admin-login-eye {
    border: none !important;
    background: none !important;
    color: #9ca3af;
    padding: 4px;
    margin: 0;
    margin-left: auto;
    cursor: pointer;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 8px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none !important;
    z-index: 2;
}
.auth-wave-eye:hover,
.admin-login-eye:hover,
.auth-wave-eye:focus-visible,
.admin-login-eye:focus-visible {
    color: var(--primary-dark, #0f2f22);
    background: rgba(15, 23, 42, 0.06);
}
.auth-wave-field .auth-wave-eye i,
.admin-login-field .admin-login-eye i,
.pw-toggle-btn i {
    width: auto !important;
    font-size: 0.95rem;
    pointer-events: none;
}

/* If wrap is still used inside a pill field, take remaining flex space only */
.auth-wave-field .pw-toggle-wrap,
.admin-login-field .pw-toggle-wrap {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}
.auth-wave-field .pw-toggle-btn,
.admin-login-field .pw-toggle-btn {
    right: 2px;
}