feat(53-mobile-status-panel-toggle): zwijany panel statusow na mobile

Native details/summary toggle — panel zwiniety domyslnie na mobile,
rozwijany kliknieciem. Desktop: zawsze otwarty, bez zmian.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

.paul/phases/53-mobile-status-panel-toggle/53-01-SUMMARY.md

@@ -0,0 +1,100 @@
+---
+phase: 53-mobile-status-panel-toggle
+plan: 01
+subsystem: ui
+tags: [mobile, responsive, status-panel, details-summary, collapsible]
+
+requires:
+  - phase: none
+    provides: n/a
+provides:
+  - Collapsible status panel on mobile using native details/summary
+affects: [mobile-orders-list, mobile-order-details]
+
+tech-stack:
+  added: []
+  patterns: [native-details-summary-toggle, desktop-lock-open]
+
+key-files:
+  created: []
+  modified:
+    - resources/views/components/order-status-panel.php
+    - resources/scss/app.scss
+    - public/assets/css/app.css
+
+key-decisions:
+  - "Native <details>/<summary> zamiast custom JS toggle — zero zaleznosci, semantyczny HTML"
+  - "Desktop: open + preventDefault na summary click — panel zawsze widoczny"
+
+patterns-established:
+  - "Mobile collapsible panel: details/summary + matchMedia JS + arrow visibility toggle"
+
+duration: ~10min
+started: 2026-03-29
+completed: 2026-03-29
+---
+
+# Phase 53 Plan 01: Mobile Status Panel Toggle Summary
+
+**Panel statusow na /orders/list zwijany/rozwijany na mobile — native details/summary z blokada zamykania na desktop**
+
+## Performance
+
+| Metric | Value |
+|--------|-------|
+| Duration | ~10min |
+| Started | 2026-03-29 |
+| Completed | 2026-03-29 |
+| Tasks | 4 completed (3 auto + 1 checkpoint) |
+| Files modified | 3 |
+
+## Acceptance Criteria Results
+
+| Criterion | Status | Notes |
+|-----------|--------|-------|
+| AC-1: Panel zwiniety domyslnie na mobile | Pass | Brak atrybutu open na mobile, lista zamowien widoczna |
+| AC-2: Rozwijanie i zwijanie panelu | Pass | Klik na summary toggle'uje, strzalka obraca sie |
+| AC-3: Desktop bez zmian | Pass | Panel zawsze otwarty, strzalka ukryta, click zablokowany |
+
+## Accomplishments
+
+- Zamiana aside na details/summary z natywnym toggle
+- Chevron SVG strzalka widoczna tylko na mobile
+- Inline JS: domyslnie zamkniety na mobile, otwarty na desktop z blokada click
+- Reset stanu przy resize (matchMedia change listener)
+
+## Files Created/Modified
+
+| File | Change | Purpose |
+|------|--------|---------|
+| `resources/views/components/order-status-panel.php` | Modified | details/summary + chevron SVG + inline JS |
+| `resources/scss/app.scss` | Modified | Strzalka, toggle styles, cursor pointer na mobile |
+| `public/assets/css/app.css` | Modified | Kompilacja SCSS |
+
+## Decisions Made
+
+None — followed plan as specified
+
+## Deviations from Plan
+
+None — plan executed exactly as written
+
+## Issues Encountered
+
+None
+
+## Next Phase Readiness
+
+**Ready:**
+- Pattern mobile collapsible panelu gotowy do reuse
+- Lista zamowien dostepna na mobile bez scrollowania przez statusy
+
+**Concerns:**
+- None
+
+**Blockers:**
+- None
+
+---
+*Phase: 53-mobile-status-panel-toggle, Plan: 01*
+*Completed: 2026-03-29*