:root{--bg: #0b1220;--bg2: #101a2b;--panel: rgba(23, 36, 58, .72);--panel-solid: #16233a;--line: rgba(94, 150, 255, .14);--txt: #e8eef6;--dim: #93a4bc;--cyan: #22d3ee;--blue: #3b82f6;--ok: #34d399;--warn: #fbbf24;--bad: #f87171;--purple: #a78bfa;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(160deg,var(--bg) 0%,var(--bg2) 60%,#0d1626 100%);background-attachment:fixed;color:var(--txt);font-size:14.5px}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.35rem;margin:0 0 4px}h2{font-size:1.05rem;margin:0 0 10px;color:var(--cyan);letter-spacing:.02em}h3{font-size:.95rem;margin:14px 0 8px}.layout{display:flex;min-height:100vh}.sidebar{width:218px;flex-shrink:0;padding:18px 12px;border-right:1px solid var(--line);background:#0b1220d9;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .logo{font-weight:700;letter-spacing:.06em;font-size:1.05rem;padding:4px 10px 16px}.sidebar .logo b{color:var(--cyan)}.sidebar a.nav{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;color:var(--dim);font-weight:500}.sidebar a.nav:hover{background:#3b82f617;color:var(--txt);text-decoration:none}.sidebar a.nav.active{background:#22d3ee1c;color:var(--cyan)}.sidebar .me{margin-top:auto;padding:10px;font-size:.8rem;color:var(--dim);border-top:1px solid var(--line)}.main{flex:1;padding:22px 26px 60px;min-width:0}@media (max-width: 860px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;padding:8px;border-right:none;border-bottom:1px solid var(--line)}.sidebar .logo{padding:8px;width:100%}.sidebar .me{display:none}.main{padding:14px 12px 80px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat{text-align:left}.stat .num{font-size:1.7rem;font-weight:700;color:var(--cyan);font-variant-numeric:tabular-nums}.stat .lbl{color:var(--dim);font-size:.82rem}table.data{width:100%;border-collapse:collapse;font-size:.92rem}table.data th,table.data td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}table.data th{color:var(--dim);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:#3b82f60f}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table-scroll{overflow-x:auto}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--line);background:#93a4bc1a;color:var(--dim);white-space:nowrap}.badge.cyan{color:var(--cyan);border-color:#22d3ee66;background:#22d3ee14}.badge.blue{color:#7eb3ff;border-color:#3b82f666;background:#3b82f61a}.badge.ok{color:var(--ok);border-color:#34d39966;background:#34d39914}.badge.warn{color:var(--warn);border-color:#fbbf2466;background:#fbbf2414}.badge.bad{color:var(--bad);border-color:#f8717166;background:#f8717114}.badge.purple{color:var(--purple);border-color:#a78bfa66;background:#a78bfa14}label.f{display:block;margin-bottom:10px;font-size:.85rem;color:var(--dim)}label.f>span{display:block;margin-bottom:4px}input,select,textarea{width:100%;background:#0d1626;border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:8px 10px;font-size:.92rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)}input[type=checkbox]{width:auto;accent-color:var(--cyan)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}button{font-family:inherit;font-size:.9rem;cursor:pointer;border-radius:9px;border:1px solid var(--line);background:var(--panel-solid);color:var(--txt);padding:8px 15px}button:hover{border-color:var(--cyan)}button.primary{background:linear-gradient(90deg,var(--cyan),var(--blue));color:#04101f;font-weight:700;border:none}button.primary:hover{filter:brightness(1.1)}button.danger{color:var(--bad);border-color:#f8717159}button.small{padding:4px 10px;font-size:.8rem}button:disabled{opacity:.5;cursor:default}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.toolbar input[type=search],.toolbar input[type=text]{width:220px}.toolbar select{width:auto}.toolbar .spacer{flex:1}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--dim);padding:8px 13px;font-weight:600;font-size:.87rem}.tabs button.active{color:var(--cyan);border-bottom-color:var(--cyan)}.tabs button:hover{color:var(--txt)}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.kanban .col{min-width:240px;width:240px;flex-shrink:0;background:#0d162699;border:1px solid var(--line);border-radius:var(--radius);padding:10px}.kanban .col h4{margin:0 0 8px;font-size:.78rem;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.kanban .kcard{background:var(--panel-solid);border:1px solid var(--line);border-radius:9px;padding:9px 11px;margin-bottom:8px;cursor:pointer;font-size:.87rem}.kanban .kcard:hover{border-color:var(--cyan)}.kanban .kcard .sub{color:var(--dim);font-size:.78rem;margin-top:3px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810b8;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:#111c2f;border:1px solid var(--line);border-radius:14px;width:100%;max-width:640px;max-height:92vh;overflow-y:auto;padding:20px}.modal h2{margin-top:0}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.error-box{background:#f871711a;color:var(--bad);border-radius:9px;padding:10px 14px;margin:10px 0}.ok-box{background:#34d3991a;color:var(--ok);border-radius:9px;padding:10px 14px;margin:10px 0}.empty{color:var(--dim);padding:24px;text-align:center;font-size:.9rem}.muted{color:var(--dim)}.small{font-size:.82rem}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.right{text-align:right}.flex{display:flex;gap:8px;align-items:center}.mt{margin-top:14px}.montage{max-width:640px;margin:0 auto}.montage .mcard{background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}.montage .mcard .title{font-weight:700;font-size:1.02rem}.montage .mcard .sub{color:var(--dim);font-size:.85rem;margin:2px 0 10px}.montage button{padding:12px 16px;font-size:1rem}.montage .statusline{display:flex;flex-wrap:wrap;gap:8px}@media print{body{background:#fff;color:#111}.sidebar,.toolbar,button{display:none!important}.card{border:1px solid #ccc;background:#fff}}.panel-tabs{display:flex;gap:6px;flex-wrap:wrap}.panel-tab{padding:6px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--dim);font-size:13px;cursor:pointer}.panel-tab.active{color:var(--txt);border-color:var(--cyan);background:#22d3ee14}.designer{margin-top:12px}.designer-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line)}.designer-bar .views{display:flex;gap:4px;flex-wrap:wrap}.designer-bar .views button{padding:6px 12px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--dim);cursor:pointer;font-size:13px}.designer-bar .views button.active{color:var(--txt);background:var(--panel);border-color:var(--line)}.designer-bar .views .pill{margin-left:6px;padding:1px 6px;border-radius:999px;font-size:11px;background:var(--bad);color:#1a0b0b;font-weight:700}.panel-settings{display:grid;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--line)}.panel-settings .capacity .bar{height:6px;border-radius:3px;background:#94b4ff26;overflow:hidden}.panel-settings .capacity .bar i{display:block;height:100%;transition:width .2s}.tree{margin:10px 0}.tree-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;cursor:pointer;font-size:13px}.tree-row:hover{background:#5e96ff14}.tree-row.selected{background:#22d3ee1f;outline:1px solid var(--cyan)}.tree-row .dot{width:6px;height:6px;border-radius:50%;background:var(--dim);flex:none}.tree-row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row .mods{color:var(--dim);font-family:ui-monospace,Consolas,monospace}.tree-actions{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--line)}.view-pane{min-width:0}.diagram{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.diagram-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--line)}.diagram-scroll .sld-node:hover rect:first-of-type,.diagram-scroll g[data-id]:hover rect:first-of-type{filter:brightness(1.25)}.node-details h5{margin:14px 0 6px;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.node-details .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.node-details .three{display:grid;grid-template-columns:1fr 60px 70px;gap:8px}.catalog-picker{margin:10px 0}.model-list{display:grid;gap:4px;max-height:220px;overflow:auto;margin-top:6px}.model-list .model{display:flex;align-items:center;gap:8px;padding:6px 8px;text-align:left;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--txt);cursor:pointer;font-size:12px}.model-list .model:hover{border-color:var(--cyan)}.model-list .model.active{border-color:var(--cyan);background:#22d3ee1a}.model-list .model .swatch{width:10px;height:18px;border-radius:3px;flex:none}.model-list .model .nm{flex:1}.warn{color:var(--warn)}.busbars{display:flex;gap:8px;flex-wrap:wrap}.busbar{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.bom-view .totals{display:flex;gap:10px;flex-wrap:wrap}.bom-view .totals>div{display:flex;flex-direction:column;padding:10px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.bom-view .totals .grand{border-color:var(--cyan)}.bom-view h4{margin:0 0 6px;font-size:13px;color:var(--dim)}.check-list{display:grid;gap:8px}.check-card{padding:10px 12px;border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius);background:var(--panel)}.check-card.error{border-left-color:var(--bad)}.check-card.warn{border-left-color:var(--warn)}.check-card.info{border-left-color:var(--blue)}.tiny{font-size:11px}.mono{font-family:ui-monospace,Consolas,monospace}.wiring-page{max-width:1100px;margin:0 auto;padding:20px}.wiring-head{display:flex;align-items:center;gap:16px;padding-bottom:14px;border-bottom:2px solid var(--line);margin-bottom:16px}.wiring-head img{height:52px}.wiring-head h1{margin:0;font-size:20px}@media print{.designer-bar,.tree-pane,.details-pane,.diagram-bar,.app-nav,.tabs{display:none!important}.designer-body{grid-template-columns:1fr}.diagram-scroll{max-height:none;overflow:visible}body{background:#fff;color:#000}}.designer-body{display:grid;grid-template-columns:var(--tree-w, 290px) minmax(0,1fr) var(--details-w, 320px);gap:10px;margin-top:10px;align-items:start}.designer-body.hide-tree .tree-pane,.designer-body.hide-details .details-pane{display:none}.tree-pane,.details-pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px;max-height:calc(100vh - 210px);overflow:auto}.diagram-scroll{overflow:auto;max-height:calc(100vh - 240px);background:#0f172a}.diagram-scroll svg{display:block}@media (max-width: 1500px){.designer-body{grid-template-columns:var(--tree-w, 250px) minmax(0,1fr)}.details-pane{grid-column:1 / -1;max-height:420px}}@media (max-width: 950px){.designer-body{grid-template-columns:1fr}}.tree-row.depth-0{background:#e6edf6;border-left:5px solid #466a91;color:#101828}.tree-row.depth-1{background:#f7ead7;border-left:5px solid #b47736;color:#101828}.tree-row.depth-2{background:#e3f1ec;border-left:5px solid #3e7a6e;color:#101828}.tree-row.depth-3{background:#eee7f4;border-left:5px solid #7b5b91;color:#101828}.tree-row.depth-4{background:#f5e6e3;border-left:5px solid #a85d52;color:#101828}.tree-row.depth-5{background:#ececec;border-left:5px solid #686d75;color:#101828}.tree-row{margin-bottom:2px;border-radius:0 6px 6px 0}.tree-row .muted,.tree-row .tiny{color:#475467}.tree-row.selected{outline:2px solid #b4713e;outline-offset:-2px}.tree-row .mods{color:#475467;font-weight:600}.tree-row .type-dot{width:11px;height:11px;border-radius:3px;flex:none;border:1px solid rgba(16,24,40,.35)}.editor-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--bg) 0%,var(--bg2) 60%,#0d1626 100%);padding:10px 14px;gap:8px;overflow:hidden}.editor-top{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line);flex:none}.editor-logo{height:34px;width:auto}.editor-title h1{margin:0;font-size:17px;line-height:1.2}.editor-title p{margin:0}.editor-page .designer{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:0}.editor-page .designer-body{flex:1;min-height:0;margin-top:8px;align-items:stretch;overflow:hidden;grid-template-columns:var(--tree-w, 260px) minmax(0,1fr) var(--details-w, 300px)}.editor-page .details-pane{grid-column:auto}@media (max-width: 1000px){.editor-page .designer-body{grid-template-columns:minmax(0,1fr)}.editor-page .tree-pane,.editor-page .details-pane{max-height:220px;height:auto}}.editor-page .tree-pane,.editor-page .details-pane{max-height:none;height:100%;min-height:0}.editor-page .view-pane{min-height:0;height:100%;display:flex;flex-direction:column}.editor-page .diagram{flex:1;min-height:0;display:flex;flex-direction:column}.editor-page .diagram-scroll{flex:1;min-height:0;max-height:none;overflow:auto}.editor-page .terminals-view,.editor-page .bom-view,.editor-page .checks-view{flex:1;min-height:0;overflow:auto;padding-right:4px}.panel-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.panel-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-card:hover{border-color:var(--cyan)}.panel-card-main{display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:none;border:0;color:var(--txt);cursor:pointer;text-align:left;padding:0}.panel-card-main b{font-size:15px}@media print{.editor-top,.designer-bar,.tree-pane,.details-pane,.diagram-bar{display:none!important}.editor-page{position:static;padding:0}.editor-page .designer-body{grid-template-columns:1fr}}.designer-body.hide-tree{grid-template-columns:minmax(0,1fr) var(--details-w, 320px)}.designer-body.hide-details{grid-template-columns:var(--tree-w, 290px) minmax(0,1fr)}.designer-body.hide-tree.hide-details{grid-template-columns:minmax(0,1fr)}.editor-page .designer-body.hide-tree{grid-template-columns:minmax(0,1fr) var(--details-w, 300px)}.editor-page .designer-body.hide-details{grid-template-columns:var(--tree-w, 260px) minmax(0,1fr)}.editor-page .designer-body.hide-tree.hide-details{grid-template-columns:minmax(0,1fr)}