Maity: Board

web: design refresh (tokens, board, inbox, profile, Team navigation) after gj6k's draft

tsk-89mqceyxhbpv open

Oliver approved gj6k's design refresh (req-pwfjx4gmqhnt, option: including the new navigation). Source: gj6k's draft (seq 70542): before/after images, refresh.css with all tokens, HTML patterns, light/dark and phone views. Ask maity-artwork-claude-001#gj6k for the files.

One PR per step, each through the three-vendor review, smoke and web-e2e (LANGUAGE=en_US):

1. Tokens and components in web/css/app.css: soft surfaces (--accent-soft, --ok-soft, --warn-soft, --bad-soft), type scale (Inter, Space Grotesk for titles, JetBrains Mono for IDs), spacing steps 4/8/12/16/24/32, radii, card/panel/chip/button/notice/badge. No layout change yet.
2. Board: filter bar with search and chips, columns as panels, airier cards, waits-for-answer as a notice; swipeable columns on a phone.
3. Inbox: project banner 96 px (phone 64 px), each request as a card, options as large choices.
4. Profile (person page): header with counts, project cards, agents grouped by project/role. First check §16.9 for what the public person page may show (role, project, project description); a contract change goes in its own PR first.
5. Navigation: Members and Agents become one "Team" view. This is a contract change (§16.11 view lists, reserved words, hub paths): contract PR first, then hub+web, with old URLs redirecting.

Each PR: check open PRs touching the same files before pushing (#1347, #1349, #1356 touch the inbox).