/* 2.201.8 · 열 끌어 옮기기 「여기에 놓인다」 표시 (col_drop.js) — 새 파일. 색은 테마 변수(--accent·--fg·--bg)만.
   단계 열은 머리 칸 바탕·양옆 4px 선이 단계 색이라 옛 3px 안쪽 선이 묻혔다 → 끄는 동안 단계 선을 걷고 열 전체를 칠한다.
   ⚠ 클래스만 달고 떼므로 끝나면 단계 색이 그대로 돌아온다(스타일을 지우지 않는다). */
/* 끄는 동안: 단계 색 양옆 선을 걷는다 · 끄는 열 자신은 흐리게 */
table.shot-table.col-dragging th.stepE, table.shot-table.col-dragging td.stepE { box-shadow: none; }
table.shot-table.col-dragging .drag-self { opacity: .35; }
/* 놓을 수 있는 열 = 모든 머리 칸에 옅은 점선 테두리 */
table.shot-table.col-dragging thead tr th[data-col-key]:not(.drag-self) {
  outline: 1px dashed color-mix(in srgb, var(--fg) 55%, transparent); outline-offset: -3px;
}
/* 마우스가 올라간 열 — 머리·몸통 전체에 굵은 테두리(양옆) + 옅은 채움 · 머리 칸은 더 진하게 */
table.shot-table.col-dragging td.drop-col {
  background-image: linear-gradient(color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 18%, transparent));
  box-shadow: inset 3px 0 0 var(--accent), inset -3px 0 0 var(--accent);
}
table.shot-table.col-dragging thead th.drop-col {
  outline: 3px solid var(--accent); outline-offset: -3px;
  background-image: linear-gradient(color-mix(in srgb, var(--accent) 38%, transparent), color-mix(in srgb, var(--accent) 38%, transparent));
  filter: brightness(1.12);
  transform: scaleY(1.06); transform-origin: bottom;
}
/* 놓이는 쪽(앞/뒤) — 굵은 6px 막대 · 바탕과 섞이지 않게 글자색(--fg) + 가장자리 악센트 */
table.shot-table.col-dragging thead th.drop-left {
  box-shadow: inset 7px 0 0 var(--fg), inset 10px 0 0 var(--accent);
}
table.shot-table.col-dragging thead th.drop-right {
  box-shadow: inset -7px 0 0 var(--fg), inset -10px 0 0 var(--accent);
}
table.shot-table.col-dragging td.drop-col.drop-left, table.shot-table.col-dragging td.drop-col.drop-right { }