.edge-visual-container {
    display: flex;
    align-items: center;
}

.edge-rectangle {
    width: 250px;
    height: 120px;
}

.edge-line {
    stroke: #dee2e6;
    stroke-width: 4;
    fill: none;
    transition: stroke 0.3s ease;
}

.edge-line.active {
    stroke: #28a745;
    stroke-width: 6;
    filter: drop-shadow(0 0 4px rgba(40, 167, 69, 0.6));
}

.edge-label-text {
    font-size: 12px;
    fill: #6c757d;
    font-weight: 600;
    text-anchor: middle;
}

.offset-text {
    font-size: 11px;
    fill: #007bff;
    font-weight: bold;
    text-anchor: start;
}