input fix for chome

CLAUDE.md

@@ -858,6 +858,39 @@ docker compose exec redis redis-cli monitor
 
 ---
 
+## Mobile Input / Auto-Fill Fixes
+
+### CSS (`index.css`)
+
+**Auto-fill styling** — prevents browser yellow/blue autofill background from breaking the theme:
+```css
+input:-webkit-autofill {
+  -webkit-box-shadow: 0 0 0 1000px var(--surface) inset !important;
+  -webkit-text-fill-color: var(--text-primary) !important;
+  transition: background-color 5000s ease-in-out 0s !important;
+}
+```
+
+**Prevent iOS zoom on input focus** — iOS zooms in if font-size < 16px:
+```css
+@media (max-width: 768px) {
+  input:focus, textarea:focus, select:focus { font-size: 16px !important; }
+}
+```
+
+### Input Attributes
+
+| File | Change |
+|---|---|
+| `MessageInput.jsx` | `autoComplete="off"`, `autoCorrect="off"`, `autoCapitalize="sentences"`, `spellCheck="true"` on message textarea |
+| `PasswordInput.jsx` | Default `autoComplete="new-password"`, `autoCorrect="off"`, `autoCapitalize="off"`, `spellCheck="false"` (callers can override via props) |
+| `Login.jsx` | Email: `autoComplete="email"`, `autoCorrect="off"`, `autoCapitalize="off"`, `spellCheck="false"`; Password: `autoComplete="current-password"` |
+| `ChangePassword.jsx` | Current password: `autoComplete="current-password"`; new/confirm: inherit `new-password` default |
+| `UserManagerPage.jsx` | Email: `autoComplete="email"`; First/Last name: `given-name`/`family-name`; Phone: `autoComplete="tel"` |
+| `GroupManagerPage.jsx` | Fixed duplicate `autoComplete` attributes; search/name inputs use `autoComplete="off"` |
+
+---
+
 ## Phase 3 — Read Replicas (Future)
 
 When write load on Postgres becomes a bottleneck (typically >100,000 concurrent active users):