/* Custom port styling for Blazor.Diagrams */
/* Target the PortRenderer component output */
.port,
.diagram-port,
[data-port-id] {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    border-radius: 50% !important;
    background: #1976d2 !important;
    border: 2px solid white !important;
    cursor: pointer !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Constant input ports (wrapped in .constant-input-port) */
.constant-input-port .port,
.constant-input-port .diagram-port,
.constant-input-port [data-port-id] {
    background: #4caf50 !important; /* green for constants */
}

.port:hover,
.diagram-port:hover,
[data-port-id]:hover {
    background: #0d47a1 !important;
    transform: scale(1.3) !important;
}

/* Blazor.Diagrams: allow selecting links inside workflow groups.
   App.razor loads this stylesheet AFTER `_content/Z.Blazor.Diagrams/style.min.css`,
   so this override wins over the library's `.diagram-group { pointer-events: all; }`. */
.diagram-group {
    pointer-events: none !important;
}

.diagram-group .flowgroup-container .title {
    pointer-events: auto !important;
}