#dairect-chat-widget {
  max-width: 600px;
  margin: 20px auto;
  padding: 16px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
  font-family: sans-serif;
  font-size: 16px;
  box-sizing: border-box;
}
#chat-messages {
  height: 300px;
  overflow-y: auto;
  margin-bottom: 10px;
}
.chat-user, .chat-ai {
  max-width: 75%;
  padding: 12px;
  margin: 6px;
  border-radius: 12px;
  animation: fadeIn 0.3s ease-in-out;
}
.chat-user {
  background: #dcf8c6;
  align-self: flex-end;
  margin-left: auto;
}
.chat-ai {
  background: #f1f0f0;
  align-self: flex-start;
  margin-right: auto;
}
button {
  padding: 10px 14px;
  font-size: 16px;
}
input#chat-input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}