.chat-container {
    border: 1px solid #ccc;
  }
  
  .chat-header {
    padding: 1px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #ccc;
  }
  
  .chat-messages {
    padding: 5px;
    max-height: 300px;
    overflow-y: auto;
  }
  
  .message {
    margin-bottom: 10px;
  }
  
  .message-content {
    padding: 1px;
    border-radius: 10px;
  }
  
  .outgoing {
    background-color: #dcf8c6;
    text-align: right;
    border-radius: 10px;
    padding: 15px;
  }
  
  .incoming {
    background-color: #d1d5e6;
    border-radius: 10px;
    padding: 15px;

  }
  
  .chat-input {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: 0px;
  }
  
  .chat-input input {
    flex: 1;
    margin-right: 10px;
  }