.td-graph-container {
  height: var(--td-graph-container-height, 640px);

  .react-flow {
    background: var(--td-graph-bg, #f7f8fa);
  }

  .react-flow__controls {
    margin: 8px;
    border-radius: 12px;
    overflow: hidden;
  }
}

.ui.modal.td-graph-modal > .content {
  padding: 0;
}

.td-graph-edge-label {
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  pointer-events: none;
  white-space: nowrap;
  z-index: 1000;
}