/* Column Resize Handle Styles */
.column-resize-handle {
	position: absolute;
	top: 50%;
	right: -2px;
	width: 5px;
	height: 28px;
	cursor: col-resize;
	z-index: 10;
	background: transparent;
	transition: all 0.15s ease;
  transform: translateY(-50%);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.column-resize-handle:hover {
	background: linear-gradient(to right, transparent 0%, rgba(13, 110, 253, 0.15) 50%, transparent 100%);
	width: 7px;
	right: -3px;
}

.column-resize-handle .column-resize-indicator {
	position: absolute;
	top: 50%;
	right: 1px;
	transform: translateY(-50%);
	width: 1px;
	height: 24px;
	background: rgba(0, 0, 0, 0.15);
	transition: all 0.15s ease;
	pointer-events: none;
}

.column-resize-handle:hover .column-resize-indicator,
.column-resize-handle.resizing .column-resize-indicator {
	background: rgba(13, 110, 253, 0.6);
	width: 2px;
	height: 28px;
	right: 2px;
}

.column-resize-handle.resizing {
	background: linear-gradient(to right, transparent 0%, rgba(13, 110, 253, 0.15) 50%, transparent 100%);
	width: 7px;
	right: -3px;
}