update chats

style/test.css

-/* Combine both CSS styles */
-
-/* Chat Area CSS Start */
-.chat-area header {
-    background-color: #007bff; /* Updated color */
-    color: #fff;
-    padding: 15px;
-    display: flex;
-    align-items: center;
-  }
-  
-  /* Updated back-icon style */
-  .chat-area header .back-icon {
-    color: #fff;
-    text-decoration: none;
-    margin-right: 10px;
-  }
-  
-  /* Updated image style */
-  .chat-area header img {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    margin-right: 10px;
-  }
-  
-  /* Updated details style */
-  .chat-area header .details {
-    display: flex;
-    flex-direction: column;
-  }
-  
-  /* Updated details span style */
-  .chat-area header .details span {
-    font-weight: bold;
-  }
-  
-  /* Updated details p style */
-  .chat-area header .details p {
-    font-size: 12px;
-  }
-  
-  /* Updated chat-box style */
-  .chat-box {
-    max-height: 400px;
-    overflow-y: auto;
-    padding: 15px;
-    background: #f7f7f7; /* Updated background color */
-    box-shadow: inset 0 32px 32px -32px rgb(0 0 0 / 5%),
-                inset 0 -32px 32px -32px rgb(0 0 0 / 5%);
-  }
-  
-  /* Updated outgoing style */
-  .chat-box .outgoing p {
-    padding: 10px;
-    background-color: #4CAF50;
-    color: #fff;
-    border-radius: 8px;
-  }
-  
-  /* Updated incoming style */
-  .chat-box .incoming p {
-    padding: 10px;
-    background-color: #3498db; /* Updated color for incoming messages */
-    color: #fff;
-    border-radius: 8px;
-  }
-  
-  /* Updated incoming img style */
-  .chat-box .incoming img {
-    width: 30px;
-    height: 30px;
-    border-radius: 50%;
-    margin-right: 10px;
-  }
-  
-  /* Updated typing-area style */
-  .typing-area {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 15px;
-    background-color: #fff;
-  }
-  
-  /* Updated button style */
-  .typing-area button {
-    background-color: #007bff;
-    color: #fff;
-    padding: 10px;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-  }
-  
\ No newline at end of file