/* ============================================================
   columnDragSort.css — 欄位拖曳排序共用樣式
   搭配 columnDragSort.js 使用
   ============================================================ */

/* 拖曳進行中 — body 加上 col-sorting class，強制全域 grabbing 游標 */
body.col-sorting,
body.col-sorting * {
    cursor: grabbing !important;
}

/* 拖曳中的欄位（SortableJS ghostClass） */
th.col-dragging {
    opacity: 0.5;
    background-color: #d0ebff !important;
}

/* 放置目標指示線 */
th.drag-over::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1890ff;
}