.systems-workspace{color:#e0f6ff}.systems-tabs,.systems-controls,.systems-workspace .actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.systems-workspace label,.systems-dialog label{display:flex;flex-direction:column;gap:5px;margin:10px 0}.systems-list article,.systems-workspace article,.systems-dialog article{background:#081a28;border:1px solid #17415a;border-radius:12px;padding:14px;margin:10px 0}.systems-list article{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.systems-list article>div{flex:1;min-width:150px}.systems-list small,.graph-node small{display:block;color:#8fb7cd}.systems-dialog{width:min(960px,94vw);max-height:90dvh;background:#06121e;color:#e0f6ff;border:1px solid #268aad;border-radius:18px;padding:20px;overflow:auto}.systems-dialog::backdrop{background:#000b}.systems-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}.systems-dialog input,.systems-dialog select,.systems-dialog textarea,.systems-workspace input,.systems-workspace select{max-width:100%;min-height:44px;background:#0c2435;color:#e0f6ff;border:1px solid #28617b;border-radius:8px;padding:9px}.systems-dialog textarea{min-height:100px}.systems-dialog button,.systems-workspace button{min-height:44px}.systems-dialog [data-ingredient],.systems-dialog [data-answer]{display:flex;gap:8px;flex-wrap:wrap}.systems-table{overflow:auto;max-height:430px}.systems-table pre{white-space:pre-wrap;max-width:420px}.decision-node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.decision-node-grid article{border-top:3px solid #00b9ef}.relationship-board{display:grid;grid-template-columns:2fr 1fr;gap:16px}.relationship-board [data-graph-nodes]{display:flex;flex-wrap:wrap;gap:8px;max-height:65vh;overflow:auto}.graph-node{border:1px solid #00a8d6;background:#0a2a3c;border-radius:22px;padding:10px;min-width:130px}.graph-node.orphan{border-style:dashed;border-color:#d69c58}[data-system-error]{color:#ff9e9e}@media(max-width:650px){.relationship-board{grid-template-columns:1fr}.systems-dialog{padding:12px}.systems-list article>div{flex-basis:80%}.decision-node-grid{grid-template-columns:1fr}}
.graph-svg-scroll{overflow:auto;width:100%;max-height:60vh}.graph-svg-scroll g[role=button]{cursor:pointer}.graph-svg-scroll g[role=button]:hover rect,.graph-svg-scroll g[role=button]:focus rect{stroke:#fff;stroke-width:3}