/* A person from the desk speaks in the chat: a mint voice beside Sofia's white and
   Antony's sand, and a quiet line when they come and go. */
.bubble.is-operator {
  align-self: flex-start;
  border-end-start-radius: 8px;
  background: #e8f6f1;
  color: #16352c;
  box-shadow: 0 12px 28px rgba(22, 90, 70, 0.1);
}

.bubble.is-operator .bubble-who {
  color: #2f7a63;
}

.chat-notice {
  align-self: center;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  max-width: min(92%, 30rem);
  color: #6b7692;
  font-size: 0.8rem;
  line-height: 1.4;
  text-align: center;
  animation: bubble-in 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.chat-notice::before,
.chat-notice::after {
  content: "";
  flex: 1 1 1.5rem;
  min-width: 1rem;
  height: 1px;
  background: rgba(16, 40, 90, 0.14);
}

@media (prefers-reduced-motion: reduce) {
  .chat-notice {
    animation: none;
  }
}