/* "Move here as thread" (app-move-to-thread.js): the button at the bottom
   right of the message under the pointer while picking messages to move, and
   the Move dialog's "Into a thread..." on each channel. */

.move-thread-here-btn {
  position: absolute;
  right: 0.5rem;
  bottom: 0.25rem;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.6rem;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  color: var(--accent-text, #fff);
  background: var(--accent, #5865f2);
  border: 1px solid var(--accent, #5865f2);
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  cursor: pointer;
}
.move-thread-here-btn:hover { filter: brightness(1.12); }
.move-thread-here-btn:focus-visible { outline: 2px solid var(--text-primary, #fff); outline-offset: 2px; }

/* Forum cards hold the button too. */
.move-selection-mode .messages .forum-topic { position: relative; }

/* Picking the message in another channel: every message is a target. */
.move-thread-picking .messages .message:hover,
.move-thread-picking .messages .message-compact:hover,
.move-thread-picking .messages .forum-topic:hover {
  outline: 2px dashed var(--accent, #5865f2);
  outline-offset: -2px;
}

/* The Move dialog: the channel, and beside it, into a thread there. */
.move-msg-channel-row {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.move-msg-channel-row .move-msg-channel-item { flex: 1; min-width: 0; }
.move-msg-thread-pick {
  flex: 0 0 auto;
  padding: 0.375rem 0.625rem;
  font: inherit;
  font-size: 0.75rem;
  color: var(--text-muted, #949ba4);
  background: transparent;
  border: 1px solid var(--border, #3f4147);
  border-radius: 0.375rem;
  cursor: pointer;
  white-space: nowrap;
}
.move-msg-thread-pick:hover { color: var(--text-primary, #dbdee1); border-color: var(--accent, #5865f2); }