[OpenSpec] lasuite-wireframe-alignment

[github-actions]

⚠️ OpenSpec-managed issue — this content is automatically synced
from the openspec/ directory. Manual edits will be overwritten on next sync.

Artifacts

• ✅ Metadata
• ✅ Proposal
• ✅ Specs
• ✅ Design
• ✅ Tasks
• 🔲 Plan
• 🔲 Review

Specs

• 📄 lasuite-stack

Tasks

• 1.1 Remove position: relative !important from the #header rule in
• 1.2 On the dev instance, verify whether overflow: visible !important (same rule) is still
• 1.3 Restyle #header: background-color: #ffffff, box-shadow: none, `border-bottom: 1px
• 2.1 Change the #app-content-vue/.app-content rule's background from
• 2.2 Inspect the live DOM under #app-content-vue on the dev instance (lasuite token set
• 2.3 Add a rule giving that selector background: var(--lasuite-color-gray-000),
• 3.1 Set #content-vue to border-radius: 0 and margin: 0, removing the current rounded,
• 3.2 Set the sidebar (#app-navigation/.app-navigation/#app-navigation-vue) to
• 3.3 Add box-shadow: 10px 0 10px rgba(0, 0, 0, .05) to that same sidebar rule.
• 4.1 Update tests/e2e/spec-coverage/lasuite-parity.spec.ts's #header assertions
• 4.2 Add assertions (in the same spec, scoped small per its serial/load-fragile constraint)
• 4.3 Update tests/Unit/LasuiteDesignStackTest.php to reflect the new element-overrides
• 5.1 Run npm run test:lasuite-tokens, npm run test:lasuite-override,
• 5.2 Run the updated lasuite-parity.spec.ts e2e spec against the dev instance and confirm
• 5.3 Capture a live side-by-side Playwright comparison (lasuite-themed Files view + login
• 5.4 Confirm nldesign, summer-breeze, and high-contrast design systems are unaffected

Design

See design.md for technical design details.

---

Synced from openspec/changes/lasuite-wireframe-alignment by OpenSpec workflow
App: thematiq