/* drag.css */

.drag-handle {
  cursor: grab;
  display: inline-block;
  padding: 0 6px;
  font-size: 18px;
  user-select: none;
  opacity: 0;
  color: #8b8b8b;
  transition: opacity 0.2s ease;
}

.objective-row:hover .drag-handle,
.modal-task-row:hover .drag-handle {
  opacity: 1;
}

.drag-handle:active {
  cursor: grabbing;
}

.dragging-row {
  opacity: 0.4;
}

.drag-over-top {
  border-top: 3px solid #007bff;
}
.drag-over-bottom {
  border-bottom: 3px solid #007bff;
}