.conversation-sent-indicator[data-receipt-state] {
  display: inline-flex;
  min-width: 14px;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: -0.14em;
  line-height: 1;
  white-space: nowrap;
  transition: color 0.16s ease, opacity 0.16s ease;
}

.conversation-sent-indicator.receipt-sent {
  color: rgba(255, 255, 255, 0.72);
  opacity: 0.92;
}

.conversation-sent-indicator.receipt-read {
  color: #53bdeb !important;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .conversation-sent-indicator[data-receipt-state] {
    transition: none;
  }
}