Update assets/custom.css via AI Editor

assets/custom.css

@@ -1,14 +1,48 @@
-/* Left column navbar (light gray) */
+/* Left navbar (light gray), right column (white) */
 #left-navbar {
     background-color: #f8f9fa !important;
+    height: 100vh;
+    overflow-y: scroll !important;
+    overflow-x: auto !important;
+    scrollbar-width: auto;
+    scrollbar-color: #b0b0b0 #f8f9fa;
 }
 
-/* Right column main (white background) */
 #right-main {
     background-color: #fff !important;
+    height: 100vh;
+    overflow-y: scroll !important;
+    overflow-x: auto !important;
+    scrollbar-width: auto;
+    scrollbar-color: #b0b0b0 #fff;
+}
+
+/* Chat box scrollbars always visible */
+#chat-window {
+    height: 60vh !important;
+    overflow-y: scroll !important;
+    overflow-x: auto !important;
+    scrollbar-width: auto;
+    scrollbar-color: #9fc2e7 #e0e0e0;
+    word-break: break-word;
+    white-space: pre-wrap;
+}
+
+::-webkit-scrollbar {
+    width: 12px;
+    height: 12px;
+    background: #e0e0e0;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #9fc2e7;
+    border-radius: 6px;
+}
+
+::-webkit-scrollbar-corner {
+    background: #e0e0e0;
 }
 
-/* Primary button */
 .btn-primary {
     background-color: #1C304A;
     border-color: #1C304A;
@@ -17,8 +51,6 @@
     background-color: #116F70;
     border-color: #116F70;
 }
-
-/* Secondary button */
 .btn-secondary {
     background-color: #116F70;
     border-color: #116F70;
@@ -27,8 +59,6 @@
     background-color: #00AEAF;
     border-color: #00AEAF;
 }
-
-/* Tertiary button */
 .btn-tertiary {
     background-color: #E0E0E0;
     border-color: #E0E0E0;
@@ -38,4 +68,12 @@
     background-color: #DEF4F4;
     border-color: #DEF4F4;
     color: #1C304A;
+}
+
+/* Ensure textareas always wrap */
+textarea, .dash-textarea {
+    word-break: break-word !important;
+    white-space: pre-wrap !important;
+    overflow-wrap: break-word !important;
+    resize: vertical;
 }