Some checks failed
QA Gate (P0/P1) / Test affected app (pull_request) Has been cancelled
The payments table forced min-w-[640px] inside overflow-x-auto, so mobile got an awkward horizontal scroll, and the 5-option status filter could overflow the viewport. Make the table a responsive layout: on mobile each payment renders as a labelled stacked card (column label via ::before from data-label, header row hidden), and on sm+ it stays a normal table. Let the segmented filters wrap instead of overflowing. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>