.node.is-hovered .node-port,
.node.selected .node-port {
  opacity: 1;
}

/* Keep nodes above connection paths for reliable hover/drag hit-testing. */
.node {
  z-index: 4;
}

.node.is-hovered .node-close,
.node.selected .node-close {
  opacity: 1;
  box-shadow: 0 6px 12px rgba(15, 23, 42, 0.2);
}

/* When the canvas welcome card is visually hidden, make sure it cannot block
   hover/drag interactions in the middle of the canvas. */
.canvas-empty-state.ces-hidden .ces-inner {
  pointer-events: none;
}

.connection-path {
  fill: none;
  stroke-linecap: round;
  opacity: 0.85;
}

.connection-path:hover {
  stroke-width: 3px;
  opacity: 1;
}

.connection-path.selected {
  stroke-width: 3px;
  opacity: 1;
}