/* Diagram background pattern */
.diagram-canvas-grid {
    background-size: 40px 40px;
    background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px), 
        linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
}

/* Alternative dot pattern */
.diagram-canvas {
    background-size: 20px 20px;
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
}

/* Alternative subtle grid */
.diagram-canvas-subtle {
    background-size: 30px 30px;
    background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px), 
        linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
}

/* Group transparency for overlapping effect */
.group-transparency {
    background-color: rgba(250, 225, 180, 0.25) !important;
    border: 2px solid #e0e0e0 !important;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.04);
} 

.group-label {
    font-weight: bold;
} 

.element-label {
    font-weight: bold;
}

/* Styling for selected tree items */
.tree-item-text.selected {
    font-weight: bold !important;
    color: #000000 !important;
}

/* Styling for invokes/uses text labels on links - aggressive override */
.link-label,
.bd-link-label,
.bd-link-label > span,
.bd-link-label > div,
[class*="link-label"],
[class*="bd-link-label"],
.bd-link-label *,
.bd-label,
.bd-label *,
.bd-link-label-text,
.bd-link-label-text * {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    color: #666 !important;
    font-size: 10px !important;
    font-weight: normal !important;
    padding: 1px 2px !important;
    cursor: pointer !important;
    text-align: center !important;
    white-space: pre-line !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important;
}

.link-label:hover,
.bd-link-label:hover,
.bd-link-label:hover > span,
.bd-link-label:hover > div,
[class*="link-label"]:hover,
[class*="bd-link-label"]:hover,
.bd-link-label:hover *,
.bd-label:hover,
.bd-label:hover *,
.bd-link-label-text:hover,
.bd-link-label-text:hover * {
    color: #333 !important;
    transform: scale(1.05) !important;
    transition: all 0.2s ease !important;
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}