/* User bubble: right-aligned, figma r22 fill = the bubble specific token
   (#EDF3FE light / dark pair rides the token sheet). */

/* Block spacing is the flow column's gap alone — no extra padding here. */
.userRow {
  display: flex;
  justify-content: flex-end;
}

.bubble {
  /* 525px cap inside the 736 column; percentage keeps narrow windows sane. */
  max-width: min(525px, 82%);
  background: var(--dsw-specific-bubble);
  border-radius: 22px;
  /* 44px single-line bubble: 24 line + 10 vertical padding each side. */
  padding: 10px 16px;
  font-size: 16px;
  line-height: 24px;
  color: var(--dsw-alias-label-primary);
}

.badge {
  display: inline-block;
  margin-bottom: 4px;
  padding: 1px 6px;
  border-radius: 6px;
  background: var(--dsw-alias-state-warn-primary);
  color: var(--dsw-alias-label-primary-foreground);
  font-size: 11px;
}

.contextRow {
  padding: 2px 0;
}
