/* Inbox-specific styles */

/* Fix search input padding for magnifying glass icon */
input#q {
  padding-left: 35px;
}

/* Hide any truly orphaned Trix/ActionText elements (direct children of body) */
body > trix-toolbar,
body > trix-editor,
body > action-text-attachment {
  display: none !important;
}

/* ── Drag-to-merge states ─────────────────────────────────────────── */

li[data-thread-select-target="thread"] {
  cursor: grab;
  transition: border-color 0.15s, background-color 0.15s, opacity 0.15s, transform 0.15s;
}

li[data-thread-select-target="thread"].dragging {
  opacity: 0.4;
  transform: scale(0.98);
}

li[data-thread-select-target="thread"].drag-over {
  border: 2px dashed rgb(99, 102, 241);
  background-color: rgb(238, 242, 255);
  border-radius: 4px;
}

.dark li[data-thread-select-target="thread"].drag-over {
  background-color: rgba(55, 48, 163, 0.2);
  border-color: rgb(129, 140, 248);
}

/* ── Multi-select states ──────────────────────────────────────────── */

li[data-thread-select-target="thread"].thread-selected {
  background-color: rgb(238, 242, 255);
  border-left: 3px solid rgb(99, 102, 241);
}

.dark li[data-thread-select-target="thread"].thread-selected {
  background-color: rgba(55, 48, 163, 0.2);
  border-left-color: rgb(129, 140, 248);
}

/* Checkbox transition */
.thread-checkbox {
  transition: opacity 0.15s, width 0.15s;
}

.thread-checkbox.hidden {
  width: 0;
  overflow: hidden;
  opacity: 0;
}