Mobile: #event-track-panel can sit under #eventos-drawer's fixed overlay

[luandro]

Context

PR #15 (ux/15-eventos) moved #event-track-panel out of #eventos-drawer to a sibling position inside #view-events to stop the panel being detached on every drawer re-render (round-3 BLOCKER 2 fix).

On desktop (≥1024px) the grid layout grid-column: 2 (round-4 RISK 3 fix, components.css:870-873) places the panel right under the drawer in the right column. Works fine.

On mobile (<1024px) .eventos-body is single-column (grid-template-columns: 1fr), so the track panel sits in-flow below the events list. Meanwhile the drawer becomes position: fixed; bottom: 0; max-height: 50vh; z-index: 10 (components.css:901-911). For short event lists the in-flow track panel ends up under the drawer's z-index: 10 overlay and becomes unclickable / partially hidden.

Repro

1. Open http://127.0.0.1:8081 at <1024px viewport width (e.g. 800×600 DevTools)
2. Log in, click Eventos tab
3. Open any event's drawer → FR24 track panel becomes visible below the list
4. Scroll the page so the track panel is at viewport bottom
5. The track panel sits underneath the drawer's box-shadow: 0 -8px 16px var(--shadow) overlay

Suggested fix (any one)

1. Raise z-index: bump #event-track-panel z-index above 10 on mobile, OR keep the drawer under the panel
2. order: -1: in the mobile grid, force the track panel to render above the list and drawer visually
3. Re-nest on mobile: a media query that moves the track panel back into the drawer at <1024px, leaves it as a sibling at ≥1024px

The cleanest is probably option 3 (matches the original lane UX) but requires a DOM-move in JS or a flex/grid reparenting trick. Option 1 is one CSS line and preserves the new layout.

Discovery

Sonnet r5 round-5 review flagged this as RISK. Acknowledged as out of scope for the PR.