Update assets/custom.css

assets/custom.css

@@ -42,4 +42,76 @@ body {
 .card {
     background-color: #FFFFFF;
     border-color: #E0E0E0;
+}
+
+/* Custom styles for left and right panes */
+.left-pane {
+    background-color: #eeeeee;
+    padding: 15px;
+    border-radius: 5px;
+}
+
+.right-pane {
+    background-color: white;
+    padding: 15px;
+    border-radius: 5px;
+}
+
+/* Additional styles for better visual separation */
+.custom-button {
+    text-align: left;
+    padding: 10px;
+    margin-bottom: 5px;
+    border-radius: 5px;
+    transition: background-color 0.3s;
+}
+
+.custom-button:hover {
+    background-color: #DEF4F4;
+}
+
+/* Styling for the file list */
+#file-list > div {
+    background-color: #FFFFFF;
+    padding: 5px;
+    margin-bottom: 5px;
+    border-radius: 3px;
+    display: flex;
+    align-items: center;
+}
+
+#file-list button {
+    background-color: #E0E0E0;
+    border: none;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 10px;
+    cursor: pointer;
+}
+
+#file-list button:hover {
+    background-color: #1C304A;
+    color: white;
+}
+
+/* Styling for the document preview */
+#document-preview {
+    background-color: #FFFFFF;
+    border: 1px solid #E0E0E0;
+    border-radius: 5px;
+    padding: 15px;
+    margin-bottom: 15px;
+}
+
+/* Styling for the chat input and button */
+#chat-input {
+    border-color: #E0E0E0;
+}
+
+#btn-send-chat {
+    margin-left: 10px;
 }