Update style.css

style.css

@@ -1,4 +1,3 @@
-
 body,
 html {
     margin: 0;
@@ -241,15 +240,18 @@ button.floating-chat-btn:hover,
 /* Chat Popup Container */
 .chat-popup-box {
     position: fixed !important;
-    bottom: 110px !important;
+    bottom: 130px !important;
     right: 30px !important;
     width: 480px !important;
-    max-height: 75vh !important;
+    max-height: 65vh !important;
+    min-height: 400px !important;
     z-index: 999 !important;
     background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 250, 255, 0.98) 100%) !important;
     border-radius: 20px !important;
     box-shadow: 0 12px 45px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(102, 126, 234, 0.2) !important;
     overflow: hidden !important;
+    display: flex !important;
+    flex-direction: column !important;
     animation: slideInUp 0.3s ease-out !important;
 }
 
@@ -285,8 +287,10 @@ button.floating-chat-btn:hover,
 /* Chat Content */
 .chat-content-area {
     padding: 20px !important;
-    max-height: calc(75vh - 80px) !important;
+    flex: 1 !important;
+    max-height: calc(65vh - 140px) !important;
     overflow-y: auto !important;
+    overflow-x: hidden !important;
     background: transparent !important;
     pointer-events: auto !important;
     position: relative !important;
@@ -434,6 +438,23 @@ button.floating-chat-btn:hover,
     color: #333 !important;
     background: #f8f9fa !important;
     border: 1px solid #e9ecef !important;
+    max-height: 200px !important;
+    overflow-y: auto !important;
+}
+
+/* Constrain tab content panels */
+.chat-popup-box .gr-tabitem,
+.chat-popup-box .gr-tab-item {
+    max-height: 300px !important;
+    overflow-y: auto !important;
+    overflow-x: hidden !important;
+}
+
+/* Ensure textboxes in tabs don't overflow */
+.chat-popup-box .gr-textbox,
+.chat-popup-box textarea {
+    max-height: 200px !important;
+    overflow-y: auto !important;
 }
 
 /* Scrollbar for chat content */
@@ -1213,5 +1234,4 @@ p[data-testid="block-info"] {
     border: 2px solid white !important;
     border-radius: 8px !important;
     padding: 10px !important;
-}
-
+}