.channel-membership-action.join-channel {
  width: auto;
  min-width: 58px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--violet) 35%, var(--line));
  background: color-mix(in srgb, var(--violet) 10%, var(--paper));
  color: var(--violet);
  font-size: 11px;
  font-weight: 800;
}

.channel-membership-action.join-channel:hover {
  background: var(--violet);
  color: #fff;
}

.composer.channel-observer {
  border-style: dashed;
  background: var(--soft);
  box-shadow: none;
}

.composer.channel-observer .rich-editor {
  cursor: not-allowed;
  color: var(--muted);
}

.composer.channel-observer button,
.thread-composer.channel-observer button,
.thread-composer.channel-observer input {
  cursor: not-allowed;
  opacity: .45;
}

.conversation.channel-observer .message-actions {
  display: none;
}