/* ========================================
   RESIZE HANDLES
   ======================================== */

.resize-handle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    cursor: col-resize;
    background: transparent;
    transition: background-color 0.2s ease;
}

.resize-handle:hover,
.resize-handle.resizing {
    background-color: #6366f1;
}

.row-resize-handle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    cursor: row-resize;
    background: transparent;
    z-index: 5;
}

.row-resize-handle:hover,
.row-resize-handle.resizing {
    background: #6366f1;
}

.col-resize-handle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    cursor: col-resize;
    background: transparent;
    z-index: 5;
}

.col-resize-handle:hover,
.col-resize-handle.resizing {
    background: #6366f1;
}

body.resizing-column,
body.resizing-row {
    cursor: col-resize !important;
    user-select: none;
}

body.resizing-row {
    cursor: row-resize !important;
}