### Problem The current dashboard tables could break the layout on small screens. ### Solution On mobile devices (`< 768px`), transform the table rows into a "Card" layout where columns stack vertically. ### Acceptance Criteria - [ ] **Desktop:** Layout remains. - [ ] **Mobile:** Layout stacks vertically (1 column per row). - [ ] **Scroll Containment:** If a specific table *must* be wide, the scrollbar appears *only* on the table element (CSS `overflow-x: auto`), not the window body.
Problem
The current dashboard tables could break the layout on small screens.
Solution
On mobile devices (
< 768px), transform the table rows into a "Card" layout where columns stack vertically.Acceptance Criteria
overflow-x: auto), not the window body.