/* 提升 edges 层级使箭头不被节点覆盖 */
.react-flow__renderer,
.react-flow {
  position: relative;
}

.react-flow__edges {
  z-index: 30 !important;
  pointer-events: auto;
}
.react-flow__nodes {
  z-index: 20 !important;
}

/* Edge 动画（双向） */
.custom-directional-edge.bidirectional .edge-animatable path,
.custom-directional-edge.bidirectional.edge-animatable {
  animation: edge-dash-flow 4s linear infinite;
  stroke-dasharray: 6 10;
  stroke-linecap: round;
}

@keyframes edge-dash-flow {
  0% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -200; }
}

/* Hover 可视反馈：使用更粗阴影与亮度 */
.custom-directional-edge:hover path {
  /* filter: brightness(1.15) drop-shadow(0 0 4px rgba(99,102,241,0.5)); */
  /* stroke-width: 3.4; */
  /* transition: stroke-width .18s; */
}

/* 选中样式强调 */
.custom-directional-edge.selected path {
  stroke-width: 3.6;
}

/* 节点 hover 提示 */
.workflow-assistant-node:hover {
  box-shadow:
    0 6px 18px -4px rgba(0,0,0,0.18),
    0 0 0 2px #3b82f6,
    0 0 0 6px #3b82f622;
  border-color: #3b82f6;
  /* transform: translateY(-2px); */
}

/* 更清晰的 minimap 节点显示 */
.react-flow__minimap-node {
  rx: 4;
  ry: 4;
}

/* 滚动条美化（如果在容器内出现） */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 6px;
  border: 2px solid #f1f5f9;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
