.row {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.stack {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 0;
  /* Mirrors the user bubble in ui-conversation MessageItem.module.css: the
     figma 525px cap as a share of the width axis (525/748 ≈ 0.702), with the
     same 748px fallback outside the conversation column. */
  max-width: min(calc(var(--dsh-chat-content-width, 748px) * 0.702), 82%);
}

.bubble {
  max-width: 100%;
  padding: 10px 16px;
  overflow-wrap: anywhere;
  border-radius: 22px;
  background: var(--dsw-specific-bubble);
  color: var(--dsw-alias-label-primary);
  font: var(--dsw-font-markdown-code);
  /* The command echo is a user message, not dense code-in-prose: keep the
     code family from the token but read at the body size, riding the
     Settings font-size axis like the user bubble (14/22 at the default). */
  font-size: var(--dsh-content-font-size, 14px);
  line-height: calc(22px + var(--dsh-content-font-delta, 0px));
  white-space: pre-wrap;
}
