.mud-table-body .mud-table-cell:has(.draggable-cell) {
    padding: 0 !important;
    position: relative;
    overflow: visible !important;
    cursor: cell;
}

.draggable-cell {
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
}

.mud-table-body .mud-table-cell:has(.draggable-cell) {
    outline: none !important;
}

.mud-table-body .mud-table-cell:has(.draggable-cell):focus,
.mud-table-body .mud-table-cell:has(.draggable-cell):focus-within {
    outline: none !important;
    box-shadow: none !important;
}

.draggable-cell:focus,
.draggable-cell:focus-within {
    outline: none !important;
}

.draggable-cell .mud-input,
.draggable-cell .mud-input-slot,
.draggable-cell .mud-select,
.draggable-cell .mud-autocomplete {
    outline: none !important;
}

.draggable-cell .mud-input:focus,
.draggable-cell .mud-input-slot:focus,
.draggable-cell .mud-select:focus,
.draggable-cell .mud-autocomplete:focus {
    outline: none !important;
    box-shadow: none !important;
}

.cell-click-overlay {
    position: absolute;
    inset: 0;
    z-index: 5;
    cursor: cell;
}

.mud-table-body .mud-table-cell:has(.draggable-cell.cell-selected)::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid #1976d2;
    pointer-events: none;
    z-index: 10;
}

.mud-table-body .mud-table-cell:has(.draggable-cell.cell-in-range)::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px dashed #757575;
    pointer-events: none;
    z-index: 9;
}

.mud-table-body .mud-table-cell:has(.draggable-cell.cell-selected) .fill-handle {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 8px;
    height: 8px;
    background-color: #1976d2;
    border: 1px solid #fff;
    cursor: crosshair;
    z-index: 11;
    border-radius: 1px;
}

.mud-table-body .mud-table-row:hover .mud-table-cell:has(.draggable-cell.cell-selected)::after {
    border-color: #1976d2;
}

.mud-table-body .mud-table-row:hover .mud-table-cell:has(.draggable-cell.cell-in-range)::after {
    border-color: #90caf9;
}

.draggable-cell.cell-selected,
.draggable-cell.cell-in-range {
    user-select: none;
}