/*
  25-reorder.css — v41.53 drag to reorder.
  Rows live on light parchment inside the modal: --ink / --muted only.
*/

.reorder-grip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  min-width: 34px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--chart);
  color: var(--muted);
  font-size: 1.05rem;
  line-height: 1;
  /* Without this the browser claims the gesture for scrolling and the drag
     never starts on a touchscreen. */
  touch-action: none;
  cursor: grab;
}
.reorder-grip:active { cursor: grabbing; }

/* The row being carried sits above its neighbours and loses its transition, so
   it tracks the finger exactly rather than lagging behind it. */
.map-level-row.is-dragging {
  position: relative;
  z-index: 3;
  transition: none;
  box-shadow: 0 6px 18px rgba(23, 17, 11, .28);
  border-color: var(--brass);
}
.map-level-list.is-reordering { cursor: grabbing; }
/* Text selection while dragging looks broken and blocks the gesture on some
   Android builds. */
.map-level-list.is-reordering,
.map-level-list.is-reordering * { user-select: none; }

@media (prefers-reduced-motion: reduce) {
  .map-level-row { transition: none; }
}

/* ---------- widened to the Fleet screen (v41.54) ---------- */
/* Squadron cards and character rows are taller than a level row, so the lifted
   card needs the same treatment or it vanishes behind its neighbours. */
.fleet-squadron.is-dragging,
.fleet-person-row.is-dragging {
  position: relative;
  z-index: 3;
  transition: none;
  box-shadow: 0 8px 22px rgba(23, 17, 11, .3);
  border-color: var(--brass);
}
.fleet-squadrons.is-reordering,
.fleet-card.is-reordering { cursor: grabbing; }
.fleet-squadrons.is-reordering *,
.fleet-card.is-reordering * { user-select: none; }

/* The grip sits with the squadron name rather than above it. */
.fleet-squadron-head .reorder-grip { margin-right: 8px; }
.fleet-person-row .reorder-grip { height: 32px; }