↑ STATE A — Badge in the workspace header, top-right. 4-step progress bar: Pending → Sent → Opened → Paid. Green = done, amber pulsing = current step, gray = future. Amount ($1,066.00) shown on the right. Hover to see border turn red, click to open popover (State B).

↑ STATE B — Popover open (with arrow pointing up to the badge it came from). Header: "Payment Status" + amount. Larger progress bar inside. Timeline of events (Invoice created → Link sent → Awaiting open). Invoice link with Copy/Open icons. Two actions: Resend Link (outline) + Mark Paid (green, manager-only). Small purple "Mark Paid requires Manager role" footer explains the restriction.

↑ ALL VARIANTS — Shows every state the badge can be in. Not Started (all gray, amount is —) · Pending (amber on step 1) · Sent (green Pending + amber Sent — this is State A) · Opened (3 done, amber on Opened) · Paid (all green + green background) · Failed (red final dot + red tint).