add chat

static/css/chat/style.css

@@ -1,8 +1,3 @@
-/*
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
- * SPDX-License-Identifier: Apache-2.0
- */
-
 .chat-title {
   font-weight: 700;
   font-size: 1rem;
@@ -16,48 +11,24 @@
   text-overflow: ellipsis;
 }
 
-html {
-  -webkit-text-size-adjust: 100%;
-}
-.chat-controls {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
+#chatArea {
+  display: flex !important;
+  opacity: 1 !important;
+  visibility: visible !important;
 }
 
-.chat-section {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
+#chatBox {
+  display: flex !important;
+  opacity: 1 !important;
+  visibility: visible !important;
 }
 
-#chatArea {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-  word-break: break-word;
-  max-width: 100%;
-  opacity: 1 !important; /* إضافة لضمان الظهور */
+#footerForm {
+  display: flex !important;
+  opacity: 1 !important;
+  visibility: visible !important;
 }
 
-#chatBox {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-  padding: 0.75rem 0.75rem calc(var(--footer-height) + 1rem) 1rem;
-  box-sizing: border-box;
-  max-width: 100%;
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-  word-break: break-word;
-  opacity: 1 !important; /* إضافة لضمان الظهور */
+.hidden {
+  display: none !important;
 }