fix: mobile chat overflow — break long links, constrain msg width, scroll chips

static/css/04-interactive/_chat.css

@@ -365,11 +365,19 @@
     font-size: 0.8rem;
     line-height: 1.5;
     max-width: 85%;
+    min-width: 0;
     word-wrap: break-word;
     overflow-wrap: break-word;
     word-break: break-word;
 }
 
+.chat-msg a,
+.chat-msg strong,
+.chat-msg p {
+    overflow-wrap: break-word;
+    word-break: break-word;
+}
+
 .chat-row-bot .chat-msg {
     background: var(--paper-secondary-bg, #f5f5f5);
     color: var(--text-secondary, #333333);
@@ -467,6 +475,8 @@
     font-weight: 600;
     cursor: pointer;
     border-bottom: 1px dotted var(--accent-green, #27ae60);
+    word-break: break-word;
+    overflow-wrap: break-word;
 }
 
 .chat-nav-link:hover {
@@ -943,4 +953,15 @@
         right: -8px;
         min-width: 120px;
     }
+
+    /* Prevent any child from expanding beyond panel */
+    .chat-msg {
+        max-width: calc(100% - 44px);
+    }
+
+    .chat-suggestions {
+        overflow-x: auto;
+        flex-wrap: nowrap;
+        -webkit-overflow-scrolling: touch;
+    }
 }