/* Drag sort — shared by gear.html and report-edit.html */
.drag-handle {
  cursor: grab;
  color: var(--stone-muted);
  padding: 4px 4px 4px 0;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.1s;
  user-select: none;
  display: inline-flex;
  align-items: center;
}
.item-row:hover .drag-handle,
.activity-row:hover .drag-handle,
.hl-item-row:hover .drag-handle,
.dest-row:hover .drag-handle { opacity: 1; }

@media (max-width: 768px) {
  .drag-handle { opacity: 1; }
}

.item-row.dragging,
.activity-row.dragging,
.hl-item-row.dragging,
.dest-row.dragging { opacity: 0.35; background: var(--teal-light); border-radius: 8px; }

.item-row.drag-over-top,
.activity-row.drag-over-top,
.hl-item-row.drag-over-top,
.dest-row.drag-over-top { border-top: 2px solid var(--teal); }

.item-row.drag-over-bottom,
.activity-row.drag-over-bottom,
.hl-item-row.drag-over-bottom,
.dest-row.drag-over-bottom { border-bottom: 2px solid var(--teal) !important; }