/**
 * SPRINT 드래그앤드롭 공통 스타일
 * Output/Outcome 목록의 드래그앤드롭 순서 변경 스타일
 */

/* 드래그 핸들 */
.drag-handle {
    cursor: move;
    color: #999;
    font-size: 16px;
    padding: 4px 8px;
    user-select: none;
    display: none;
}

.drag-handle:hover {
    color: #666;
}

/* 수정 모드일 때만 드래그 핸들 표시 */
.table__wr.edit-mode .drag-handle {
    display: inline-block;
}

/* 드래그 핸들 셀 */
.drag-handle-cell {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

/* 드래그 중인 행 - Output (파란색 배경) */
.output-row.dragging {
    opacity: 0.5;
    background: #e3f2fd !important;
}

/* 드래그 중인 행 - Outcome (보라색 배경) */
.outcome-row.dragging {
    opacity: 0.5;
    background: #f3e5f5 !important;
}

/* 드롭 위치 표시 - Output (위쪽) */
.output-row.drag-over {
    border-top: 3px solid #2196F3 !important;
}

/* 드롭 위치 표시 - Output (아래쪽) */
.output-row.drag-over-bottom {
    border-bottom: 3px solid #2196F3 !important;
}

/* 드롭 위치 표시 - Outcome (위쪽) */
.outcome-row.drag-over {
    border-top: 3px solid #9c27b0 !important;
}

/* 드롭 위치 표시 - Outcome (아래쪽) */
.outcome-row.drag-over-bottom {
    border-bottom: 3px solid #9c27b0 !important;
}