.nav-links had no min-width:0/overflow-x handling, so on narrow screens
flex items (brand, nav links, user-menu) refused to shrink below content
size and pushed .topnav-inner past the viewport width — showing as a
horizontal scrollbar (or requiring pinch-zoom-out to see everything).
Nav links now scroll horizontally within their own row instead; brand
and user-menu no longer shrink; email hidden and brand collapses to just
the mark below 640px to leave room.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QcXH24ky6zjk2UyK5oZUPH
Scaffolds a Next.js app with email/password auth, encrypted IMAP/SMTP/CalDAV
mailbox connections, a background sync job, Claude-generated daily briefings,
and an approve-before-send draft reply flow. Includes a clean design system
(light/dark) and deployment config (systemd unit, credential rotation script).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012o9j9RezxbZVKQMrB7oRLY
ogrechkoandClaude Sonnet 5