/* 关系图谱 V2 样式 */
.graph-toolbar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 14px; background: #f7f8fa; border-bottom: 1px solid #e8e8e8;
  flex-wrap: wrap; gap: 8px;
}
.graph-tools-left, .graph-tools-right { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.graph-tools-right input { padding: 4px 8px; border: 1px solid #d9d9d9; border-radius: 4px; min-width: 200px; font-size: 13px; }
.graph-tools-right select { padding: 4px 8px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 13px; }
.ai-status { font-size: 12px; color: #1890ff; min-width: 200px; }

.graph-stats-row { display: flex; gap: 6px; padding: 8px 14px; flex-wrap: wrap; background: #fff; border-bottom: 1px solid #f0f0f0; }
.graph-badge {
  display: inline-block; padding: 2px 10px; border-radius: 10px;
  font-size: 12px; font-weight: 500; background: #f0f0f0; color: #666;
}
.graph-badge-total { background: #e6f7ff; color: #1890ff; }
.graph-badge-verified { background: #f6ffed; color: #52c41a; }
.graph-badge-physical { background: #e6f7ff; color: #2f54eb; }
.graph-badge-naming { background: #f6ffed; color: #389e0d; }
.graph-badge-ai { background: #fff1f0; color: #cf1322; }

#graphChart { background: #fafbfc; border: 1px solid #e8e8e8; border-radius: 6px; margin: 8px 0; }

.node-detail-card {
  background: #fff; border: 1px solid #e8e8e8; border-radius: 6px;
  padding: 16px; margin: 12px 0;
}
.node-detail-card h3 { margin: 0 0 6px 0; color: #262626; font-size: 16px; }
.node-meta { font-size: 12px; color: #8c8c8c; margin-bottom: 12px; }
.rel-section { margin-top: 12px; }
.rel-section h4 { font-size: 13px; color: #595959; margin: 8px 0 4px 0; border-left: 3px solid #1890ff; padding-left: 8px; }
.rel-item {
  padding: 6px 10px; margin: 3px 0; background: #fafbfc;
  border-radius: 4px; border-left: 2px solid #d9d9d9; font-size: 12px;
}
.rel-arrow { color: #262626; font-family: 'Consolas', monospace; }
.rel-arrow b { color: #1890ff; }
.rel-meta { display: block; color: #8c8c8c; font-size: 11px; margin-top: 2px; }

#graphSidebar .ds-item { cursor: pointer; }
#graphSidebar .ds-item:hover { background: #e6f7ff; }
