Tailwind #56 — User surfaces

Field	Value
GitLab	sourcecontrollers/safecall#56
Parent	#52
Roadmap	tailwind-roadmap.md
Depends on	#55 (closed)
Workflow	closed

Goal

Migrate user-facing SPA panels from Bulma (and bespoke dark shells that fight Bulma) onto tokens + catalog + utilities: sensors, RTLS tracker, directory, events feed, maintenance.

Design principles

1. Prefer semantic tokens over hardcoded hex in user-shell-* / user-sensors-* CSS.
2. Port page-local CSS into web/src/css/ (layout layer) rather than leaving forever in styles.css.
3. Catalog for buttons/tags/tables/forms; utilities for dense layouts.

Acceptance criteria

• [x] Templates under web/src/templates/components/user/ migrated
• [x] Maintenance templates under templates/components/maintenance/ migrated
• [x] Related TS under web/src/components/user/ updated (dynamic classes)
• [x] Custom CSS shells for these surfaces use tokens (no Bulma variable hooks)
• [x] Smoke: user sensors table, RTLS panel, directory, events (as features allow)

Implementation notes

Heavy custom CSS today (user-shell-*, sensor readings table mixing Bulma vars). Rewrite selectors to tokens; drop is-light contrast hacks.

Pixi/canvas for RTLS: canvas itself unchanged; surrounding Bulma chrome migrates.

Out of scope

Work	Issue
Admin listings / tools	#57–#61
Drop Bulma	#62

Key paths

• web/src/templates/components/user/**
• web/src/templates/components/maintenance/**
• web/src/components/user/**
• User-related sections of web/build/css/styles.css / web/src/css/*

Verification

1. Web typecheck.
2. Smoke user shell features enabled in config.
3. Grep under templates/components/user for Bulma-only class patterns → 0.

Done when / handoff

1. Operator verifies → commit with Closes #56 → push gitlab.
2. Next: #57 admin asset CRUD.