/* Basic Styling - Customize as Needed */
#chat-widget {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 300px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#chat-header {
  background-color: #eee;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

#chat-messages {
  height: 250px;
  overflow-y: scroll;
  padding: 10px;
}

.message {
  margin-bottom: 10px;
}

.user-message {
  text-align: right;
}

#chat-input {
  padding: 10px;
  border-top: 1px solid #ccc;
}