/* Chat bubbles */
.bubble {
  max-width: 90vw;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  white-space: pre-wrap;
}

.bubble.ai {
  align-self: flex-start;
  background: var(--bubble-ai);
}

/* Optional: a subtle "thinking" look */
.bubble.ai.thinking {
  opacity: 0.75;
  font-style: italic;
}

.bubble.user {
  align-self: flex-end;
  background: var(--bubble-user);
}