/* Minimal custom CSS — Bootstrap utilities are used wherever possible. */

html, body {
  height: 100%;
}

/* Chat bubbles */
.chat-bubble {
  max-width: 85%;
  word-wrap: break-word;
  white-space: pre-wrap;
}

@media (min-width: 576px) {
  .chat-bubble {
    max-width: 75%;
  }
}

.chat-bubble-user {
  border-bottom-right-radius: 0.25rem !important;
}

.chat-bubble-assistant {
  border-bottom-left-radius: 0.25rem !important;
}

.chat-bubble-system {
  max-width: 100%;
}

/* Auto-growing textarea, capped so it doesn't take over the screen */
#messageInput {
  resize: none;
  max-height: 150px;
  overflow-y: auto;
}

/* Keep timestamps unobtrusive */
.msg-timestamp {
  font-size: 0.72rem;
}