Update app.py

app.py

@@ -316,6 +316,54 @@ SLEEK_CSS = """
 
 /* Voice hint */
 .voice-hint { font-size: 12px; color:#9fb0cc; margin-top: 4px; }
+/* ——— MAKE ANALYSIS OUTPUT WINDOW MUCH TALLER & SCROLL-FRIENDLY ——— */
+#chatbot_container {
+    flex: 1;
+    min-height: 0;                    /* Critical for proper flex shrinking */
+}
+
+#chatbot_container .gr-chatbot {
+    height: 100% !important;
+    max-height: none !important;      /* Remove Gradio's artificial cap */
+}
+
+#chatbot_container .message-wrap {
+    max-width: 100% !important;
+}
+
+/* Make the actual message container take full height and scroll nicely */
+#chatbot_container .chatbot {
+    overflow-y: auto !important;
+    overflow-x: hidden;
+    padding: 20px !important;
+    scrollbar-width: thin;
+    scrollbar-color: #3a4a6e #16203b;
+}
+
+/* Optional: nicer scrollbar for WebKit browsers */
+#chatbot_container .chatbot::-webkit-scrollbar {
+    width: 8px;
+}
+#chatbot_container .chatbot::-webkit-scrollbar-track {
+    background: #16203b;
+}
+#chatbot_container .chatbot::-webkit-scrollbar-thumb {
+    background: #3a4a6e;
+    border-radius: 4px;
+}
+
+/* Make markdown content more readable in long reports */
+#chatbot_container .message pre {
+    overflow-x: auto;
+    background: #0f1629 !important;
+    border: 1px solid #2a3755;
+}
+
+/* Increase visible height dramatically */
+.main {
+    height: calc(100vh - 72px) !important;   /* Already good */
+    padding: 12px 16px;                      /* Slightly less padding = more space */
+}
 """
 
 VOICE_STT_HTML = """