/* Подсветка связей выбранного элемента в Structurizr static viewer. */

#diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-dimmed .structurizrElement {
    opacity: 0.16 !important;
}

#diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-dimmed .structurizrIcon {
    opacity: 0.12 !important;
}

#diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-dimmed .structurizrHighlightableElement {
    stroke-opacity: 0.25 !important;
}

#diagram.wbx-focus-mode .joint-link.wbx-focus-dimmed .connection,
#diagram.wbx-focus-mode .joint-link.wbx-focus-dimmed .marker-target,
#diagram.wbx-focus-mode .joint-link.wbx-focus-dimmed .label {
    opacity: 0.1 !important;
}

#diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-selected .structurizrHighlightableElement,
#diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-neighbor .structurizrHighlightableElement {
    stroke: #2563eb !important;
    stroke-width: 4px !important;
    stroke-opacity: 1 !important;
}

#diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-selected .structurizrElement,
#diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-neighbor .structurizrElement {
    opacity: 1 !important;
}

#diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-selected .structurizrIcon,
#diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-neighbor .structurizrIcon {
    opacity: 1 !important;
}

#diagram.wbx-focus-mode .joint-link.wbx-focus-active .connection {
    opacity: 1 !important;
    stroke: #2563eb !important;
    stroke-width: 3px !important;
}

#diagram.wbx-focus-mode .joint-link.wbx-focus-active .marker-target {
    opacity: 1 !important;
    fill: #2563eb !important;
}

#diagram.wbx-focus-mode .joint-link.wbx-focus-active .label {
    opacity: 1 !important;
    font-weight: 700;
}

#quickFindModal .modal-header {
    gap: 12px;
}

#quickFindModalFilter {
    min-width: 0;
}

.wbx-quick-navigation-scope {
    flex: 0 0 auto;
    white-space: nowrap;
}

.wbx-focus-hint {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 10001;
    max-width: 280px;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(30, 58, 95, 0.92);
    color: #f8fafc;
    font: 13px/1.4 "Open Sans", "Noto Sans", sans-serif;
    pointer-events: none;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25);
}

.wbx-focus-hint kbd {
    display: inline-block;
    min-width: 1.4em;
    padding: 0 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.14);
    font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace;
    text-align: center;
}

@media (prefers-color-scheme: dark) {
    #diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-selected .structurizrHighlightableElement,
    #diagram.wbx-focus-mode .joint-cell.joint-element.wbx-focus-neighbor .structurizrHighlightableElement {
        stroke: #60a5fa !important;
    }

    #diagram.wbx-focus-mode .joint-link.wbx-focus-active .connection {
        stroke: #60a5fa !important;
    }

    #diagram.wbx-focus-mode .joint-link.wbx-focus-active .marker-target {
        fill: #60a5fa !important;
    }
}