#ganttOut #v9-gantt-outer .p6-right {
              position: relative;
              overflow: visible;
            }

            #ganttOut .ga-edge-link-handle {
              position: absolute;
              top: 50%;
              width: 14px;
              height: 14px;
              border-radius: 50%;
              border: 1px solid rgba(147, 197, 253, .6);
              background: rgba(147, 197, 253, .16);
              box-shadow: 0 0 0 0 rgba(31, 78, 121, 0), 0 0 12px rgba(31, 78, 121, .16);
              transform: translate(-50%, -50%) scale(.7);
              transform-origin: center center;
              opacity: 0;
              pointer-events: none;
              cursor: crosshair;
              transition: opacity .14s ease, transform .14s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
              z-index: 19;
            }

            #ganttOut .ga-edge-link-handle::before {
              content: '';
              position: absolute;
              inset: -4px -80px -4px -80px;
              border-radius: 8px;
            }

            #ganttOut .ga-edge-link-handle.is-visible,
            #ganttOut .ga-edge-link-handle.is-dragging {
              opacity: 1;
              pointer-events: auto;
              transform: translate(-50%, -50%) scale(1);
            }

            #ganttOut .ga-edge-link-handle:hover,
            #ganttOut .ga-edge-link-handle.is-dragging {
              background: rgba(191, 219, 254, .35);
              border-color: rgba(191, 219, 254, .92);
              box-shadow: 0 0 0 4px rgba(31, 78, 121, .12), 0 0 18px rgba(79, 127, 168, .36);
            }

            #ganttOut .p6-row.ga-link-source .p6-right {
              box-shadow: inset 0 0 0 1px rgba(79, 127, 168, .22);
            }

            #ganttOut .p6-row.ga-link-target .p6-right {
              box-shadow: inset 0 0 0 1px rgba(34, 197, 94, .28);
              background-image: linear-gradient(90deg, rgba(34, 197, 94, .06), transparent 58%);
            }

            #ganttOut #ga-link-drag-overlay {
              position: absolute;
              left: 0;
              top: 0;
              pointer-events: none;
              overflow: visible;
              z-index: 18;
            }

            #ganttOut #ga-link-drag-overlay .ga-link-draft {
              fill: none;
              stroke: rgba(191, 219, 254, .95);
              stroke-width: 2.2;
              stroke-linecap: round;
              stroke-dasharray: 7 6;
              filter: drop-shadow(0 0 8px rgba(79, 127, 168, .22));
            }

            #ganttOut #ga-link-drag-overlay .ga-link-end {
              fill: rgba(191, 219, 254, .95);
              filter: drop-shadow(0 0 8px rgba(79, 127, 168, .25));
            }

            body[data-gantt-theme="light"] #ganttOut .ga-edge-link-handle {
              border-color: rgba(30, 64, 175, .45);
              background: rgba(79, 127, 168, .18);
              box-shadow: 0 0 0 0 rgba(31, 78, 121, 0), 0 0 10px rgba(31, 78, 121, .12);
            }

            body[data-gantt-theme="light"] #ganttOut .p6-row.ga-link-target .p6-right {
              background-image: linear-gradient(90deg, rgba(34, 197, 94, .07), transparent 58%);
            }
