/* vs-dragdrop.css — Drop indicators and drag styling for Event Tab DnD */

.vs-dnd-indicator {
  position: absolute;
  left: 4px;
  right: 4px;
  height: 2px;
  background: var(--accent-primary, #4fd1c5);
  border-radius: 1px;
  pointer-events: none;
  z-index: 100;
  transition: top 0.05s ease;
}
.vs-dnd-indicator::before {
  content: "";
  position: absolute;
  left: -4px;
  top: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-primary, #4fd1c5);
}

/* Dragging source ghost */
.vs-event.vs-dnd-dragging,
.vs-action.vs-dnd-dragging,
.vs-condition.vs-dnd-dragging {
  opacity: 0.35;
}

/* Event card highlight when action/condition dragged over */
.vs-event-body.vs-dnd-accept {
  background: rgba(79, 209, 197, 0.04);
}

/* Event card outline when event dragged over */
.vs-event.vs-dnd-over {
  outline: 2px dashed var(--accent-primary, #4fd1c5);
  outline-offset: -2px;
}

/* Action / condition row hover during drag */
.vs-action.vs-dnd-hover,
.vs-condition.vs-dnd-hover {
  background: rgba(79, 209, 197, 0.08);
}

/* Draggable cursor on action/condition rows */
.vs-action[draggable="true"],
.vs-condition[draggable="true"] {
  cursor: grab;
}
.vs-action[draggable="true"]:active,
.vs-condition[draggable="true"]:active {
  cursor: grabbing;
}