/* ── dragged into place: the playlist's rows and the queue's ───────────
   Almost nothing, because both lists are already the app's own rows. No
   row carries `touch-action: none` — a flick that starts on one still
   scrolls the list; the gesture takes the scroll away for itself only
   after the 320ms lift, and in JS (src/mobile/reorder.js). The spring is
   the app's own spatial one, and the global reduce-motion rule above
   flattens it for nothing. */
.tracks.dragging .trk,
.q-face.dragging .row {
    transition: background var(--m-fast), transform var(--m-base);
}
/* the row in hand: off the spring, above its neighbours, lifted off the page */
.tracks.dragging .trk.lifted,
.q-face.dragging .row.lifted {
    transition: none;
    position: relative;
    z-index: 5;
    background: var(--hover);
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}
/* why the rows will not move while the filter has something in it */
.pl-note { padding: 2px var(--pad) 8px; font-size: 12px; color: var(--text-muted); }