/* Show React Flow handles on node hover/select */
.react-flow__node:hover .mart-handle,
.react-flow__node.selected .mart-handle {
  opacity: 1 !important;
}

/* Canvas dot background is handled by React Flow Background component */

/* Add/connect mode cursors */
.canvas-add .react-flow__pane {
  cursor: copy;
}
.canvas-connect .react-flow__pane {
  cursor: crosshair;
}

/* Node selected ring */
.react-flow__node.selected > div {
  border-color: #1e88e5 !important;
  box-shadow: 0 0 0 3px #e6f1fb, 0 6px 18px rgba(30, 136, 229, 0.15) !important;
}

/* Edge selected */
.react-flow__edge.selected .react-flow__edge-path {
  stroke: #1e88e5;
  stroke-width: 2.5;
}

/* Auto-layout: nodes glide to their new Dagre positions instead of snapping.
   Only active during the layout action so dragging stays instant. */
.canvas-animating .react-flow__node {
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
