/* Sprint 18b: the one reorder control (drag handle plus move buttons). Colors come from the shared tokens. */
.rord-handle { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: var(--r-sm, 6px); background: none; color: var(--text-2); cursor: grab; touch-action: none; }
.rord-handle:hover { background: var(--accent-soft); color: var(--accent); }
.rord-handle:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.rord-handle[disabled] { opacity: .35; cursor: not-allowed; }
.rord-handle[aria-pressed="true"] { background: var(--accent-soft); color: var(--accent); }
.rord-handle svg, .rord-handle .icon { width: 16px; height: 16px; }
.rord-dragging { background: var(--accent-soft); box-shadow: 0 6px 18px rgba(0,0,0,.18); position: relative; z-index: 3; }
.rord-dragging .rord-handle { cursor: grabbing; }
.rord-picked { outline: 2px solid var(--accent); outline-offset: -2px; background: var(--accent-soft); }
.rord-off .rord-handle { visibility: hidden; }
.rord-col { width: 36px; padding-right: 0; }
.rord-note { margin: 0 0 var(--s-2); }
@media (prefers-reduced-motion: no-preference) { .rord-dragging { transition: box-shadow var(--dur, .12s) var(--ease, ease); } }