/* ── KNOWLEDGE GRAPH VIEW ── */
#graph-view{flex:1;overflow-y:auto;padding:24px;display:none;flex-direction:column;gap:16px}
#graph-view.visible{display:flex}
#graph-canvas-wrap{position:relative;width:100%;height:460px;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;background:#111}
#graph-canvas{width:100%;height:100%}
#graph-tt{position:absolute;pointer-events:none;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:10px 14px;font-size:12px;max-width:220px;display:none;z-index:10}
.gt-title{font-weight:600;font-size:13px;margin-bottom:3px;color:#e0e0e0}
.gt-sub{color:#666;font-size:11px;line-height:1.5}
#graph-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gs{background:#1a1a1a;border-radius:8px;padding:8px 12px;text-align:center;border:1px solid #2a2a2a}
.gs-n{font-size:20px;font-weight:500}.gs-l{font-size:11px;color:#555;margin-top:2px}
#graph-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#666}
#graph-legend span{display:flex;align-items:center;gap:5px}
.ld{width:8px;height:8px;border-radius:50%;flex-shrink:0}
#graph-detail{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:14px 16px;display:none}
.gd-title{font-weight:600;font-size:14px;color:#e0e0e0;margin-bottom:4px}
.gd-sub{font-size:12px;color:#666;margin-bottom:10px}
.gd-chips{display:flex;gap:6px;flex-wrap:wrap}
.gchip{font-size:11px;padding:3px 9px;border-radius:12px;background:#2a2a2a;color:#aaa;border:1px solid #3a3a3a}
.gchip.o{background:#1a0a00;color:#2774AE;border-color:#2774AE}