.chat-bubble.client.reverse-preview {
  background: #252a30;
  border: 2px dashed #929da9;
  color: #e2e7ec;
  font-style: italic;
}
.reverse-preview .bubble-meta {
  color: #f1f3f5;
  font-size: 0.8rem;
  font-weight: 700;
  font-style: normal;
}
.reverse-preview .translation-text { color: #d6dde4; }

/* Kept outside the scrollable transcript, so history scrolling cannot hide it. */
.reverse-preview-panel {
  flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 5;
  padding: 12px 24px;
  max-height: 36vh;
  overflow-y: auto;
  background: var(--bg, #121519);
  border-bottom: 1px solid var(--border-soft, #39414a);
}
.reverse-preview-panel:empty { display: none; }
.reverse-preview-panel .reverse-preview {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}
.dialog-col > .chat-container { min-height: 0; }
@media (max-width: 900px) {
  .reverse-preview-panel { padding: 10px 16px; }
}