:root{--ink:#202f2b;--muted:#7b8580;--line:#e0e5df;--green:#235b47;--light:#f4f6f1;--orange:#c77c39;--red:#bc5144}*{box-sizing:border-box}body{margin:0;background:#f7f8f4;color:var(--ink);font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0;color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:25px;font-weight:560;letter-spacing:-.8px;margin:7px 0 0}h2{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:6px 0}h3{font-weight:550}p{line-height:1.65;color:#68756e}.topbar{height:77px;padding:0 32px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px}.brand{font-size:38px;letter-spacing:-2.5px;font-weight:650;line-height:1}.brand span{font-size:10px;letter-spacing:0;color:#76a98b;margin-left:4px}.brand-caption{font-size:9px;letter-spacing:1.4px;border-left:1px solid var(--line);padding-left:24px;line-height:1.7;color:var(--muted)}.brand-caption strong{font-size:11px;color:#45564c;font-weight:400;letter-spacing:0}nav{display:flex;height:100%;align-items:center;gap:30px;margin-left:40px}nav>*{height:100%;display:flex;align-items:center;font-size:12px;color:#6c7871}.nav-active{color:var(--green);border-bottom:3px solid var(--green);padding-top:3px}.local-badge{margin-left:auto;border:1px solid var(--line);padding:8px 12px;border-radius:20px;color:#617166;font-size:11px}.local-badge i,.live-dot{display:inline-block;background:#62937a;width:6px;height:6px;border-radius:50%;margin-right:7px}.scenario-bar{display:flex;justify-content:space-between;align-items:center;padding:28px 32px 21px;gap:16px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#869188;font-weight:600}.scenario-actions{display:flex;align-items:center;gap:8px}.scenario-actions form{margin:0}select,.button{border:1px solid #d7ded5;border-radius:5px;padding:10px 13px;background:#fff;font-size:11px;white-space:nowrap}.button{display:inline-block;font-weight:550}.button.primary{background:var(--green);color:#fff;border-color:var(--green);padding:11px 17px}.primary span{margin-right:8px;font-size:9px}.secondary{background:transparent}.message{margin:0 32px 13px;color:#718075;font-size:11px;min-height:14px}.message.error{color:var(--red);background:#fff0eb;padding:10px;white-space:pre-line}.editor-shell{display:grid;grid-template-columns:204px minmax(360px,1fr) 260px;margin:0 24px;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #23332303}.palette{border-right:1px solid var(--line);display:flex;flex-direction:column}.panel-heading{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:11px;font-weight:600}.small-count{font-size:10px;background:#eef2ec;padding:3px 6px;border-radius:3px;color:#70806e}.palette>p{font-size:10px;padding:15px 17px 0;line-height:1.7;margin-bottom:12px}.component{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:5px;padding:11px 9px;margin:4px 12px;text-align:left;background:#fff;min-height:56px}.component:hover{border-color:#7a9d88;background:#f7faf5}.component strong{font-size:10px;font-weight:550;display:block}.component small{display:block;font-size:8px;color:#8a938c;margin-top:5px}.component b{font-size:14px;color:#a9b4aa;margin-left:auto;font-weight:400}.component-icon{font-size:21px;color:#6c8772;width:23px;text-align:center}.component-icon.fresh{color:#c39353}.legend{margin:22px 18px 16px;font-size:9px;color:#7a867e;line-height:2}.legend>.eyebrow{display:block;margin-bottom:6px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.dot.ready{background:#65917b}.dot.used{background:#8b99a4}.dot.fresh{background:#cea562}.dot.job{background:#a197b4}.palette-footer{border-top:1px solid var(--line);margin-top:auto;padding:13px 18px;display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#64776a}.palette-footer form{margin:0}.import-label{cursor:pointer}.import-label input{display:none}.canvas-section{min-width:0;display:flex;flex-direction:column}.canvas-toolbar{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.canvas-toolbar>div{display:flex;align-items:center;gap:8px}.canvas-toolbar button{font-size:17px;width:25px}.canvas-toolbar span[data-plant-target=zoom]{font-size:9px;min-width:32px;text-align:center}.subtle{font-size:10px;color:#8a958d;font-weight:400}.canvas{height:595px;flex:1;min-height:540px;position:relative;background-color:#fafbf8;background-image:radial-gradient(#cfd7cf .8px,transparent .8px);background-size:18px 18px;overflow:hidden}.canvas-caption{font-size:8px;color:#98a297;padding:10px 14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.inspector{border-left:1px solid var(--line);min-width:0}.inspector-body{padding:17px;max-height:630px;overflow:auto}.inspector-intro{font-size:10px;margin-bottom:18px;line-height:1.6}.field{display:block;margin-bottom:14px;font-size:10px;color:#6e7d72}.field>span{display:block;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe5dc;border-radius:4px;padding:9px;color:#344c3d;background:#fdfefb;font-size:11px}.field input[type=checkbox]{width:auto}.field textarea{min-height:95px;font-family:monospace;font-size:10px;resize:vertical}.field small{font-size:9px;display:block;margin-top:4px;line-height:1.5;color:#929c92}.inspector-group{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;border-top:1px solid var(--line);padding-top:16px;margin-top:21px}.delete-button{color:var(--red);border:1px solid #ead7d0;width:100%;padding:10px;border-radius:4px;font-size:10px}.drawflow .drawflow-node{width:174px;background:#fff;border:1px solid #cfd9ce;border-radius:8px;padding:0;min-height:110px;box-shadow:0 3px 8px #32482f08;color:var(--ink)}.drawflow .drawflow-node.selected{background:#fff;border:2px solid #40795a;box-shadow:0 0 0 4px #417a5410}.drawflow .drawflow-node .drawflow_content_node{width:100%}.node-top{padding:10px 13px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ea;font-size:9px;color:#839080;text-transform:uppercase;letter-spacing:.9px}.node-top b{font-size:15px;font-weight:400;color:#7a957b}.node-title{padding:10px 13px 5px;font-weight:600;font-size:12px}.node-detail{padding:0 13px 10px;color:#8b9586;font-size:9px}.node-live{padding:0 13px 10px;font-size:9px;color:#51725c;min-height:20px}.node-bar{height:3px;background:#eef2e9;margin:0 13px 10px;border-radius:4px;overflow:hidden}.node-bar i{height:100%;display:block;background:#86a686;width:0}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{width:10px;height:10px;background:#7e9f88;border:2px solid #fff;box-shadow:0 0 0 1px #a8b9aa}.drawflow .drawflow-node .input{left:-5px}.drawflow .drawflow-node .output{right:-5px}.drawflow .connection .main-path{stroke:#a0b3a1;stroke-width:2.2}.drawflow .connection .main-path:hover,.drawflow .connection .main-path.selected{stroke:#39735a;stroke-width:3}.drawflow .drawflow-node.spinner .input,.drawflow .drawflow-node.printer .output{background:#a197b4}.drawflow .drawflow-node.fresh .output,.drawflow .drawflow-node.base .input_1{background:#c8a064}.drawflow .drawflow-node.used .input,.drawflow .drawflow-node.used .output,.drawflow .drawflow-node.spinner .output,.drawflow .drawflow-node.base .input_2{background:#8b99a4}.drawflow-node[data-wait=true]{border-color:#ca945f}.playback{margin:13px 24px 0;padding:15px 20px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:6px}.playback-title{width:210px;flex-shrink:0;display:flex;flex-direction:column;gap:6px}.playback-title strong{font-size:10px;font-weight:500}.play-button{background:var(--green);color:#fff;border-radius:50%;width:32px;height:32px;flex-shrink:0;font-size:10px}.playback input[type=range]{flex:1;accent-color:var(--green);min-width:80px}.playback select{padding:5px}.result-status{font-size:9px;color:#87947f}.results{padding:30px 32px 20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.empty-state{display:flex;align-items:center;justify-content:center;gap:25px;padding:30px;background:#f0f3ec;border:1px dashed #d6dfd0;border-radius:7px}.empty-state>span{font-size:36px;color:#82967a}.empty-state h3{font-size:14px;margin-bottom:8px}.empty-state p{font-size:11px;margin:0}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.answer{background:#edf3eb;padding:15px 17px;border:1px solid #d9e5d3;border-radius:5px;font-size:11px;line-height:1.65}.answer.warning{background:#fbf1e7;border-color:#ecdbc6}.answer b{display:block;margin-bottom:6px;font-size:9px;letter-spacing:1px;color:#7e8d77}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:5px;padding:16px}.metric>span{font-size:9px;color:#7e8d7e;display:block;margin-bottom:12px}.metric strong{font-size:24px;font-weight:500;letter-spacing:-.7px}.metric small{font-size:10px;color:#859080;letter-spacing:0}.metric.danger strong{color:#b47843}.result-panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;margin-bottom:15px}.result-panel h3{font-size:13px;margin-bottom:18px}.result-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.timeline{overflow:auto}.time-row{display:flex;align-items:center;height:30px;border-bottom:1px solid #f0f2ec;font-size:9px}.time-name{width:120px;flex-shrink:0;color:#6d7c6c}.time-track{height:16px;flex:1;position:relative;min-width:350px;background:#f5f7f1;border-radius:2px}.time-phase{position:absolute;top:0;bottom:0;min-width:1px;background:#92b09b;border-radius:2px}.time-phase.waiting{background:#d59c63}.time-phase.technical{background:#b9b8cd}.time-phase.passive{background:#e5e9df}.time-scale{margin-left:120px;display:flex;justify-content:space-between;font-size:8px;color:#94a08f;padding-top:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}td,th{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:9px;color:#8a9585;font-weight:500;background:#f9faf6}td a{color:var(--green);font-weight:600}.stock-chart{width:100%;height:180px;display:block}.chart-legend{display:flex;gap:15px;font-size:9px;margin-top:8px;color:#7a8a75}.run-note{font-size:10px;line-height:1.7;color:#7d8b76}.comparison{padding:50px 40px}.comparison>p{margin:20px 0}.comparison table{background:#fff;margin:30px 0}footer{padding:20px 32px;border-top:1px solid var(--line);font-weight:600;font-size:15px;display:flex;gap:25px;align-items:center}footer>span{font-size:9px;font-weight:400;color:#929b8f}.text-button{font-size:10px;color:#71816c}footer form{margin-left:auto}.warning-note{background:#fbf0e5;padding:10px;color:#a16c37;font-size:11px;border-radius:4px;margin-bottom:12px}.invalid-result{opacity:.55} @media(min-width:1600px){.canvas{min-height:650px}.inspector-body{max-height:730px}.editor-shell{grid-template-columns:220px minmax(400px,1fr) 280px}}@media(max-width:1100px){.brand-caption{display:none}.scenario-bar{align-items:flex-start;flex-direction:column}.editor-shell{grid-template-columns:170px minmax(360px,1fr) 230px;margin:0 12px}.component{margin:4px 8px;padding:9px 6px}.component strong{font-size:9px}.component b{display:none}.metrics{grid-template-columns:repeat(3,1fr)}.result-grid{grid-template-columns:1fr}.local-badge{display:none}}@media(max-width:800px){.editor-shell{grid-template-columns:150px minmax(380px,1fr);overflow:auto}.inspector{grid-column:1/-1;border-top:1px solid var(--line)}.inspector-body{max-height:300px}.answers{grid-template-columns:1fr}.scenario-actions{flex-wrap:wrap}.playback-title{width:150px}.topbar{padding:0 20px}nav{margin-left:10px;gap:15px}.section-heading>.subtle{display:none}.playback{gap:8px}.result-status{display:none}}

.drawflow .connection .main-path{marker-end:url(#flow-arrow)}

.drawflow{transform-origin:0 0}[hidden]{display:none!important}.connection.active .main-path{stroke:#2d7c56;stroke-width:4;stroke-dasharray:7 4;animation:flow-move 1s linear infinite}@keyframes flow-move{to{stroke-dashoffset:-22}}

.node-title{font-size:15px}.node-detail,.node-live{font-size:11px}.node-top{font-size:10px}.drawflow .drawflow-node{min-height:125px}
/* Local Bootstrap components, with colours observed on the official OSSBERGER site. */
:root{--ink:#2b3336;--green:#007bbe;--muted:#6c757d;--line:#dce2e6;--light:#f4f6f8;--bs-primary:#007bbe;--bs-primary-rgb:0,123,190;--bs-body-font-family:Arial,Helvetica,sans-serif}body{background:#f4f6f8;font-family:Arial,Helvetica,sans-serif}.topbar{background:#2b3336;border-bottom:4px solid #007bbe;color:#fff;height:82px}.ossberger-brand{display:flex;align-items:center;border-right:1px solid #697176;padding-right:25px}.ossberger-brand img{width:150px;height:auto;max-height:42px;object-fit:contain}.brand{color:#fff;letter-spacing:-2px;font-size:32px}.brand:hover{color:#fff}.brand span{color:#43b6f2}.topbar nav{margin-left:15px}.topbar nav>*{color:#c9d1d5}.topbar .nav-active{color:#fff;border-bottom:3px solid #6e8220}.topbar .local-badge{color:#c9d1d5;border-color:#526066}.local-badge i,.live-dot{background:#007bbe}.eyebrow{color:#7b8c97}.component:hover{border-color:#007bbe;background:#f2f8fc}.component-icon{color:#007bbe}.component-icon.base{color:#6e8220}.editor-shell{grid-template-columns:220px minmax(380px,1fr) 295px}.palette .component{min-height:53px;padding:8px 9px}.component strong{font-size:11px}.component small{font-size:9px}.canvas{background-color:#fafcfd;background-image:radial-gradient(#c9d6df .8px,transparent .8px);min-height:690px}.inspector-body{max-height:830px}.field input,.field select,.field textarea{background:#fff;color:#2b3336;border-color:#d7e0e5}.field>span{font-size:11px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#007bbe;outline:2px solid #007bbe20}.drawflow .drawflow-node{width:194px;border-color:#bbcbd5;border-radius:5px;box-shadow:0 3px 9px #2b33360c}.drawflow .drawflow-node.selected{border-color:#007bbe;box-shadow:0 0 0 4px #007bbe16}.node-title{font-size:15px}.node-detail{font-size:11px;line-height:1.4}.node-live{font-size:10px;line-height:1.45;color:#3a697f}.node-top{font-size:10px;color:#748791}.node-top b{color:#007bbe}.product-photo{height:86px;background:#f6f8f9;border-bottom:1px solid #e5ebee;padding:5px;display:flex;align-items:center;justify-content:center}.product-photo img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.node-bar i{background:#007bbe}.drawflow .connection .main-path{stroke:#8aa6b8}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{background:#007bbe;box-shadow:0 0 0 1px #a1bacb}.drawflow .drawflow-node.backbone{border-top:3px solid #007bbe}.drawflow .drawflow-node.filling{border-top:3px solid #6e8220}.drawflow .drawflow-node.printer .output,.drawflow .drawflow-node.spinner .input,.drawflow .drawflow-node.breakout .input{background:#88739c}.drawflow .drawflow-node.breakout .output{background:#8799a8}.connection.active .main-path{stroke:#007bbe}.button.primary,.play-button{background:#007bbe;border-color:#007bbe}.button.primary:hover{background:#00689f}.answer{background:#eef6fa;border-color:#d2e5ef}.answer b{color:#4b768d}.answer.warning{background:#fbf2e8;border-color:#edd8c1}.time-phase{background:#8cb0bf}.time-phase.manual{background:#007bbe}.time-phase.technical{background:#b9b2d2}.time-phase.waiting{background:#d59c63}.time-phase.passive{background:#e5e9ed}.chart-legend{row-gap:6px}.btn-outline-primary{--bs-btn-color:#007bbe;--bs-btn-border-color:#007bbe;--bs-btn-hover-bg:#007bbe;--bs-btn-hover-border-color:#007bbe}.btn-primary{--bs-btn-bg:#007bbe;--bs-btn-border-color:#007bbe;--bs-btn-hover-bg:#00689f;--bs-btn-hover-border-color:#00689f}.scenario-actions .form-select{width:240px;font-size:11px}.results table th{color:#617786}.results table td{font-size:11px}.scenario-actions .button{margin:0}.table{--bs-table-bg:transparent}h1,h2,h3{color:var(--ink)}.topbar a{color:inherit}.time-name{width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-scale{margin-left:145px}.warning-note{line-height:1.6}.playback-title{width:220px}
@media(max-width:1200px){.editor-shell{grid-template-columns:185px minmax(360px,1fr) 260px}.ossberger-brand img{width:120px}.topbar nav{gap:16px}.local-badge{display:none}.scenario-actions{flex-wrap:wrap}}@media(max-width:900px){.editor-shell{grid-template-columns:170px minmax(390px,1fr)}.inspector{grid-column:1/-1;border-top:1px solid var(--line)}.inspector-body{max-height:330px}.scenario-bar{align-items:flex-start;flex-direction:column}.topbar{padding:0 18px;gap:18px}.topbar nav{margin-left:0}.ossberger-brand{padding-right:18px}.brand{font-size:28px}.scenario-actions .form-select{width:215px}.canvas{min-height:650px}}@media(max-width:620px){.ossberger-brand img{width:95px}.topbar{gap:12px}.topbar nav>*{font-size:10px}.topbar nav{gap:12px}.component strong{font-size:10px}.section-heading>.subtle{display:none}.playback-title{width:150px}}
.node-live{height:44px;max-height:44px;overflow:hidden}.palette .component{flex-shrink:0}.palette{max-height:790px;overflow-y:auto}.palette .panel-heading{position:sticky;top:0;background:#fff;z-index:3}
@media(min-width:901px){.editor-shell{height:760px}.palette{max-height:none;min-height:0}.canvas{height:auto;min-height:0}.canvas-toolbar,.canvas-caption{flex-shrink:0}.inspector-body{max-height:710px}}
/* Group layout selection and stable, visible material interfaces. */
.drawflow .drawflow-node.group-selected{outline:3px solid #007bbe;outline-offset:4px;box-shadow:0 0 0 7px #007bbe18}
.selection-marquee{position:absolute;z-index:30;pointer-events:none;border:1px solid #007bbe;background:#007bbe20}
.drawflow .input,.drawflow .output{position:relative}
.port-label{position:absolute;top:-5px;font-size:11px;font-weight:800;color:#23485d;background:#fff;border:1px solid #cfdae0;border-radius:3px;padding:1px 3px;pointer-events:none;white-space:nowrap;line-height:15px}
.input .port-label{right:17px}.output .port-label{left:17px}
.canvas-caption{gap:8px;flex-wrap:wrap}.canvas-caption button{border:0;background:none;color:#007bbe;font-size:11px;padding:0}
.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{margin-bottom:22px}
.drawflow .drawflow-node .input:last-child,.drawflow .drawflow-node .output:last-child{margin-bottom:0}
.drawflow .drawflow-node.base .input_1{background:#8b99a4}
.drawflow .drawflow-node.base .input_2,.drawflow .drawflow-node.lance .input,.drawflow .drawflow-node.lance .output{background:#c8a064}
.node-article{font-size:11px;font-weight:650;color:#007bbe;padding:0 12px 7px;letter-spacing:.4px}
.product-record{border:1px solid #d6e3ea;background:#f1f7fa;border-radius:5px;padding:12px;margin-bottom:18px;font-size:12px}
.product-record strong{display:block;line-height:1.5;margin-bottom:10px}.product-record dl{display:grid;grid-template-columns:1fr auto;gap:6px;margin:0 0 10px}.product-record dt{font-weight:400;color:#657983}.product-record dd{margin:0;text-align:right;font-weight:600}.product-record small{display:block;font-size:11px;line-height:1.5;color:#647580}
.node-title{overflow-wrap:anywhere}.component strong{overflow-wrap:anywhere}
.canvas-toolbar button[data-action="plant#arrange"]{width:auto;min-width:64px;padding:4px 8px;font-size:11px;white-space:nowrap;border:1px solid #dce5ea;border-radius:4px;margin-left:8px}
/* Playback: active process routes and equipment share one green treatment. */
.drawflow .connection.active .main-path{stroke:#238636;stroke-width:8;marker-end:url(#flow-arrow-active)}
.drawflow .drawflow-node.simulation-active{border-color:#238636;outline:4px solid #238636;outline-offset:2px;box-shadow:0 0 0 7px #23863618}
.time-group{padding:12px 0 5px;font-size:11px;font-weight:750;color:#365567;border-bottom:1px solid #dce5ea;margin-bottom:5px;letter-spacing:.3px}
.time-staff-row .time-name{padding-left:12px;color:#6b7e89;font-size:10px}
.node-buffer{margin:0 12px 12px;padding:9px 10px;background:#eef6f9;border:1px solid #c9dfe8;border-radius:5px}
.buffer-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#496575;line-height:1.4;margin-bottom:6px}
.buffer-percent{font-size:13px;color:#1b5d7c;white-space:nowrap}
.buffer-meter{height:14px;background:#d4e3e9;border-radius:3px;overflow:hidden;border:1px solid #bed3dc}
.buffer-meter i{display:block;height:100%;background:#007bbe;min-width:0}
.buffer-volume{text-align:center;font-size:12px;font-weight:750;color:#234e65;margin-top:5px;font-variant-numeric:tabular-nums}
.inspector-body .node-buffer{margin:0 0 16px;padding:13px}.inspector-body .buffer-caption{font-size:12px}.inspector-body .buffer-meter{height:20px}.inspector-body .buffer-percent{font-size:18px}.inspector-body .buffer-volume{font-size:16px}
.unit-status{margin:0 12px 9px;padding:7px 9px;background:#edf2f5;border-left:3px solid #99acb5;border-radius:4px;min-height:45px;line-height:1.4}
.unit-status>span{display:block;font-size:9px;letter-spacing:.4px;text-transform:uppercase;color:#627784}
.unit-status>strong{display:block;font-size:12px;font-weight:750;color:#354e5b;overflow-wrap:anywhere}
.unit-status[data-status=active]{background:#e7f5eb;border-color:#238636}.unit-status[data-status=active]>strong{color:#17652a}
.unit-status[data-status=waiting]{background:#fff3e2;border-color:#cc8a2c}.unit-status[data-status=waiting]>strong{color:#86591b}
.unit-status[data-status=complete]{background:#e9f3fa;border-color:#007bbe}
.inspector-body .unit-status{margin:0 0 12px;padding:12px}.inspector-body .unit-status>strong{font-size:17px}.inspector-body .unit-status>span{font-size:10px}
footer{flex-wrap:wrap;gap:12px}.footer-brand{white-space:nowrap}

/* Public and account workspaces */
.portal-nav{min-height:82px;height:auto;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.portal-nav nav{margin-left:0;gap:22px}.portal-nav nav>*{height:auto}.account-nav{margin-left:auto;display:flex;align-items:center;gap:16px;color:#fff}.account-nav form{margin:0}.account-identity{font-size:12px;line-height:1.4}.account-identity small{display:block;opacity:.65;font-size:10px}.portal-flash{margin:20px 32px}.landing,.portal-page{max-width:1380px;margin:auto;padding:64px 48px}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:20px 0 72px}.landing-hero h1{font-size:clamp(38px,4.5vw,66px);font-weight:600;letter-spacing:-2.5px;line-height:1.08;margin:22px 0 28px}.landing-hero h1 em{font-style:normal;color:#007bbe}.landing-hero>div>p{font-size:17px;max-width:520px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.hero-note{display:block;font-size:12px;color:#7b858e;margin-top:18px}.hero-sign-in{color:#007bbe;font-weight:600}.hero-diagram{background:white;border:1px solid #dfe8ed;border-radius:18px;padding:30px;box-shadow:0 30px 70px #183c5110}.diagram-caption{font-size:10px;letter-spacing:1.8px;color:#7b8992}.diagram-product{display:flex;align-items:center;gap:26px;padding:30px 15px 10px}.diagram-product img{width:130px;height:180px;object-fit:contain}.diagram-product h2{font-size:26px}.diagram-product p{font-size:13px}.diagram-line{text-align:center;color:#007bbe;padding:0 0 20px}.diagram-line span{font-size:10px;letter-spacing:1px}.diagram-line b{display:block;font-size:24px}.diagram-bottom{display:flex;align-items:center;gap:12px}.diagram-bottom>div{background:#f1f7fa;border:1px solid #dce9f0;border-radius:10px;padding:16px 10px;flex:1;text-align:center}.diagram-bottom strong{display:block;font-size:12px;margin:6px 0}.diagram-bottom span,.diagram-bottom small{font-size:10px;color:#6c818e}.diagram-bottom>b{color:#007bbe}.diagram-summary{display:flex;justify-content:space-between;border-top:1px solid #e5edf2;margin-top:24px;padding-top:20px;font-size:10px;color:#6b8290}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid #dbe4ea;padding:48px 0}.landing-steps article>span{font-size:10px;letter-spacing:1.5px;color:#007bbe}.landing-steps h2{font-size:22px;margin:18px 0}.landing-steps p{font-size:14px}.landing-invite{background:#eaf3f8;border:1px solid #d7e8f2;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px;margin-top:20px}.landing-invite p{margin-bottom:0}.portal-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:36px}.portal-heading h1{font-size:36px;margin-bottom:14px}.portal-heading p{font-size:15px}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}.scenario-card{background:white;border:1px solid #dfe7ec;border-radius:10px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.scenario-card h2{font-size:22px;margin:16px 0}.scenario-card-status{font-size:12px;color:#73828b;border-top:1px solid #e8eef2;padding:15px 0 20px;width:100%;margin-top:auto}.portal-empty{background:white;border:1px dashed #cadbe4;border-radius:12px;padding:65px;text-align:center}.empty-symbol{display:block;font-size:42px;color:#007bbe;margin-bottom:14px}.account-shell{max-width:520px;margin:55px auto;padding:0 20px}.account-card{background:white;border:1px solid #dae5eb;border-radius:12px;padding:36px}.account-card h1{font-size:30px;margin:14px 0}.account-card p{margin-bottom:24px}.account-card input.form-control{padding:11px 12px}.account-card small{color:#78858f}.account-links{display:grid;gap:12px;font-size:12px;margin-top:24px;color:#007bbe}.account-card #error_explanation{background:#fff3f0;color:#9b3e2b;border-radius:6px;padding:15px;margin-bottom:22px}.account-card #error_explanation h2{font-size:16px}.viewer-shell{grid-template-columns:minmax(360px,1fr) 300px}.customer-view .inspector label:has(input[type=file]),.customer-view .inspector label:has(input[type=file])+small,.customer-view .delete-button{display:none!important}.customer-view .inspector :disabled{opacity:1;color:#526774;background:#f2f6f8;cursor:default}.sharing-panel{margin:0 32px 24px;padding:22px 24px;background:#edf5fa;border:1px solid #d4e7f2;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:30px}.sharing-panel h2{font-size:19px}.sharing-panel p{margin:0;font-size:12px}.share-form{display:grid;grid-template-columns:minmax(210px,350px) auto;align-items:end;gap:8px 12px}.share-form label{grid-column:1/-1;font-size:11px;color:#5c7280}.quotation-section{margin:36px 32px;padding:30px;background:white;border:1px solid #dce6ec;border-radius:10px}.quote-heading{display:flex;align-items:center;justify-content:space-between}.quote-heading h2{margin-top:12px}.quote-heading p{font-size:12px}.quote-count{border-radius:20px;padding:8px 15px;background:#eaf4fa;color:#007bbe;font-size:12px}.equipment-cart td{padding:18px 14px}.equipment-cart td:first-child strong{display:block;font-weight:500;margin-top:5px}.article-code{font-size:11px;letter-spacing:.8px;color:#7b8b96}.cart-quantity{display:inline-block;min-width:36px;padding:5px 10px;background:#f1f5f7;border:1px solid #dce6ec;border-radius:5px}.cart-total{display:flex;justify-content:flex-end;align-items:center;gap:35px;padding:24px 12px;border-top:2px solid #007bbe}.cart-total strong{font-size:27px;color:#007bbe}.cart-total span{font-size:13px}.quote-note{font-size:11px;margin:0;max-width:850px}.unpriced-items{margin-top:16px;font-size:12px;color:#667c89}.unpriced-items ul{margin:12px 0 0;padding-left:20px}.unpriced-items li{margin:5px 0}@media(max-width:1000px){.landing-hero{gap:30px}.landing,.portal-page{padding:36px 24px}.sharing-panel{align-items:stretch;flex-direction:column;gap:15px}.account-identity{display:none}.portal-nav{gap:18px}.portal-nav nav{gap:16px}.viewer-shell{grid-template-columns:minmax(300px,1fr) 260px}}@media(max-width:720px){.landing-hero,.landing-steps{grid-template-columns:1fr}.landing-hero{padding-bottom:30px}.landing-steps{gap:25px}.landing-invite,.portal-heading{align-items:flex-start;flex-direction:column}.hero-actions{flex-wrap:wrap}.portal-nav nav{order:3;width:100%}.account-nav{gap:9px}.portal-nav{padding:16px}.portal-nav .ossberger-brand{max-width:115px}.viewer-shell{display:flex;flex-direction:column}.sharing-panel,.quotation-section{margin:20px 16px}.share-form{grid-template-columns:1fr}.share-form label{grid-column:auto}.cart-total{justify-content:space-between;gap:12px}.equipment-cart th,.equipment-cart td{font-size:11px;padding:12px 7px}.account-card{padding:25px}.diagram-bottom{gap:7px}.hero-diagram{padding:20px}}

/* Intentionally absent from visual layout and keyboard navigation. */
.registration-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}

.behavior-ports{font-size:11px;color:var(--muted);line-height:1.7;margin-top:10px}.drawflow .drawflow-node.spinner .output_2,.drawflow .drawflow-node.breakout .output_2,.dot.parts{background:#b58a3b}