.mp-visual{display:grid;grid-template-rows:43px 1fr 36px;background:#071b29;min-height:0;font-family:Inter,Arial,sans-serif;aspect-ratio:1.36}
.mp-body{padding:12px;background:linear-gradient(135deg,#f4f8f9,#dce9ec);color:#234453;display:grid;gap:10px}
.mp-confirm{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #a8d3d3;background:linear-gradient(100deg,#e0f0ef,#f7fafb)}.mp-confirm>b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #3aaca8;color:#168d89;font-size:14px}.mp-confirm div{display:grid;gap:4px}.mp-confirm small{font-size:5px;letter-spacing:1px;color:#547d88}.mp-confirm strong{font-size:10px;font-weight:600}.mp-confirm>span{margin-left:auto;font-size:6px;color:#557580}
.mp-body section{background:#fafcfd;border:1px solid #bdcfd5;min-width:0}.mp-body header{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:linear-gradient(100deg,#dcebef,#edf4f5);border-bottom:1px solid #b9d4da}.mp-body header strong{font-size:9px;font-weight:600}.mp-body header small{font-size:5px;letter-spacing:.7px;color:#45737f}
.mp-row{display:grid;grid-template-columns:1.8fr repeat(3,.75fr);gap:5px;padding:8px 9px;border-bottom:1px solid #dae5e9;font-size:6px;align-items:center}.mp-row span:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.mp-row:nth-child(even),.mp-buy:nth-child(even){background:#f0f5f7}.mp-cols{font-size:5px!important;letter-spacing:.35px;color:#567887;background:#dce9ed!important;font-weight:600}
.mp-pulse{display:grid;grid-template-columns:1fr 1.7fr;gap:15px;align-items:center;padding:10px}.mp-pulse>div{display:grid;gap:6px}.mp-pulse small{font-size:5px;letter-spacing:1px;color:#678692}.mp-pulse strong{font-size:9px;font-weight:500}.mp-pulse span{font-size:5px;color:#627e88}.mp-pulse svg{width:100%;height:65px;fill:none;stroke-width:1.4}.mp-pulse .grid{stroke:#dbe7eb;stroke-width:.7}.mp-pulse .hand{stroke:#4a91bc}.mp-pulse .alloc{stroke:#249e9c}.mp-pulse .po{stroke:#80b6a9}
.mp-buy{display:grid;grid-template-columns:.8fr 1.65fr .8fr .5fr;gap:7px;padding:9px;font-size:6px;border-bottom:1px solid #dae5e9}.mp-buy em{font-style:normal;color:#168e8b}.mp-body footer{text-align:right;padding:10px;font-size:6px;color:#147e83}.mp-body footer i{font-style:normal;color:#8ba0a8;padding:0 5px}
@media(max-width:600px){.mp-visual{aspect-ratio:auto}.mp-body{padding:8px;gap:8px}.mp-confirm{flex-wrap:wrap}.mp-confirm>span{margin-left:34px;width:100%;font-size:6px}.mp-row{font-size:5px;padding:8px 5px;gap:3px}.mp-cols{font-size:4px!important}.mp-body header small{font-size:4px}.mp-pulse{gap:5px}.mp-pulse strong{font-size:8px}.mp-buy{font-size:5px;padding:9px 5px;gap:4px}.mp-visual .product-caption{font-size:5px;padding:0 9px}.mp-visual .product-caption b{display:none}}
.mp-heading{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:linear-gradient(100deg,#dcebef,#edf4f5);border-bottom:1px solid #b9d4da}.mp-heading strong{font-size:9px;font-weight:600;color:#234453}.mp-heading small{font-size:5px;letter-spacing:.7px;color:#45737f}
.mr-body{padding:9px;gap:9px}.mp-visual{aspect-ratio:1.35}.mr-detail{display:grid;grid-template-columns:1fr .9fr 1.1fr;gap:12px;padding:11px 9px}.mr-detail h5{font-size:6px;font-weight:500;margin:0 0 8px;color:#365b68}.mr-fields>div,.mr-quant>div,.mr-vendor>div:not(.mr-chart),.mr-purchase>div>div{display:grid;grid-template-columns:1fr 1.2fr;gap:5px;align-items:center;margin-bottom:6px;font-size:5.5px}.mr-fields b,.mr-quant b,.mr-vendor b,.mr-purchase b:not(.mr-button){display:block;min-width:0;padding:4px;border:1px solid #becfd5;background:linear-gradient(#fff,#edf2f4);font-weight:400;font-variant-numeric:tabular-nums;color:#214452}.mr-fields>div:nth-child(2){grid-template-columns:1fr}.mr-fields>div:nth-child(2) b{min-height:28px;line-height:1.5}.mr-quant{border-left:1px solid #d7e2e6;padding-left:10px}.mr-quant>div:nth-last-of-type(1) b{border-color:#57a9ad;background:#e2f1ef;color:#167c7d}.mr-link{display:block;text-align:right;font-size:5px;color:#15878b;margin-top:8px}.mr-vendor{border-left:1px solid #d7e2e6;padding-left:10px}.mr-chart{padding-top:6px}.mr-chart small{font-size:4.5px;letter-spacing:.4px;color:#597b87}.mr-chart svg{width:100%;height:65px;fill:none;stroke-width:1.5;background:linear-gradient(135deg,#f8fbfc,#e9f0f3);border:1px solid #ccdce2;margin-top:5px}.mr-chart .grid{stroke:#d2dfe5;stroke-width:.6}.mr-chart .hand{stroke:#4585bd}.mr-chart .alloc{stroke:#188d91}.mr-chart .po{stroke:#79afa1}.mr-legend{display:flex;justify-content:space-between;font-size:4px;color:#4585bd}.mr-legend span:nth-child(2){color:#188d91}.mr-legend span:nth-child(3){color:#79afa1}
.mr-grid-row{display:grid;grid-template-columns:12px .9fr .45fr .55fr .3fr 1fr 1.45fr .4fr .9fr;gap:4px;padding:7px 6px;align-items:center;border-bottom:1px solid #ccdae0;font-size:5px;color:#2b5060}.mr-grid-row span{min-width:0;overflow-wrap:anywhere}.mr-grid-head{font-size:4px;background:#cddfe6;letter-spacing:.25px}.mr-grid-row:nth-child(3){background:#e0eeed;box-shadow:inset 2px 0 #3faaa7}.mr-grid-row:nth-child(odd):not(.mr-grid-head){background:#eef3f5}.mr-purchase{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;padding:10px;background:linear-gradient(110deg,#edf4f5,#e3eef0)}.mr-qty{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.mr-qty>div{grid-template-columns:1fr!important;gap:3px!important}.mr-button{grid-column:1/-1;justify-self:end;padding:7px 10px;background:#195967;color:#e2f4f3;font-size:5px;font-weight:500;border:1px solid #41858d;letter-spacing:.15px}
@media(max-width:600px){.mp-visual{aspect-ratio:auto}.mr-detail{grid-template-columns:1fr 1fr;gap:10px}.mr-vendor{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;border-left:0;border-top:1px solid #d7e2e6;padding:8px 0 0}.mr-vendor h5{grid-column:1/-1}.mr-chart{grid-column:1/-1}.mr-chart svg{height:70px}.mr-grid-row{font-size:4.5px;grid-template-columns:9px .7fr .45fr .55fr .3fr .85fr 1.3fr .4fr .8fr;gap:3px;padding:8px 4px}.mr-grid-head{font-size:3.5px}.mr-purchase{grid-template-columns:1fr}.mr-button{font-size:5px}.mr-legend{justify-content:start;gap:12px}}
.mp-visual .mr-body{background:radial-gradient(ellipse at 100% 0%,rgba(59,155,161,.2),transparent 65%),linear-gradient(140deg,#cfdfe4,#edf4f5);padding:12px;gap:12px}
.mp-visual .mr-body>section{box-shadow:0 5px 14px rgba(15,57,72,.11);border-color:#9ebfc9}
.mp-visual .mp-heading{background:linear-gradient(105deg,#164252,#236472);border-bottom:1px solid #74bfc5;padding:10px}
.mp-visual .mp-heading strong{color:#f0f7f8;font-size:10px;letter-spacing:.1px;font-weight:500}
.mp-visual .mp-heading small{color:#98d5d5}
.mp-visual .mr-quant>div:nth-last-of-type(1){margin-top:9px;padding:7px;background:linear-gradient(120deg,#143d4d,#216974);border:1px solid #71bfc2;color:#d5eeee}
.mp-visual .mr-quant>div:nth-last-of-type(1) b{font-size:12px;color:#b5eeea;border:0;background:transparent;padding:0;text-align:right}
.mp-visual .mr-chart svg{height:86px;background:linear-gradient(135deg,#e4f0f3,#fcfefe);stroke-width:2}
.mp-visual .mr-chart .hand{stroke:#448ec0}.mp-visual .mr-chart .alloc{stroke:#117f89}.mp-visual .mr-chart .po{stroke:#57aaa3}
.mp-visual .mr-grid-row:nth-child(3){background:linear-gradient(90deg,#c5e6e4,#e8f3f3);box-shadow:inset 2px 0 #1b9c9b;color:#164653}
.mp-visual .mr-button{background:linear-gradient(110deg,#123c4d,#237c86);border-color:#66bbb9;box-shadow:0 3px 7px rgba(14,66,80,.16);font-size:6px;padding:9px 12px}
.flow-panel .mp-visual{aspect-ratio:auto;grid-template-rows:43px auto 36px;overflow:hidden}.mp-visual .mr-body{min-height:0}
.mp-visual .mr-body .mp-heading{background:linear-gradient(105deg,#244a58 0%,#527d89 44%,#2d6573 76%,#1b4a59 100%);border-top:1px solid #91bac3;border-bottom:1px solid #74bfc5;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.mp-visual .mr-body .mp-heading strong{font-size:11px;font-weight:550;text-shadow:0 1px 0 rgba(0,0,0,.15)}
.mp-visual .mr-detail h5{font-size:7px;font-weight:600;color:#2c4b59;margin-bottom:9px}
.mp-visual .mr-fields>div,.mp-visual .mr-quant>div,.mp-visual .mr-vendor>div:not(.mr-chart){font-size:6.5px}
.mp-visual .mr-fields>div:nth-child(2) b{font-size:7px;line-height:1.6;background:linear-gradient(115deg,#f8fbfc,#e5edf0);border-color:#abbfc8}
.mp-visual .mr-quant>div:nth-last-of-type(1){background:linear-gradient(110deg,#ead294,#f4e5ba 55%,#e7cd89);border:1px solid #d7bd7b;color:#5b4a25;box-shadow:inset 0 1px 0 #fff5d9}
.mp-visual .mr-quant>div:nth-last-of-type(1) b{color:#514324;font-size:13px;font-weight:500}
.mp-visual .mr-grid-row:nth-child(3){background:linear-gradient(90deg,#ebcc7d,#f7e7b7 62%,#edda9f)!important;box-shadow:inset 2px 0 #bd9337;color:#423b2b}
.mp-visual .mr-grid-row{font-size:6px;padding-top:8px;padding-bottom:8px}
.mp-visual .mr-grid-head{font-size:4.5px;background:linear-gradient(100deg,#c2d8e1,#e0ebef);color:#2f5668}
.mp-visual .mr-purchase{background:linear-gradient(115deg,#e0eaed,#f6f9fa 48%,#d5e5e9);border-top:1px solid #b8cdd5}
.mp-visual .mr-purchase>div>div{font-size:6px}
.mp-visual .mr-button{background:linear-gradient(110deg,#d4b064,#f0d89c 52%,#dec080);color:#443923;border-color:#c4a261;box-shadow:inset 0 1px 0 #fff0c7,0 3px 7px rgba(65,58,33,.13);font-size:6px}
.mp-visual .mr-chart svg{background:linear-gradient(130deg,#d5e3e8,#fafcfd 54%,#dce9ec);border-color:#a9c1cc}
@media(max-width:600px){.mp-visual .mr-grid-row{font-size:4.5px}.mp-visual .mr-grid-head{font-size:3.5px}.mp-visual .mr-fields>div,.mp-visual .mr-quant>div,.mp-visual .mr-vendor>div:not(.mr-chart){font-size:5.5px}}
.mr-process{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;padding:14px 12px;background:linear-gradient(110deg,#103747,#1c5965);border:1px solid #518e98;box-shadow:inset 0 1px 0 rgba(190,240,238,.16)}
.mr-process>div{display:grid;gap:6px;min-width:0}.mr-process small{font-size:5px;letter-spacing:.9px;color:#8cc8cc}.mr-process strong{font-size:11px;font-weight:500;color:#f0f8f9;line-height:1.2}.mr-process span{font-size:5.5px;line-height:1.5;color:#b3cfd6}.mr-process i{font-style:normal;font-size:16px;color:#78c9c6}
.mp-visual .mr-fields>div:nth-child(n+3){display:none}.mp-visual .mr-detail{grid-template-columns:.9fr 1fr 1.2fr}.mp-visual .mr-fields>div:nth-child(2) b{min-height:45px}.mp-visual .mr-fields:after{content:"Stocked raw material. Live quantities reflect allocations and purchasing activity.";display:block;margin-top:12px;padding-top:10px;border-top:1px solid #c4d6dd;font-size:6px;line-height:1.7;color:#67828d}
@media(max-width:600px){.mr-process{gap:5px;padding:11px 8px}.mr-process strong{font-size:9px}.mr-process small{font-size:4px;letter-spacing:.4px}.mr-process span{font-size:5px}.mr-process i{font-size:12px}.mp-visual .mr-detail{grid-template-columns:1fr 1fr}.mp-visual .mr-vendor{grid-column:1/-1}}
#panel-plan .mfg-product-title{grid-template-columns:auto 1fr auto;gap:18px;padding:0 16px}
#panel-plan .mfg-product-title>span{font-size:14px;letter-spacing:1.3px;color:#c3f2ee;font-weight:600}
#panel-plan .mfg-product-title>small{font-size:8px;letter-spacing:1px;color:#bbd4dc;font-weight:500}
#panel-plan .mfg-product-title>b{font-size:7px;letter-spacing:.8px;color:#9be5de}
#panel-plan .mr-chart small{font-size:6px;letter-spacing:.5px;color:#365e70;font-weight:600}
#panel-plan .mr-chart svg{stroke-width:2.4;background:linear-gradient(130deg,#e3eef3,#fff 54%,#d9e9ee)}
#panel-plan .mr-chart .hand{stroke:#237bbd}
#panel-plan .mr-chart .alloc{stroke:#079c96}
#panel-plan .mr-chart .po{stroke:#d79a25}
#panel-plan .mr-legend{font-size:5.5px;margin-top:4px;color:#237bbd;font-weight:600}
#panel-plan .mr-legend span:nth-child(2){color:#078e89}
#panel-plan .mr-legend span:nth-child(3){color:#a9700c}
@media(max-width:600px){#panel-plan .mfg-product-title{gap:8px;padding:0 10px}#panel-plan .mfg-product-title>span{font-size:11px;letter-spacing:.8px}#panel-plan .mfg-product-title>small{font-size:6px;letter-spacing:.5px}#panel-plan .mfg-product-title>b{font-size:5px}}
.flow-steps{grid-template-columns:repeat(6,minmax(0,1fr))}.flow-step{padding-left:15px;padding-right:15px}#panel-order{--progress-position:20%}#panel-inventory{--progress-position:40%}#panel-plan{--progress-position:60%}#panel-produce{--progress-position:80%}#panel-ship{--progress-position:100%}
#panel-inventory .mfg-product-title>span{font-size:13px;letter-spacing:1px}#panel-inventory .mfg-product-title>small{font-size:7px;color:#bbd4dc}#panel-inventory .mr-chart .hand{stroke:#237bbd}#panel-inventory .mr-chart .alloc{stroke:#079c96}#panel-inventory .mr-chart .po{stroke:#d79a25}#panel-inventory .mr-chart svg{stroke-width:2.4}
.mi-row{display:grid;grid-template-columns:1.1fr 1.6fr .7fr .8fr;gap:8px;padding:10px 9px;border-bottom:1px solid #cbdce2;font-size:6px;color:#325261}.mi-row>span:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}.mi-head{font-size:5px;background:#d5e5eb;color:#4c7080}.mi-row:nth-child(3){background:linear-gradient(90deg,#ebcc7d,#f7e7b7)}
.mi-count{display:grid;grid-template-columns:1.3fr 1fr .7fr 1fr;gap:10px;padding:12px 9px;background:linear-gradient(120deg,#e2ecef,#f7fafb)}.mi-count>div{display:grid;align-content:start;gap:6px}.mi-count small,.mi-follow small{font-size:5px;letter-spacing:.5px;color:#67828e}.mi-count strong{font-size:9px;font-weight:500}.mi-count span{font-size:5px;color:#68828d}.mi-count b{font-size:6px;font-weight:400;padding:6px;border:1px solid #b4cad3;background:#fff}
.mi-follow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;padding:15px 10px;background:linear-gradient(120deg,#dfebee,#f7fafb);border:1px solid #b4cbd3}.mi-follow>div{display:grid;gap:8px;align-content:start}.mi-follow strong{font-size:9px;font-weight:500;color:#214d5c}.mi-follow span{font-size:6px;line-height:1.5;color:#65808b}.mi-follow i{font-style:normal;color:#2f9297;align-self:center}
@media(max-width:600px){.mi-row{font-size:5px;gap:5px}.mi-head{font-size:4px}.mi-count{grid-template-columns:1fr 1fr}.mi-follow{gap:6px}.mi-follow strong{font-size:8px}.mi-follow span{font-size:5px}#panel-inventory .mfg-product-title>span{font-size:10px}#panel-inventory .mfg-product-title>small{font-size:5px}}
.mi-scanning-photo{position:relative;margin:0;aspect-ratio:2/1;overflow:hidden;border:1px solid #77a4b1;background:#103747}.mi-scanning-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}.mi-scanning-photo:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(6,34,47,.85));pointer-events:none}.mi-scanning-photo figcaption{position:absolute;z-index:1;bottom:12px;left:14px;right:12px;color:#d8edf0;font-size:7px;letter-spacing:.8px}@media(max-width:600px){.mi-scanning-photo{aspect-ratio:1.5}.mi-scanning-photo figcaption{font-size:5px;bottom:9px;left:10px}}
#panel-inventory .mr-fields>.mi-controls{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px;font-size:6px}
#panel-inventory .mi-controls>span{display:block;padding:7px 8px;border:1px solid #7fa6b3;background:linear-gradient(110deg,#e8f0f3,#f9fcfc);color:#285768;line-height:1.3}
#panel-inventory .mi-controls>span:nth-child(2){background:linear-gradient(110deg,#e8ce8e,#f4e6b9);border-color:#cbb276;color:#594924}
#panel-inventory .mr-fields:after{display:none}
#panel-inventory .mi-controls>span{padding:8px 10px;border:1px solid #377486;border-radius:2px;background:linear-gradient(180deg,#3a7a89,#1d5264);box-shadow:inset 0 1px 0 rgba(212,244,245,.4),0 2px 3px rgba(13,50,64,.2);color:#f0f8fa;font-size:6.5px;font-weight:600;text-align:center;letter-spacing:.12px;text-shadow:0 1px 0 rgba(0,0,0,.18)}
#panel-inventory .mi-controls>span:nth-child(2){background:linear-gradient(180deg,#f0d99e,#dcb96a);border-color:#b29452;color:#493c22;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:inset 0 1px 0 #fff0c5,0 2px 3px rgba(79,66,33,.18)}