/* A room event in the conversation ("Ana entrou na sala · 10:32"): muted text in the middle of the thread. */
.ds-event-pill {
  display: flex;
  justify-content: center;
  padding-block: var(--ds-space-2);
}

.ds-event-pill__text {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-space-1);
  max-inline-size: 100%;
  font-size: var(--ds-font-size-sm);
  color: var(--ds-text-muted);
  text-align: center;
}
/* An Atendimento activity says what happened with an icon before the text, in the soft green of an indicator. */
.ds-event-pill__text > svg { flex-shrink: 0; color: var(--ds-on-cta-soft); }

/* v5: the system pill, set apart from the thread's recessed background by its fill alone. */
:where(html[data-visual="v5"]) .ds-event-pill__text {
  padding: var(--ds-space-1) var(--ds-space-3);
  border-radius: var(--ds-radius-full);
  background: var(--ds-bg-pure);
  font-size: var(--ds-font-size-xs);
}