.graph-hero{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,minmax(105px,.28fr));gap:16px;align-items:center}.graph-metric{display:grid;place-items:center;min-height:110px;border:1px solid var(--line);border-radius:22px;background:var(--surface-strong,#fff);text-align:center;padding:12px}.graph-metric strong{font-size:clamp(2rem,5vw,3.8rem);line-height:1;color:var(--red)}.graph-metric span{font-size:.86rem;font-weight:850}.graph-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(170px,.7fr)) auto;gap:12px;align-items:end}.graph-toolbar label{display:grid;gap:6px;font-weight:850}.graph-toolbar input,.graph-toolbar select{width:100%}.graph-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:18px;align-items:start}.graph-visual{overflow:auto}.graph-canvas-shell{min-width:720px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(244,156,44,.13),transparent 55%),var(--surface-strong,#fff)}#knowledgeGraphSvg{display:block;width:100%;min-height:560px}.graph-edge{stroke:rgba(104,45,18,.34);stroke-width:2}.graph-edge-progresses-to{stroke-dasharray:7 6;stroke-width:3}.graph-svg-node{cursor:pointer;outline:none}.graph-svg-node circle{fill:#fff4dc;stroke:#a51d17;stroke-width:3;transition:transform .18s ease,filter .18s ease}.graph-svg-node text{font-size:14px;font-weight:850;fill:var(--ink)}.graph-svg-node:hover circle,.graph-svg-node:focus circle,.graph-svg-node.is-selected circle{filter:drop-shadow(0 5px 8px rgba(104,45,18,.28));stroke-width:5}.graph-kind-dataset circle{fill:#a51d17}.graph-kind-dataset text{font-size:13px}.graph-details{position:sticky;top:86px}.graph-detail-actions,.graph-node-actions{display:flex;flex-wrap:wrap;gap:9px}.graph-relationship-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.graph-node-list{grid-template-columns:repeat(3,minmax(0,1fr))}.graph-node-card{cursor:pointer;display:flex;flex-direction:column;gap:8px}.graph-node-card:hover,.graph-node-card:focus,.graph-node-card.is-selected{border-color:var(--red);box-shadow:0 14px 34px rgba(104,45,18,.14);outline:none}.graph-node-card h2{margin:0}.graph-node-boundary,.graph-evidence{font-size:.91rem;color:#6a4638}.graph-dataset-register{grid-template-columns:repeat(2,minmax(0,1fr))}.graph-dataset-card{display:flex;flex-direction:column;gap:8px}.graph-dataset-card .btn{margin-top:auto;align-self:flex-start}.graph-boundary{border-left:5px solid var(--orange)}body.dark .graph-node-boundary,body.dark .graph-evidence{color:#f4d9c8}body.dark .graph-canvas-shell{background:radial-gradient(circle at 50% 50%,rgba(244,156,44,.14),transparent 55%),#1c100d}body.dark .graph-svg-node text{fill:#fff7ed}@media(max-width:1100px){.graph-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.graph-hero>div:first-child{grid-column:1/-1}.graph-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.graph-toolbar>label:first-child{grid-column:1/-1}.graph-node-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.graph-workspace{grid-template-columns:1fr}.graph-details{position:static}.graph-dataset-register,.graph-node-list{grid-template-columns:1fr}}@media(max-width:620px){.graph-hero,.graph-toolbar{grid-template-columns:1fr}.graph-hero>div:first-child,.graph-toolbar>label:first-child{grid-column:auto}.graph-toolbar .btn{width:100%}}@media print{.graph-toolbar,.graph-visual,.graph-details,#graphStatus{display:none!important}.graph-node-list,.graph-dataset-register{display:block!important}.graph-node-card,.graph-dataset-card{break-inside:avoid}}