styles.css [180:199]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
}

.tree-item:hover .drag-handle {
  opacity: 1;
}

.tree-item.drag-active .drag-handle {
  cursor: grabbing;
  /* Change to grabbing when dragging */
}

/* Management group status indicator - keep next to drag handle */
.mg-status-indicator {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



styles.css [241:260]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
}

.tree-item:hover .drag-handle {
  opacity: 1;
}

.tree-item.drag-active .drag-handle {
  cursor: grabbing;
  /* Change to grabbing when dragging */
}

/* Management group status indicator - adjust position relative to drag handle */
.mg-status-indicator {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -