/* Chat message container */
.message {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  max-width: 80%;
}

/* Chat bubble appearance */
.bubble {
  padding: 12px 16px;
  border-radius: 18px;
  line-height: 1.5;
  position: relative;
  word-wrap: break-word;
  background-color: #333;
  color: white;
}

/* Timestamp inside the bubble */
.timestamp {
  font-size: 0.75rem;
  color: #aaa;
  margin-top: 6px;
  text-align: right;
}

/* User message alignment and color */
.message.user {
  align-self: flex-end;
}
.message.user .bubble {
  background-color: #007bff;
  border-bottom-right-radius: 0;
}

/* Robbie message alignment and color */
.message.robbie {
  align-self: flex-start;
}
.message.robbie .bubble {
  background-color: #444;
  border-bottom-left-radius: 0;
}