- Replace bg-primary block on active step with Vuexy number-square pattern:
40x40 rounded-lg squares with primary/tonal/grey backgrounds per state
- Remove outer VCard wrapper so sidebar sits on page background
- Wrap right content column in its own VCard for clear visual separation
- Use text-overline for "AANMELDEN" label, 28px gap between steps
- Active step: primary square + primary text + subtitle visible
- Completed steps: tonal primary square with checkmark + muted text
- Future steps: grey square + muted text, no subtitle
- Mobile chips wrapped in their own card for consistency
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
bert.hausmans
dfe7a63ad3