.conversation-panel.totalsafe-group-thread-panel {
  background:
    radial-gradient(circle at top left, rgba(47, 112, 88, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(251, 249, 244, 0.96), rgba(243, 238, 229, 0.96));
}

.conversation-panel.totalsafe-group-thread-panel .message-bubble-container.totalsafe-group-thread-message {
  margin-bottom: 0.4rem;
  transition: margin 120ms ease, transform 120ms ease;
}

.conversation-panel.totalsafe-group-thread-panel .message-bubble-container.totalsafe-group-thread-cluster-start,
.conversation-panel.totalsafe-group-thread-panel .message-bubble-container.totalsafe-group-thread-cluster-single {
  margin-top: 1rem;
}

.conversation-panel.totalsafe-group-thread-panel .message-bubble-container.totalsafe-group-thread-cluster-middle,
.conversation-panel.totalsafe-group-thread-panel .message-bubble-container.totalsafe-group-thread-cluster-end {
  margin-top: 0.1rem;
}

.conversation-panel.totalsafe-group-thread-panel .totalsafe-group-sender {
  font-family: "Plus Jakarta Sans", "Inter", sans-serif;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(74, 122, 132, 0.9);
  margin: 0 0 0.35rem 0.2rem;
}

.conversation-panel.totalsafe-group-thread-panel .totalsafe-group-thread-outgoing .totalsafe-group-sender {
  color: rgba(47, 112, 88, 0.92);
  text-align: right;
  margin-left: 0;
  margin-right: 0.2rem;
}

.conversation-panel.totalsafe-group-thread-panel .totalsafe-group-thread-incoming [data-bubble-name] {
  box-shadow: 0 10px 30px rgba(74, 122, 132, 0.08);
}

.conversation-panel.totalsafe-group-thread-panel .totalsafe-group-thread-outgoing [data-bubble-name] {
  box-shadow: 0 12px 32px rgba(47, 112, 88, 0.16);
}

.conversation-panel.totalsafe-group-thread-panel .totalsafe-group-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.5rem;
}

.conversation-panel.totalsafe-group-thread-panel .totalsafe-group-thread-outgoing .totalsafe-group-reactions {
  justify-content: flex-end;
}

.conversation-panel.totalsafe-group-thread-panel .totalsafe-group-reaction-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 9999px;
  padding: 0.2rem 0.55rem;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(74, 122, 132, 0.12);
  color: rgba(31, 41, 55, 0.9);
  font-size: 0.74rem;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(31, 41, 55, 0.08);
}

.conversation-panel.totalsafe-group-thread-panel .totalsafe-group-thread-reaction-fallback {
  justify-content: center;
}

.conversation-panel.totalsafe-group-thread-panel
  .totalsafe-group-thread-reaction-fallback
  [data-bubble-name] {
  background: rgba(47, 112, 88, 0.08);
  border: 1px dashed rgba(47, 112, 88, 0.2);
  color: rgba(47, 112, 88, 0.92);
}

.conversation-panel.totalsafe-group-thread-panel
  .totalsafe-group-thread-reaction-fallback
  .prose-bubble {
  font-size: 0.78rem;
  font-weight: 700;
}