/* 공용 행 드래그(SortableJS) 스타일 (2026-07-17 신설, 첫 소비자: 특수상태 설정 모달)
 * 테이블/리스트 행 드래그 정렬 시 핸들·고스트 시각 피드백 — 신규 드래그 정렬 UI는 이 클래스를 사용.
 *
 * 마크업:
 *   <tr data-id="..."> <td><span class="ord-drag-handle">⠿</span></td> ... </tr>
 *   Sortable 옵션: { handle: ".ord-drag-handle", ghostClass: "ord-row-ghost" }
 */
.ord-drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #94a3b8;
  cursor: grab;
  border-radius: 5px;
  font-size: 14px;
  user-select: none;
}
.ord-drag-handle:hover { background: #f1f5f9; color: #475569; }
.ord-drag-handle:active { cursor: grabbing; }

.ord-row-ghost { opacity: 0.4; background: #eef2ff !important; }