/* Illustration of a change awaiting approval (hero). Not a working feature. */
.chat-bubble { align-self: flex-end; max-width: 320px; display: flex; flex-direction: column; gap: 6px; }
.chat-bubble__meta { font-size: var(--text-xs); color: var(--color-on-dark-muted); text-align: right; }
.chat-bubble__text {
  background: rgb(255 255 255 / 0.1);
  border: 1px solid rgb(255 255 255 / 0.22);
  color: var(--color-white);
  padding: 14px 18px;
  border-radius: var(--radius-bubble) var(--radius-bubble) 2px var(--radius-bubble);
  font-size: var(--text-base);
  line-height: 1.5;
}

.review-card {
  background: var(--color-white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--color-ink);
}
.review-card__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.review-card__label { font-size: 14px; font-weight: var(--weight-semibold); }
.review-card__badge {
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  color: var(--color-badge-text);
  background: var(--color-badge-bg);
  padding: 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.review-card__diff {
  margin: 0;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: 1.7;
  border: 1px solid var(--color-lines);
  border-radius: var(--radius);
  padding: 12px 14px;
  background: var(--color-paper);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.review-card__diff .diff--minus { color: var(--color-diff-minus); }
.review-card__diff .diff--plus { color: var(--color-diff-plus); }
.review-card__checks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--color-muted); }
.review-card__checks li { display: flex; align-items: center; gap: 8px; }
.review-card__checks svg { width: 16px; height: 16px; flex: 0 0 auto; color: var(--color-diff-plus); }
.review-card__actions { display: flex; gap: 10px; flex-wrap: wrap; }