/* ===== 관계 네트워크 ===== */

.network-container {
  width: 100%;
  min-height: 600px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  position: relative;
}

.network-canvas {
  width: 100%;
  height: 600px;
}

.network-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px;
  border-top: 1px solid var(--border);
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* 관계 유형별 선 스타일 */
.edge-ally { stroke: #4CAF50; }
.edge-enemy { stroke: #f44336; }
.edge-family { stroke: #FFD700; }
.edge-vassal { stroke: #2196F3; }

/* 노드 스타일 */
.node-circle {
  cursor: pointer;
  transition: r 0.2s;
}

.node-label {
  font-size: 11px;
  fill: var(--text-primary);
  pointer-events: none;
  text-anchor: middle;
}