/* table-resize.css — tay kéo giãn cột cho bảng có data-resizable.
   Không đặt position cho <th> (giữ nguyên position:sticky của tiêu đề dính). */

table[data-resizable] { user-select: none; }
table[data-resizable] td,
table[data-resizable] th > *:not(.tr-resize-handle) { user-select: text; }

.tr-resize-handle {
  position: absolute;
  top: 0;
  right: -3px;
  width: 9px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
  z-index: 6;
}
.tr-resize-handle::after {
  content: '';
  position: absolute;
  top: 22%;
  bottom: 22%;
  left: 3px;
  width: 2px;
  border-radius: 2px;
  background: transparent;
  transition: background .12s;
}
.tr-resize-handle:hover::after {
  background: var(--ui-blue, #3159ad);
}
body.tr-resizing,
body.tr-resizing * {
  cursor: col-resize !important;
  user-select: none !important;
}