.thread-messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}

.thread-message {
  width: min(88%, 760px);
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.thread-message.user {
  align-self: flex-start;
  border-bottom-left-radius: 6px;
  background: #1b2023;
}

.thread-message.admin {
  align-self: flex-end;
  border-color: var(--line);
  border-bottom-right-radius: 6px;
  background: rgba(216, 181, 106, .09);
}

.thread-message span,
.thread-message small {
  display: block;
}

.thread-message small {
  margin-top: 9px;
  color: var(--muted);
  font-size: 10px;
}

.thread-message.admin small { text-align: right; }

@media (max-width: 600px) {
  .thread-message { width: 94%; }
}