/* 목록 표 컬럼 폭 조절 (js/table_col_resize.js)

   끌 수 있다는 것이 보이게 헤더 칸 오른쪽 경계에 손잡이를 그린다 (2026-10-02 요청 — 기능이 눈에 안 띈다).
   · 평소: 옅은 세로 손잡이(두 줄)
   · 헤더에 마우스를 올리면: 손잡이가 진해진다
   · 경계에 마우스를 대거나 끄는 중: 파란 막대 + 끄는 컬럼 헤더를 옅게 칠한다
   헤더 칸에 요소를 넣지 않고 ::after 로만 그린다 — 엑셀 내보내기·정렬처럼 헤더 글자를 읽는 코드에
   걸리지 않게. 체크박스 열과 .no-col-resize 표는 그리지 않는다. */
/* 손잡이를 그릴 칸은 JS 가 고른다(th.col-resize-ready) — 헤더 칸을 sticky 로 고정한 표(현황판·리포트·
   모달 등)가 있어 CSS 로 position 을 일괄로 바꾸지 않고, position 이 static 인 칸에만 relative 를 준다 */
th.col-resize-ready::after {
    content: '';
    position: absolute;
    top: 30%;
    bottom: 30%;
    right: 1px;
    width: 3px;
    border-left: 1px solid rgba(60, 74, 158, .28);
    border-right: 1px solid rgba(60, 74, 158, .28);
    pointer-events: none;            /* 클릭은 그대로 칸이 받는다 (정렬·끌기는 JS 가 위치로 가린다) */
    transition: border-color .12s, background-color .12s, top .12s, bottom .12s;
}
thead:hover th.col-resize-ready::after {
    border-color: rgba(60, 74, 158, .55);
}
/* 경계에 마우스를 댄 칸·끄는 중인 칸 — 파란 막대 */
th.col-resize-ready.col-resize-edge::after,
th.col-resize-ready.col-resize-active::after {
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 4px !important;
    border: none !important;
    background-color: #3a8ee6;
}
th.col-resize-active {
    background-color: #c9ddf6 !important;
}

th.col-resize-edge,
html.col-resizing,
html.col-resizing * {
    cursor: col-resize !important;
}
html.col-resizing,
html.col-resizing * {
    user-select: none !important;
}