.atlas-graph{--graph-bg:#061b14;--graph-panel:#102d22;color:#edf5e9;background:var(--graph-bg);padding:28px;margin:0 0 28px;min-width:0}
.graph-top,.graph-toolbar,.graph-export,.graph-zoom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.graph-top{align-items:flex-start}.graph-top h3{font-size:26px;margin:10px 0}.graph-top p,.graph-export p{margin:0;color:#adbcaf;font-size:14px;line-height:1.6}
.atlas-graph button{border:1px solid #48624b;border-radius:0;background:#1c3d2c;color:#eff7e7;padding:11px 14px;font:inherit;font-size:13px;cursor:pointer}
.atlas-graph button:hover{border-color:#9eee02;background:#254d35}.atlas-graph button:focus-visible,.graph-node:focus-visible rect{outline:2px solid #f05800;outline-offset:3px}
.graph-top button{background:#9eee02;color:#0a2115;border-color:#9eee02;font-weight:600}.graph-toolbar{margin:24px 0 18px;justify-content:flex-start}
.graph-toolbar label{display:grid;gap:7px;color:#b7c8b5;font-size:12px}.graph-toolbar select,.graph-toolbar input[type=search]{border:1px solid #3c5846;border-radius:0;background:#1a3829;color:#eff7e7;padding:11px 12px;min-width:175px;font:inherit;font-size:13px;max-width:100%}.graph-toolbar input::placeholder{color:#a3b69f}
.graph-toolbar .graph-source-toggle{display:flex;align-items:center;gap:8px;margin-top:20px}.graph-source-toggle input{accent-color:#9eee02}
.graph-legend{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:#a9beaa;margin-bottom:18px}.graph-legend span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;background:#789d62}.graph-legend .product:before{background:#9eee02}.graph-legend .avatar:before{background:#f05800}.graph-legend .context:before{background:#f1c453}.graph-legend .evidence:before{background:#86a59a}
.graph-workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.graph-canvas-wrap{min-width:0;background:#04110c}.graph-canvas{position:relative;overflow:hidden;touch-action:none;cursor:grab;background-color:#04110c;background-image:radial-gradient(#264335 1px,transparent 1px);background-size:22px 22px;min-height:440px}.graph-canvas:active{cursor:grabbing}.graph-svg{display:block;width:100%;height:560px;min-height:440px}
.graph-edge{fill:none;stroke:#68825a;stroke-width:1.4;opacity:.22;pointer-events:stroke}.graph-edge.relevance{stroke:#bc9345;stroke-dasharray:5 4;opacity:.3}.graph-edge.is-related{stroke:#9eee02;stroke-width:2.5;opacity:.95}
.graph-node{cursor:pointer;transition:opacity .18s}.graph-node rect{fill:#183c29;stroke:#537244;stroke-width:1.2}.graph-node circle{fill:#9eee02}.graph-node text{font:15px 'Jost',sans-serif;fill:#e5efdc;pointer-events:none}.graph-node .node-kind{font:12px 'JetBrains Mono',monospace;fill:#a6bb9b}.graph-node.product rect{fill:#264b1c;stroke:#9eee02;stroke-width:2}.graph-node.avatar rect{fill:#2c2414;stroke:#f05800}.graph-node.avatar circle{fill:#f05800}.graph-node.context rect{fill:#29341d;stroke:#c7aa57}.graph-node.context circle{fill:#f1c453}.graph-node.evidence rect,.graph-node.page rect,.graph-node.decision rect{fill:#102a23;stroke:#68877c}.graph-node.is-selected rect,.graph-node:hover rect,.graph-node:focus rect{stroke:#9eee02;stroke-width:3}.graph-node.is-dim{opacity:.4}
.graph-tooltip{position:absolute;left:15px;bottom:15px;width:min(310px,calc(100% - 30px));padding:14px;background:#1c3b2d;border:1px solid #547544;pointer-events:none;box-shadow:0 12px 25px #0005;font-size:13px;z-index:2}.graph-tooltip strong,.graph-tooltip span{display:block}.graph-tooltip span{font-size:11px;color:#bad199;margin-top:4px}.graph-tooltip p{margin:8px 0 0;line-height:1.5}.graph-tooltip[hidden],.graph-empty[hidden]{display:none}
.graph-empty{position:absolute;inset:40% 15% auto;text-align:center;color:#cedcc8}.graph-zoom{padding:12px;justify-content:flex-start}.graph-zoom button{padding:6px 11px}.graph-zoom span{font:10px 'JetBrains Mono',monospace;color:#9db697;margin-left:auto}
.graph-inspector{background:var(--graph-panel);padding:20px;max-height:620px;overflow:auto;min-width:0;font-size:13px;line-height:1.65}.graph-inspector h4{font-size:22px;margin:9px 0;line-height:1.3}.graph-record-status{color:#f1c453;font-size:11px}.graph-record-text{overflow-wrap:anywhere}.graph-inspector details{background:#173b2b;padding:13px;margin:16px 0}.graph-inspector details p{color:#c0d1b9}.graph-inspector small{color:#a4ba9c}.graph-inspector .graph-edit-area{margin-top:15px;padding:12px;background:#204330}.graph-edit-area[hidden]{display:none}.graph-edit-area .pipeline-field{padding:8px;background:#3c6145}.graph-edit-area .pipeline-field span{color:#ebf1e4}.graph-edit-area textarea{background:#edf2df!important;color:#14291a!important;border:1px solid #82936d!important;min-height:90px;width:100%;box-sizing:border-box;border-radius:0!important;padding:12px!important;font:inherit!important}.graph-edit-area p{font-size:11px;color:#b9cbb0}.graph-edit-area button{margin:5px 5px 0 0}
.graph-fact-links{border:0;padding:0;margin:20px 0;max-height:240px;overflow:auto}.graph-fact-links legend{font-weight:600}.graph-fact-links label{display:flex;align-items:flex-start;gap:8px;padding:9px 0}.graph-fact-links input{accent-color:#9eee02;margin-top:5px}.graph-fact-links small{display:block;font-size:11px;line-height:1.4}.graph-connection-list h5{font-size:12px;margin:24px 0 8px}.graph-connection-list button{display:block;width:100%;text-align:left;margin:7px 0;padding:10px}.graph-connection-list small{display:block;font:9px 'JetBrains Mono',monospace;margin-bottom:4px}
.graph-export{margin-top:24px;justify-content:flex-start;background:#10271b;padding:18px}.graph-export>div{flex:1 1 220px}.graph-note{color:#a0b69a;font-size:12px;line-height:1.7;margin:18px 0 0}.graph-status{font-size:12px;color:#c9e8a0;min-height:18px;margin:8px 0 0}
@media(min-width:1500px){.graph-workbench{grid-template-columns:minmax(0,1fr) 330px}.graph-svg{height:660px}.graph-inspector{max-height:720px}}
@media(max-width:1050px){.graph-workbench{grid-template-columns:minmax(0,1fr)}.graph-inspector{max-height:440px}.graph-svg{height:520px}.atlas-graph{padding:20px}.graph-zoom span{font-size:11px}}
@media(max-width:600px){.atlas-graph{padding:14px}.graph-top h3{font-size:22px}.graph-toolbar{display:grid;grid-template-columns:1fr;width:100%}.graph-toolbar select,.graph-toolbar input[type=search]{width:100%;min-width:0}.graph-toolbar .graph-source-toggle{margin-top:0}.graph-svg{height:430px;min-height:0}.graph-canvas{min-height:430px}.graph-top button{width:100%}.graph-export button{flex:1 1 120px}.graph-zoom span{width:100%;margin-left:0}.graph-inspector{padding:16px}.graph-tooltip{font-size:12px}}
@media(prefers-reduced-motion:reduce){.graph-node{transition:none}}
.graph-navigation-hint{font-size:12px;color:#a7bc9e;margin:0 0 16px;line-height:1.5}