/* Link çizgisini "boru" gibi yap */
.bd-link-path.pipe {
    stroke-width: 10px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* İstersen daha "boru" hissi için ikinci bir parlak hat (inner) */
.bd-link-path.pipe-inner {
    stroke-width: 6px;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.65;
}

/* Node kutu stil */
.diagram-box {
    background: white;
    border: 2px solid #9aa4b2;
    border-radius: 10px;
    padding: 10px 12px;
    min-width: 140px;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
    font-family: system-ui, Segoe UI, Arial;
}

.diagram-title {
    font-weight: 700;
    margin-bottom: 6px;
}

.diagram-sub {
    font-size: 12px;
    opacity: .8;
}

.diagram-container {
    width: 100%;
    height: 850px;
    /* Frame around the diagram */
    border: 1px solid #9aa4b2;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
    background: #ffffff;
}

.bd-link-path.pipe {
    stroke-width: 10px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashed-link path,
.dashed-link-path {
    stroke-dasharray: 8 6;
    animation: dash 0.6s linear infinite;
}

@keyframes dash {
    to {
        stroke-dashoffset: -28;
    }
}