.process-origins{display:grid;grid-template-columns:4fr 5fr;gap:15px;padding:17px 17px 0;background:#fafcfd}.process-source-group{min-width:0;border:1px solid #e1d0cd;border-radius:8px;background:#fcf6f4;padding:12px}.process-source-group.blue{border-color:#cfdeea;background:#f1f7fc}.process-group-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.process-group-head h3{font-size:13px;font-weight:600;margin:0;color:#8a635d}.process-source-group.blue .process-group-head h3{color:#517d9f}.process-group-head>span{font-size:10px;color:#9caab3}.process-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.process-source-grid.blue{grid-template-columns:repeat(5,minmax(0,1fr))}.asset-node.process-origin{min-height:115px;padding:14px 4px 7px}.process-origin .tank-drawing{width:28px;height:34px;font-size:11px}.process-origin .tank-drawing:before{height:7px}.process-origin .tank-drawing:after{bottom:-3px;left:5px;right:5px}.process-origin .asset-name{font-size:11px;line-height:1.25;min-height:28px;margin-top:8px;color:#6b8798}.process-origin b{font-size:9px;letter-spacing:.2px;font-weight:500;margin-top:4px;color:#9aaeb9}.process-origin.red .tank-drawing{border-color:#be8d85;background:#f8eae6;color:#b99186}.process-origin.red .tank-drawing:before{border-color:#be8d85;background:#fff8f5}.process-origin.red .tank-drawing:after{border-color:#be8d85}.process-origin.blue .tank-drawing{border-color:#83a9c5;background:#e9f3fb;color:#8eabbf}.process-origin.blue .tank-drawing:before{border-color:#83a9c5;background:#f6faff}.process-origin.blue .tank-drawing:after{border-color:#83a9c5}.process-origin.manual .tank-drawing{border-color:#b4a173;background:#f7f2e4;color:#b09d6d}.process-origin.manual .tank-drawing:before{border-color:#b4a173;background:#fffbf0}.process-origin.manual .tank-drawing:after{border-color:#b4a173}.process-origin[aria-pressed=true]{padding:13px 3px 6px}.process-origin .asset-selected-label{font-size:7px;right:3px;top:3px}.feed-diagram{position:relative;height:113px;background:#fafcfd}.feed-lines{display:block;width:100%;height:100%;fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.red-feed{stroke:#c58c81}.blue-feed{stroke:#8db4d1}.common-feed{stroke:#79a78c}.feed-caption{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-size:10px;color:#6f8d9f;background:#fafcfd;padding:3px 12px;text-align:center;white-space:nowrap}.process-reactors{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#fafcfd;padding:0 34px 18px}.reactor-node{border:1px solid #d3e1e7;background:white;border-radius:8px;display:flex;align-items:center;gap:15px;padding:15px 17px;text-align:left;min-width:0}.reactor-node.selected{border:2px solid #438f55;padding:14px 16px;background:#f5fbf6}.reactor-node b{font-size:18px;display:block;font-weight:600;color:#2a5469}.reactor-node small{display:block;font-size:11px;color:#8a9eab;margin-top:3px}.reactor-node em{font-size:10px;color:#629071;font-style:normal;margin-left:auto;white-space:nowrap}.reactor-drawing{position:relative;width:40px;height:51px;border:1.5px solid #8eafb9;background:#edf5f5;border-radius:50% / 14%;display:block;flex:none}.reactor-drawing:before{content:'';position:absolute;left:-1.5px;right:-1.5px;height:9px;border:1.5px solid #8eafb9;background:#f9fdfc;top:-1px;border-radius:50%}.reactor-drawing>i{position:absolute;left:18px;top:2px;height:35px;width:1px;background:#9db8c0}.reactor-drawing>i:after{content:'';position:absolute;width:22px;left:-10px;bottom:5px;border-top:1px solid #9db8c0;transform:rotate(-20deg)}.reactor-feeds{display:flex;align-items:center;gap:4px;font-size:9px;margin-top:9px;color:#7994a3;white-space:nowrap}.reactor-feeds>span{color:#b0bec6;padding:0 2px}.feed-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.feed-dot.red{background:#c08b80}.feed-dot.blue{background:#86aecb}.process-rule{padding:12px 18px;border-top:1px solid #e2ebef;border-bottom:1px solid #e2ebef;background:#f5f9fa;display:flex;justify-content:space-between;gap:12px;align-items:center}.process-rule b{font-size:11px;color:#617c8b;font-weight:600}.process-rule span{font-size:10px;color:#8fa1ac;max-width:47%}.manual-process{margin:17px;border:1px solid #e7dcbc;border-radius:8px;background:#fbf8ef;padding:14px}.manual-process .process-group-head h3{color:#88723f}.manual-process .process-group-head>span{font-size:9px}.manual-process-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.manual-tank-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.manual-other{padding:9px 3px;min-width:0}.manual-other>b{font-size:13px;color:#7f775b;font-weight:600}.manual-other>p{font-size:11px;color:#9a977f;margin:6px 0 12px}.manual-other .btn{font-size:11px;padding:8px 12px;min-height:35px;background:#fffdf6;border-color:#e0d7bc}.manual-other .tiny{font-size:10px;margin-top:9px;color:#aca58d}.map-legend i.red-legend{background:#c08b80}.map-legend i.blue-legend{background:#86aecb}.process-layout .map-detail .panelhead h2{font-size:18px}.process-layout .map-detail .btn{font-size:11px;padding:8px 10px}.process-layout .map-detail .kv b{max-width:60%}.process-layout .map-detail .map-product-name{font-size:18px}.process-layout .map-detail .callout{font-size:10px}@media(max-width:1250px){.process-origins{grid-template-columns:1fr 1fr;gap:10px;padding:12px 12px 0}.process-source-grid,.process-source-grid.blue{grid-template-columns:repeat(4,minmax(0,1fr))}.process-source-group{padding:10px}.process-origin .asset-name{font-size:10px}.process-reactors{padding:0 20px 15px;gap:15px}.reactor-node{gap:9px;padding:12px 11px}.reactor-node b{font-size:16px}.reactor-node em{display:none}.manual-process{margin:12px}.manual-process-grid{grid-template-columns:1fr 1fr}}@media(max-width:1050px){.process-source-grid.blue{grid-template-columns:repeat(5,minmax(0,1fr))}.process-origin .asset-name{font-size:11px}.process-reactors{padding:0 35px 20px}.reactor-node em{display:block}.process-layout .map-detail{grid-template-columns:1fr 1fr}}@media(max-width:650px){.process-origins{grid-template-columns:1fr}.process-source-grid,.process-source-grid.blue{grid-template-columns:repeat(4,minmax(0,1fr))}.feed-caption{font-size:9px;white-space:normal;width:80%;padding:2px 8px;top:43%}.process-reactors{gap:8px;padding:0 12px 15px}.reactor-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:13px 7px}.reactor-node b{font-size:16px}.reactor-node small{font-size:10px}.reactor-node em{display:none}.reactor-node.selected{padding:12px 6px}.reactor-feeds{justify-content:center}.process-rule{display:block}.process-rule span{display:block;max-width:none;margin-top:5px}.manual-process-grid{grid-template-columns:1fr}.manual-process .process-group-head{align-items:flex-start;flex-direction:column}.process-layout .map-detail{grid-template-columns:1fr}.feed-lines{min-width:0}.manual-other .btn{font-size:12px}}
