/* Snapshot card — renders inside the chat message list */

.snapshot-card {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  max-width: 480px;
}

.snapshot-card__image {
  display: block;
  width: 100%;
  max-height: 300px;
  object-fit: cover;
}

.snapshot-card__from {
  margin: 0;
  padding: 7px 10px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--font-sans, "IBM Plex Sans", sans-serif);
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.snapshot-card__from strong {
  color: rgba(255, 255, 255, 0.75);
}