/* TextBubble 文字气泡样式 */

.bubble {
  /* 撑满父（MessageContent column 宽）—— 让气泡占满所在半区 */
  width: 100%;
  align-self: stretch;
  padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
  border-radius: var(--radius-xxl, 24px);
  font-size: var(--font-size-body-lg, 16px);
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
  box-shadow: var(--shadow-input-box, 0 1px 2px rgba(0, 0, 0, 0.1));
}

.bubbleAi {
  background: #fff;
  color: var(--color-text-foreground, #000);
  border-top-left-radius: 0;
}

.bubbleUser {
  background: linear-gradient(
    to right,
    var(--color-button-gradient-start, #ff67e0),
    var(--color-button-gradient-end, #ff52a2)
  );
  color: #fff;
  border-top-right-radius: 0;
}