/**
 * Dependencies Chart CSS
 * Node/edge styling overrides, edit mode, search states
 */

/* ========== SVG EDGE LAYER ========== */

.deps-edge-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: 1;
}

.deps-edge-layer .edge-path {
  transition: stroke 0.1s ease;
}

/* ========== HIDE VIS-NETWORK MANIPULATION TOOLBAR ========== */

.vis-manipulation,
.vis-close,
.vis-edit-mode,
.vis-button,
.vis-back,
.vis-none,
.vis-separator-line,
div.vis-network div.vis-manipulation {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* vis-network tooltip styling */
div.vis-tooltip {
  font-family: 'JetBrains Mono', monospace !important;
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  padding: 0 !important;
}

/* ========== SEARCH STATES ========== */

/* Dimmed nodes (non-matching during search) */
.deps-container[data-searching="true"] #networkContainer {
  /* Handled via vis-network node opacity */
}