.flow-panel{grid-template-columns:minmax(0,.72fr) minmax(620px,1.28fr);gap:48px;padding:54px;min-height:520px}
.flow-panel>.flow-copy{align-self:start}
.flow-visual{min-height:360px;border-color:rgba(118,204,207,.4);border-radius:2px;background:#e8eef1;color:#102a3a;box-shadow:0 22px 48px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.35)}
.product-ui{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.flow-step>span{display:none}
.product-shot{margin:0;background:#071b29;display:grid;grid-template-rows:43px minmax(0,1fr) 42px;min-height:0;aspect-ratio:1.56/1}
.product-shot-frame{position:relative;overflow:hidden;background:#eaf0f2}.product-shot img{position:absolute;left:0;top:-9%;display:block;width:100%;height:110%;min-height:0;object-fit:cover;object-position:center}
.product-shot figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 15px;border-top:1px solid rgba(102,219,211,.58);background:linear-gradient(105deg,#0c3345,#145c67);color:#adc7ce;font-size:7px;font-weight:800;letter-spacing:.1em}
.product-shot figcaption b{color:#6cddd4;font-size:7px;letter-spacing:.08em}
.mfg-product-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 15px;border-bottom:1px solid rgba(102,219,211,.62);background:linear-gradient(105deg,#0c3345,#145c67);color:#9be4dd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-transform:uppercase}
.mfg-product-title span{font-size:11px;font-weight:650;line-height:1;letter-spacing:1.6px}.mfg-product-title small{color:#789da7;font-size:6px;font-weight:650;letter-spacing:1.2px}.mfg-product-title b{color:#70ddd4;font-size:6px;font-weight:700;letter-spacing:1.1px}
.estimator-title{grid-template-columns:auto minmax(62px,1fr) auto auto;gap:15px}.est-header-icons{display:flex;align-items:center;justify-content:center;gap:9px}.est-header-icon{position:relative;display:grid;place-items:center;width:22px;height:25px;color:#e6f4f5}.est-header-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.est-header-icon.has-badge{color:#78e2dc}.est-header-icon.has-badge:after{content:"";position:absolute;inset:2px;border-radius:2px;background:rgba(87,220,211,.09);box-shadow:0 0 12px rgba(87,220,211,.14)}.est-header-icon em{position:absolute;z-index:2;right:-3px;top:-2px;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#f2a12c;color:#102d3b;font-size:6px;font-style:normal;font-weight:900;box-shadow:0 0 0 2px #134e5b}
.estimator-real{display:grid;grid-template-rows:43px minmax(0,1fr) 42px;aspect-ratio:1.56/1;min-height:0;background:#eaf0f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.est-dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr .93fr;gap:5px;padding:6px;background:#dce5e8;min-height:0}
.est-panel{position:relative;min-width:0;overflow:hidden;border:1px solid #c4d2d7;background:#f8fafb;color:#233f4c}.est-panel h4{height:24px;margin:0;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9d7de;background:#e8f1f4;color:#244653;font-size:6px;font-weight:750;letter-spacing:.045em}.est-panel h4 b{color:#0b8e90;font-size:5px;letter-spacing:.07em}.est-sent h4 b{color:#a56b0c}.est-table-head,.est-row{display:grid;grid-template-columns:40px 1fr 1fr 34px;align-items:center;gap:5px;min-height:21px;padding:0 6px;border-bottom:1px solid #dde5e8;font-size:5px}.est-table-head{min-height:18px;background:#d7e6ec;color:#59737e;font-weight:800;letter-spacing:.045em}.est-row{color:#37515d}.est-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.est-state{position:absolute;right:7px;bottom:6px;padding:4px 6px;background:#fff0d5;color:#9a6208;font-size:4.5px;font-weight:800;letter-spacing:.06em}.est-received .est-table-head,.est-received .est-row{grid-template-columns:40px 1fr 1fr 38px}.est-chart h4 b{color:#158c91}.bar-chart{position:absolute;left:10px;right:10px;top:34px;bottom:16px;display:flex;align-items:end;gap:5px;padding:0 4px 13px;border-left:1px solid #ccd9dd;border-bottom:1px solid #ccd9dd;background:repeating-linear-gradient(0deg,transparent 0 21px,rgba(171,191,198,.23) 21px 22px)}.bar-chart>div{position:relative;display:flex;align-items:end;justify-content:center;gap:1px;flex:1;height:100%}.bar-chart i{width:58%;height:var(--bar);background:linear-gradient(180deg,#26ceb7,#0b9fa0)}.bar-chart em{width:16%;height:var(--sent);min-height:2px;background:#4c85d9}.bar-chart span{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);color:#718992;font-size:4px;white-space:nowrap}.message-row{display:grid;grid-template-columns:35px 1fr;gap:7px;align-items:center;min-height:25px;padding:0 8px;border-bottom:1px solid #dce5e8;color:#6b818a;font-size:5px}.message-row strong{color:#365360;font-size:5px;letter-spacing:.025em}.message-note{position:absolute;left:8px;right:8px;bottom:8px;padding:7px;border:1px solid #d2dfe3;background:#eef3f5;color:#65808b;font-size:5px}.product-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 15px;border-top:1px solid rgba(102,219,211,.58);background:linear-gradient(105deg,#0c3345,#145c67);color:#adc7ce;font-size:7px;font-weight:800;letter-spacing:.1em}.product-caption b{color:#6cddd4;font-size:7px;letter-spacing:.08em}
.ui-header{height:45px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 17px;background:linear-gradient(110deg,#0c3345,#145f68);border-bottom:1px solid rgba(95,227,217,.55);color:#f4fbfb;font-size:9px;font-weight:800;letter-spacing:.13em}
.ui-header em{font-style:normal;color:#a9c6cf;font-weight:650}.ui-header b{color:#75e1d7;font-size:8px;letter-spacing:.11em}
/* Unified product-visual treatment: restrained enterprise surfaces with a precise teal edge. */
.product-shot-frame{background:#e7edef}
.product-shot-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(246,249,250,.055)}
.product-shot img{filter:saturate(.62) contrast(.95) brightness(1.025)}
.mfg-product-title{border-bottom-color:#83e6df;background:linear-gradient(105deg,#0c3345 0%,#124955 72%,#14515b 100%);box-shadow:0 1px 0 rgba(131,230,223,.18)}
.estimator-title{position:relative;z-index:2}
.flow-panel{--progress-position:0%}
#panel-order{--progress-position:25%}
#panel-plan{--progress-position:50%}
#panel-produce{--progress-position:75%}
#panel-ship{--progress-position:100%}
.flow-panel .mfg-product-title,.flow-panel .ui-header{position:relative;z-index:2;overflow:visible}
.flow-panel .mfg-product-title:after,.flow-panel .ui-header:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:linear-gradient(#73bec4,#73bec4) var(--progress-position) 0/10% 100% no-repeat,#153e4b;border-top:1px solid #80c9df;border-bottom:1px solid #eef5f6;pointer-events:none}
.est-header-icon:last-child{display:none}
.estimator-real.flow-visual{border-color:rgba(118,204,207,.4);background:#071b29}
.est-dashboard{padding-top:6px;border-top:4px solid #f8fbfc;background:#e2e9eb}
.product-shot figcaption,.product-caption{border-top-color:rgba(123,228,220,.7);background:linear-gradient(105deg,#0c3345 0%,#124955 72%,#14515b 100%)}
.config-workspace{display:grid;grid-template-columns:.82fr 1.18fr;min-height:205px;background:linear-gradient(135deg,#f8fafb,#dfe8ec)}
.product-drawing{padding:19px;border-right:1px solid #c0d0d7}.product-drawing small{display:block;color:#476575;font-size:8px;font-weight:800;letter-spacing:.11em}
.window-drawing{position:relative;width:112px;height:142px;margin:17px auto 0;border:2px solid #2a8190;display:grid;grid-template-rows:1fr 1fr;box-shadow:0 9px 24px rgba(23,92,106,.12)}
.window-drawing i{display:block;border-bottom:1px solid #6eabb3;background:linear-gradient(135deg,rgba(121,197,210,.08),rgba(255,255,255,.56))}.window-drawing i:last-of-type{border-bottom:0}.window-drawing:before{content:"";position:absolute;inset:5px;border:1px solid rgba(29,111,126,.38)}
.window-drawing b,.window-drawing em{position:absolute;color:#66808d;font-size:7px;font-style:normal;font-weight:750}.window-drawing b{left:50%;bottom:-13px;transform:translateX(-50%)}.window-drawing em{right:-18px;top:50%;transform:translateY(-50%) rotate(90deg)}
.selection-panel{padding:18px 19px}.selection-title{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #bdccd2;color:#1b4252;font-size:9px;font-weight:800;letter-spacing:.1em}.selection-title b{color:#087f7d;font-size:8px}.selection-panel dl{display:grid;gap:0;margin:9px 0 0}.selection-panel dl div{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;padding:8px 0;border-bottom:1px solid #ccd8dd}.selection-panel dt{font-size:7px;font-weight:800;letter-spacing:.1em;color:#65808d}.selection-panel dd{margin:0;font-size:9px;font-weight:750;color:#153647}
.bom-drawer{position:absolute;left:0;right:0;bottom:0;padding:13px 16px 15px;background:linear-gradient(105deg,#0f3444,#114c59);color:#e9f5f6;border-top:1px solid #55c7c2}.bom-drawer>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px;font-size:8px;font-weight:800;letter-spacing:.11em}.bom-drawer>div:first-child b{color:#72dcd3}.bom-line{display:grid;grid-template-columns:112px 1fr 63px;align-items:center;gap:9px;margin-top:7px;font-size:7px;color:#aac0c8}.bom-line i{height:3px;background:linear-gradient(90deg,#54d4c9 82%,#375d6b 82%)}.bom-line em{text-align:right;color:#cde8e7;font-style:normal;font-weight:800}
.visual-estimator{padding:0;background:#f3f6f7}.estimator-body{display:grid;grid-template-columns:112px 1fr;min-height:315px;background:#f3f6f7}.estimator-nav{padding:19px 14px;background:linear-gradient(180deg,#113b4b,#0d2938);display:flex;flex-direction:column;gap:7px;color:#a8bec8}.estimator-nav strong{color:#fff;font-size:10px;letter-spacing:.06em;margin-bottom:10px}.estimator-nav span{padding:9px;border-left:2px solid transparent;font-size:8px;font-weight:750;letter-spacing:.07em}.estimator-nav span:nth-of-type(2){color:#fff;background:rgba(82,210,200,.12);border-color:#55d5cb}.estimator-main{padding:18px;min-width:0}.quote-meta{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;color:#254a5b;font-size:8px;font-weight:800;letter-spacing:.09em}.quote-meta b{color:#07847f}.quote-grid{border:1px solid #c5d3d9;background:#fff}.quote-grid>div{display:grid;grid-template-columns:34px minmax(0,1fr) 32px 48px;gap:6px;align-items:center;min-height:34px;padding:0 9px;border-bottom:1px solid #d9e2e6;font-size:7px;color:#34515f}.quote-grid>div:last-child{border:0}.quote-grid .quote-grid-head{min-height:27px;background:#e3ebee;color:#58717e;font-size:6px;font-weight:850;letter-spacing:.08em}.quote-grid>div span:last-child{text-align:right;font-weight:800}.quote-total{display:flex;justify-content:space-between;align-items:center;margin-top:11px;color:#617984;font-size:7px;font-weight:750;letter-spacing:.08em}.quote-total strong{color:#123747;font-size:14px}.quote-submit{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#137c86,#169d97);color:#fff;padding:11px 12px;margin-top:10px;font-size:7px;font-weight:850;letter-spacing:.1em}.quote-submit b{font-size:14px}
.visual-plan{padding:0;background:#edf3f5}.material-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c4d3d8;border-bottom:1px solid #bdccd2}.material-summary div{padding:14px 15px;background:#f4f7f8;display:grid;grid-template-columns:1fr auto;align-items:end}.material-summary small{grid-column:1/3;color:#5d7886;font-size:6px;font-weight:850;letter-spacing:.11em}.material-summary strong{font-size:19px;color:#12394a;margin-top:5px}.material-summary span{font-size:7px;color:#6d858f;padding-bottom:3px}.material-table{margin:14px 15px 0;border:1px solid #c1d0d6;background:#fff}.material-table>div{display:grid;grid-template-columns:1fr 74px 63px;align-items:center;min-height:35px;padding:0 10px;border-bottom:1px solid #dbe3e6;color:#304f5e;font-size:8px}.material-table>div:last-child{border:0}.material-table .material-head{min-height:27px;background:#e3ebee;color:#607b88;font-size:6px;font-weight:850;letter-spacing:.08em}.material-table em{text-align:right;font-style:normal;font-weight:800}.material-table b{font-size:6px;letter-spacing:.07em}.material-table .ready{color:#067c75}.material-table .ordered{color:#93630c}.po-status{display:flex;justify-content:space-between;gap:10px;margin:13px 15px 0;padding:10px 12px;background:#133c4b;color:#d7e8eb;font-size:7px;font-weight:800;letter-spacing:.07em}.po-status b{color:#62d9d0}
.visual-produce{padding:0;background:#071622;min-height:360px}.visual-produce>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center;filter:saturate(.78) contrast(1.03)}.plant-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,28,.88),rgba(8,31,42,.48) 48%,rgba(7,20,30,.12)),linear-gradient(0deg,rgba(6,22,31,.6),transparent 48%)}
.shop-terminal{position:absolute;left:23px;top:28px;width:58%;min-width:270px;background:rgba(235,242,244,.96);border:1px solid rgba(105,221,214,.72);box-shadow:18px 20px 35px rgba(0,0,0,.35);color:#153747}.shop-terminal .ui-header{height:39px;padding:0 12px}.terminal-job{padding:17px 17px 12px;display:grid;gap:5px}.terminal-job small{font-size:6px;font-weight:850;letter-spacing:.11em;color:#68808b}.terminal-job strong{font-size:13px;letter-spacing:-.02em}.terminal-job span{font-size:8px;color:#506b77}.terminal-progress{margin:0 17px 15px;height:22px;background:#d8e3e7;position:relative;display:flex;align-items:center;padding:0 8px;overflow:hidden}.terminal-progress i{position:absolute;inset:0 25% 0 0;background:linear-gradient(90deg,#1a8390,#48cabe)}.terminal-progress span{position:relative;margin-left:auto;color:#0b3844;font-size:6px;font-weight:900;letter-spacing:.08em}.terminal-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cad8dc;border-top:1px solid #cad8dc}.terminal-actions b{padding:10px 5px;background:#edf2f4;text-align:center;font-size:6px;letter-spacing:.08em}.terminal-actions b:last-child{background:#158b8f;color:#fff}.machine-connection{position:absolute;right:18px;bottom:18px;display:grid;grid-template-columns:auto auto;gap:3px 8px;align-items:center;padding:10px 12px;background:rgba(7,28,39,.9);border:1px solid rgba(87,210,203,.65);color:#bad0d5;font-size:6px;font-weight:800;letter-spacing:.08em}.machine-connection i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#5bd8ce;box-shadow:0 0 0 4px rgba(91,216,206,.13)}.machine-connection b{color:#68dcd3;font-size:7px}
.visual-ship{padding:0;background:#f2f6f7}.ship-layout{display:grid;grid-template-columns:1.12fr .88fr;min-height:270px;background:#f2f6f7}.route-list{padding:16px;border-right:1px solid #c6d4d9}.route-title{display:flex!important;justify-content:space-between!important;min-height:25px!important;border-bottom:1px solid #c2d1d7!important;color:#54707d!important;font-size:7px!important;font-weight:850!important;letter-spacing:.09em!important}.route-title b{color:#087f7c}.route-list>div:not(.route-title){display:grid;grid-template-columns:64px 1fr 48px;align-items:center;min-height:51px;border-bottom:1px solid #d3dee2}.route-list strong{font-size:8px;color:#193e4e}.route-list span{font-size:7px;color:#607a86}.route-list em{text-align:right;font-size:6px;font-style:normal;font-weight:850;color:#07807c}.route-list>div:nth-child(3) em{color:#956810}.route-list>div:nth-child(4) em{color:#667d88}.route-graphic{position:relative;overflow:hidden;background:linear-gradient(145deg,#e8f0f2,#d5e3e7)}.route-graphic svg{position:absolute;inset:23px 18px 35px;width:calc(100% - 36px);height:calc(100% - 58px);overflow:visible}.route-graphic path{fill:none;stroke:#169a98;stroke-width:2;stroke-dasharray:4 3}.route-graphic i{position:absolute;width:8px;height:8px;border-radius:50%;z-index:2;background:#46cec3;box-shadow:0 0 0 5px rgba(70,206,195,.15)}.route-graphic i:nth-child(1){left:16%;bottom:21%}.route-graphic i:nth-child(2){left:42%;top:34%}.route-graphic i:nth-child(3){right:30%;top:55%}.route-graphic i:nth-child(4){right:12%;top:16%;background:#4b8dc9}.route-graphic span{position:absolute;right:12px;bottom:12px;font-size:6px;font-weight:850;letter-spacing:.08em;color:#40616e}.ship-footer{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;right:0;bottom:0;height:45px;padding:0 16px;background:linear-gradient(100deg,#0f3948,#145866);color:#d8eaec;font-size:7px;font-weight:800;letter-spacing:.08em}.ship-footer b{color:#66d9d1}
@media(max-width:1180px){.flow-panel{grid-template-columns:1fr;gap:36px}.flow-copy{max-width:760px}.flow-visual{width:100%;max-width:880px;min-height:390px}.product-shot{min-height:0}.shop-terminal{width:55%}}
@media(max-width:760px){.flow-steps{display:grid;grid-template-columns:1fr;overflow:visible}.flow-step{width:100%;min-width:0;min-height:58px;padding:13px 16px;display:grid;grid-template-columns:34px 1fr;align-items:center}.flow-step span{margin:0}.flow-step:not(:last-child){border-bottom:1px solid rgba(132,184,197,.2)}.flow-panel{padding:30px 18px;gap:30px}.flow-visual{min-height:350px}.mfg-product-title small{display:none}.estimator-title{grid-template-columns:auto 1fr auto;gap:10px}.est-header-icons{gap:7px}.est-header-icon{width:19px}.est-header-icon svg{width:15px;height:15px}.estimator-real{aspect-ratio:.98/1;min-height:0}.est-dashboard{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.product-caption b{display:none}.ui-header{grid-template-columns:1fr auto;gap:7px;padding:0 12px}.ui-header em{display:none}.config-workspace{grid-template-columns:.85fr 1.15fr}.product-drawing{padding:15px 10px}.window-drawing{width:86px;height:116px}.selection-panel{padding:15px 12px}.selection-panel dl div{grid-template-columns:1fr;padding:6px 0;gap:3px}.bom-line{grid-template-columns:87px 1fr 56px}.estimator-body{grid-template-columns:76px 1fr}.estimator-nav{padding:15px 8px}.estimator-nav span{padding:8px 5px;font-size:6px}.estimator-main{padding:12px 9px}.quote-grid>div{grid-template-columns:25px minmax(0,1fr) 24px 39px;padding:0 5px;font-size:6px}.material-summary div{padding:11px 9px}.shop-terminal{left:14px;top:25px;width:72%;min-width:0}.machine-connection{right:10px;bottom:11px}.ship-layout{grid-template-columns:1fr}.route-graphic{display:none}.route-list{border-right:0;padding:12px}.ship-footer{height:41px}.visual-ship{min-height:345px}}
@media(max-width:430px){.flow-visual{min-height:370px}.product-shot{min-height:0;aspect-ratio:.94/1}.product-shot img{object-position:center;object-fit:cover}.product-shot figcaption{padding:0 10px}.product-shot figcaption b{display:none}.estimator-title{padding:0 10px}.est-header-icons{gap:5px}.est-header-icon{width:18px}.est-header-icon:nth-child(n+5){display:none}.estimator-real{aspect-ratio:.78/1}.est-panel h4{font-size:5px}.est-table-head,.est-row{font-size:4px;grid-template-columns:30px 1fr 1fr 28px}.config-workspace{grid-template-columns:1fr 1.1fr}.bom-line{grid-template-columns:76px 1fr 52px}.estimator-body{grid-template-columns:1fr}.estimator-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:9px}.estimator-nav strong{grid-column:1/4;margin:0 0 3px}.estimator-nav span{padding:7px;text-align:center}.shop-terminal{width:82%}.material-table>div{grid-template-columns:1fr 62px 48px}}