.timeline-content .ticket-read-receipt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  width: fit-content;
  margin: 7px 0 -2px auto;
  padding: 1px 5px;
  border-radius: 5px;
  color: #81dea4;
  background: rgba(67, 187, 117, .1);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
.timeline-content .ticket-read-receipt[hidden] { display: none; }
.ticket-read-receipt svg { width: 12px; height: 12px; flex: none; }
html[data-theme="light"] .timeline-content .ticket-read-receipt {
  color: #167341;
  background: rgba(29, 143, 81, .08);
}