/admin/ai feature grid track min-width 360px overflows on <400px phones

Area: mobieusAI (audit p11) · Surface: /admin/ai (mobieusAI config page) — feature grid · Dimension: Law 5 mobile · Severity: major

The mobieusAI admin page renders ~40 feature cards in a grid whose column minimum (360px) is wider than the usable width on common small phones (iPhone SE/mini, older Android at 360px CSS px). The page horizontally overflows, the cards get clipped, and the admin has to side-scroll the whole layout. The KPI strip and the per-card controls both received responsive treatment at 760px, but the main grid's track minimum was missed.

Evidence

platform/templates/admin/ai/index.php:129 `.ai-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 0.7rem; }`. The 760px media block (line 225-228) only adjusts `.ai-card__controls` and `.ai-toggle`, never the grid track minimum. `.ai-wrap` adds `padding: 1.25rem` (line 36 = 20px each side). On a 360px viewport the content box is ~320px, but the grid track demands a 360px minimum, forcing horizontal overflow of every feature card. awk scan for media overrides of `.ai-grid` confirms none reduce the 360px floor.

Suggested fix. Add to the existing `@media (max-width: 760px)` block: `.ai-grid { grid-template-columns: 1fr; }` (or lower the minmax floor to `minmax(min(100%, 360px), 1fr)` so the track can shrink below 360px on narrow viewports).

Filed by the automated tenant-app audit and adversarially evidence-verified. Status: verified. Open — not yet actioned.