# QA RC54 – profile focus/layout polish

## Scope
- Built on `next_v96_rc53_profile_mobile_polish.zip`.
- Added profile-active body state so profile topbar can behave like normal page chrome instead of overlaying content while scrolling.
- Tightened `Mål & fokus`: focus chips now use a deterministic 2×2 mobile grid with no random wrapping or clipped labels.
- Tightened `Utrustning`: selected equipment uses a compact 2-column mobile grid and the `+N till` chip stays grouped with the selected equipment.
- Reduced `Aktivt program` action buttons on mobile and kept them side-by-side.
- Cache bump to `96rc54`.

## Checks run
- `node --check assets/js/app.js` ✅
- `node --check assets/js/data.js` ✅
- `node --check assets/js/shell.js` ✅
- `php -l ota_youtube_proxy.php` ✅
- HTML CSS/JS/image reference check ✅
- Zip integrity test ✅

## Screenshot QA
Chromium/Playwright live capture is still not available in this sandbox path, so screenshots were generated through the established fallback QA chain: static fixture → WeasyPrint → PNG.

Generated screenshots:
- `qa_screenshots/rc54_profile_overview_mobile_390x844.png`
- `qa_screenshots/rc54_profile_overview_full_mobile_390x1600.png`
- `qa_screenshots/rc54_profile_edit_mobile_390x844.png`
- `qa_screenshots/rc54_profile_overview_ipad_820x1180.png`
- `qa_screenshots/rc54_profile_overview_desktop_1440x1024.png`

## Visual QA assessment
- Profile top starts cleaner and no longer relies on sticky overlay behavior for the profile page.
- `Mål & fokus` no longer falls into uneven wrapping; focus chips are readable in a stable 2×2 layout on phone.
- Equipment summary is compact and no longer has excess vertical empty space in the QA view.
- Active program card remains visually strong but less tall on phone.

## Notes
- The real app should still be checked on iPhone/Safari after upload because Safari’s bottom address bar can cover content differently depending on scroll state.
- If you want the focus chips forced to one single horizontal row instead of 2×2, that can be done with a horizontal-scroll row, but 2×2 is the most robust/readable mobile layout.