/**
 * Column Resize Styles - Moved from column-resize-manager.js
 * Handles table column resizing interactions
 */

/* Resize handle styles */
.column-resize-handle {
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    width: 10px;
    cursor: col-resize;
    user-select: none;
    -webkit-user-select: none;
    z-index: 10;
}

.column-resize-handle:hover .resize-grip,
.resizing .column-resize-handle .resize-grip {
    opacity: 1;
    background: var(--primary-blue, #007aff);
    width: 3px;
}

.resize-grip {
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #d1d5db;
    opacity: 1;
    transition: all 0.2s ease;
}

/* Feedback durante resize */
body.column-resizing {
    cursor: col-resize !important;
    user-select: none !important;
}

body.column-resizing * {
    cursor: col-resize !important;
}

th.resizing {
    background: #f5f5f5;
}

/* Prevent text selection during resize */
.column-resizing .clean-table {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Auto-fit animation */
th[style*="transition"] {
    will-change: width;
}