#reflexbot-button {
  position: fixed; bottom: 20px; right: 20px;
  background: #fa7d61; color: white; border: none;
  border-radius: 50%; width: 50px; height: 50px;
  font-size: 24px; cursor: pointer;
}
#reflexbot-window {
  position: fixed; bottom: 80px; right: 20px;
  width: 300px; max-height: 400px;
  background: white; border: 1px solid #ccc;
  border-radius: 10px; overflow: hidden;
  display: flex; flex-direction: column;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#reflexbot-header {
  background: #fa7d61; color: white; padding: 8px;
  font-weight: bold; display: flex;
  justify-content: space-between; align-items: center;
}
#reflexbot-messages {
  flex: 1; overflow-y: auto; padding: 5px;
  font-size: 14px;
}
#reflexbot-input {
  display: flex; border-top: 1px solid #ccc;
}
#reflexbot-input input {
  flex: 1; padding: 6px; border: none; outline: none;
}
#reflexbot-input button {
  background: #fa7d61; color: white; border: none; padding: 0 12px; cursor: pointer;
}
.reflexbot-msg {
  margin: 3px 0; padding: 4px 8px; border-radius: 10px;
  max-width: 80%;
}
.reflexbot-msg.user {
  background: #fa7d61; color: white; align-self: flex-end;
}
.reflexbot-msg.bot {
  background: #eee; align-self: flex-start;
}
