:root{--navy:#10263a;--muted:#6c7883;--line:#dee4e7;--green:#c7f36a}*{box-sizing:border-box}body{margin:0;background:#f4f6f5;color:var(--navy);font-family:'DM Sans',system-ui,sans-serif}header{background:var(--navy);color:white;padding:22px max(5vw,20px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:2px}.brand small{font-size:10px;font-weight:500;color:#9eb0be;border-left:1px solid #526270;padding-left:15px}.mark{background:var(--green);color:var(--navy);padding:5px 9px;border-radius:6px;font-size:22px;letter-spacing:-4px}.mark span{font-size:18px}.badge{font-size:10px;letter-spacing:1.5px;color:#b5c5cf}main{max-width:1080px;margin:auto;padding:38px 24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#738570}h1{font:800 48px/1.06 Manrope,system-ui;margin:13px 0;letter-spacing:-2px}.intro p{color:var(--muted);font-size:14px}.storebar{margin-top:28px;display:flex;gap:12px;align-items:end;background:white;border:1px solid var(--line);border-radius:12px;padding:16px}.storebar label{flex:1;max-width:380px;font-size:10px;font-weight:700;letter-spacing:1px}.storebar select{margin-top:7px}.storebar span{margin:auto 0 auto auto;font-size:11px;color:var(--muted)}input,select,button{font:inherit}input,select{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;background:white;color:var(--navy);font-size:16px;min-height:46px}button{border:0;border-radius:7px;padding:12px 16px;background:var(--navy);color:white;cursor:pointer;min-height:44px;font-size:13px;font-weight:600}button:hover{filter:brightness(.92)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7daee2;outline-offset:2px}.secondary{background:#edf1f2;color:var(--navy)}nav{display:flex;margin:26px 0 22px;border-bottom:1px solid var(--line);gap:20px}nav button{background:none;color:#84909a;border-radius:0;padding:16px 0;border-bottom:3px solid transparent}nav button b{margin-left:8px}nav .active{color:var(--navy);border-color:var(--navy)}.layout{display:grid;grid-template-columns:230px 1fr;gap:22px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.card h2{font-size:18px;letter-spacing:-.5px;margin:0 0 7px}.sub{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 20px}.loc{display:flex;justify-content:space-between;align-items:center;background:transparent;color:var(--muted);width:100%;text-align:left;margin:5px 0}.loc.active{background:var(--navy);color:white}.loc span{font-size:11px;opacity:.65}.wide{width:100%}.sectionhead{display:flex;justify-content:space-between;gap:10px;align-items:start}.pill{background:#eef6df;color:#4a6429;font-size:11px;padding:7px 9px;border-radius:6px;white-space:nowrap}.form{display:grid;grid-template-columns:1.5fr 1.2fr .7fr;gap:12px}.form label,.stockfields label{font-size:11px;color:var(--muted)}label input,label select{margin-top:7px}.form button{grid-column:1/-1;background:var(--green);color:var(--navy)}.notice{background:#f4f6f5;border-radius:8px;padding:12px;font-size:12px;line-height:1.6;color:var(--muted);margin-top:16px}.entries{margin-top:24px}.entry{padding:14px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.entry .details{flex:1}.entry strong{font-size:13px;display:block}.entry small{color:var(--muted);font-size:11px}.entry input{width:78px}.entry button{background:none;color:#88939a;padding:10px}.empty{text-align:center;padding:32px 12px;color:#7a8790;font-size:13px}.empty span{display:block;font-size:26px;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat{border:1px solid var(--line);border-radius:10px;padding:20px;background:white}.stat:first-child{background:var(--navy);color:white}.stat b{display:block;font:800 32px Manrope,system-ui}.stat small{font-size:11px;opacity:.7}.stockrow{border-top:1px solid var(--line);padding:18px 0}.stockrow h3{font-size:14px;margin:0 0 12px}.stockfields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:14px 10px;background:#f5f7f6;white-space:nowrap}td{padding:18px 10px;border-bottom:1px solid var(--line)}td strong{display:block}td small{color:var(--muted);white-space:nowrap}.ordercase{font-size:20px;font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}footer{margin-top:36px;font-size:10px;color:#859099;line-height:1.7;display:flex;justify-content:space-between;gap:15px}.link{border:0;background:none;color:#5a6b77;font-size:11px;padding:8px;cursor:pointer;display:inline-block}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 24px;border-radius:8px;display:none;max-width:90%;font-size:13px}@media(max-width:650px){header{padding:16px 20px}.badge{display:none}main{padding:26px 16px}h1{font-size:40px}.storebar{flex-wrap:wrap}.storebar label{max-width:none}.storebar span{width:100%;font-size:10px}nav{gap:0;justify-content:space-between}nav button{font-size:11px}nav button b{margin-left:3px}.layout{grid-template-columns:1fr;gap:14px}.locations{padding:14px}.locationlist{display:flex;overflow:auto;gap:6px}.loc{width:auto;white-space:nowrap;gap:12px}.locations .wide{margin-top:6px}.locations h2{font-size:14px}.locations .sub{margin-bottom:6px}.card{padding:18px}.form{grid-template-columns:1fr 90px}.form label:first-child{grid-column:1/-1}.stats{gap:7px}.stat{padding:14px 10px}.stat b{font-size:28px}.stat small{font-size:10px}footer{display:block}.stockfields{gap:7px}.stockfields label{font-size:10px}}
.shareapp{background:#294052;color:#e4f0f5;border:1px solid #4a5d6a;padding:9px 14px}.pickerfilters{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.pickerfilters label{font-size:11px;color:var(--muted)}.pickerheading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin:8px 0}.productlist{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:300px;overflow:auto;padding:2px 3px 4px 2px;overscroll-behavior:contain}.producttile{display:flex;background:#f5f7f6;border:1px solid #e4e9e6;border-radius:9px;align-items:stretch;min-width:0}.producttile.chosen{border-color:#799b43;background:#f0f7e7}.pick{background:none;color:var(--navy);display:flex;gap:10px;align-items:center;text-align:left;flex:1;padding:13px 9px;min-width:0;font-weight:500}.pick strong{display:block;font-size:12px;line-height:1.4}.pick small{display:block;font-size:10px;color:var(--muted);font-weight:400;line-height:1.6;margin-top:3px}.colorswatch{width:7px;height:33px;border-radius:4px;flex-shrink:0}.favorite{background:none;color:#7b8c50;padding:5px 9px;font-size:20px;flex-shrink:0}.selection{border:1px solid #d9e4ce;border-radius:10px;background:#f8fbf3;padding:18px;margin-top:16px}.selection h3{font-size:17px;line-height:1.3;margin:8px 0}.selection .sub{margin-bottom:12px}.addcount{display:flex;align-items:end;gap:10px}.addcount label{font-size:11px;color:var(--muted);width:110px}.addcount button{background:var(--green);color:var(--navy);flex:1;min-height:48px}.upcdetails{font-size:11px;margin-top:14px;color:var(--muted)}summary{cursor:pointer;padding:10px 0;line-height:1.4}dl{display:grid;grid-template-columns:90px 1fr;gap:7px}dd{margin:0;color:var(--navy);font-variant-numeric:tabular-nums}.custom{font-size:11px;color:var(--muted);margin-top:20px;border-top:1px solid var(--line)}.custom .form{margin:10px 0}.catalogstamp{font-size:10px;color:var(--muted);line-height:1.8;margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.catalogstamp b{color:var(--navy);font-size:12px}.catalogstamp .link{padding-left:0;text-align:left}.countedit{display:block}.countedit span{font-size:10px;color:var(--muted)}.countedit input{margin-top:3px}.entries h2{font-size:14px;margin:0 0 10px}dialog{border:1px solid var(--line);border-radius:15px;max-width:580px;width:calc(100% - 28px);max-height:85vh;color:var(--navy);padding:24px;font-size:13px;line-height:1.7}dialog::backdrop{background:#10263a99}#closeCatalog{float:right}#catalogBody h2{font-size:20px}.tablewrap small{font-size:10px}@media(max-width:650px){.pickerfilters{grid-template-columns:1fr}.productlist{grid-template-columns:1fr;max-height:248px}.pick strong{font-size:13px}.pick small{font-size:11px}.catalogstamp{margin-top:10px;padding-top:8px}.catalogstamp br{display:none}.catalogstamp b{margin-right:8px}.catalogstamp .link{display:block;min-height:30px}.locations .catalogstamp{font-size:9px}.selection{padding:14px}.brand small{display:none}.intro h1{font-size:34px}.intro h1 br{display:none}.intro p{font-size:12px}.storebar{margin-top:18px}nav{margin:16px 0}.tablewrap{margin:0 -10px}.pickerheading .link{font-size:11px;padding-right:0}}
.productimage{width:74px;height:62px;object-fit:contain;border-radius:6px;background:#f4f4f4;flex-shrink:0;mix-blend-mode:multiply}.packlabel{font-size:11px;font-weight:700;display:block;margin-top:4px;color:#354f60}.producttile .pick{padding:9px 5px;gap:8px}.producttile .favorite{padding:4px;min-width:30px}.productlist{max-height:350px}.selectedtitle{display:flex;align-items:center;gap:14px}.selectedimage{width:90px;height:80px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.entryimage{width:56px;height:48px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.entryscroll{max-height:300px;overflow:auto;overscroll-behavior:contain}.entry .details{min-width:0}.entry strong{overflow-wrap:anywhere}@media(max-width:650px){.productlist{grid-template-columns:1fr;max-height:292px}.productimage{width:78px;height:62px}.producttile .pick strong{font-size:13px}.producttile .pick small{font-size:10px}.producttile .favorite{min-width:44px}.entryscroll{max-height:260px}.entry{gap:6px}.entry .details strong{font-size:12px}.entryimage{width:44px;height:42px}.entry input{width:65px}.entry button{padding:6px;min-width:32px}.selectedimage{width:76px;height:68px}}

/* Touch, narrow screens and standalone safe areas. */
html{-webkit-text-size-adjust:100%;scroll-padding-top:12px}body{min-width:0}header{padding-top:max(16px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}main{padding-bottom:max(28px,env(safe-area-inset-bottom));min-width:0}.layout>*{min-width:0}.loc{overflow-wrap:anywhere}.loc span{flex-shrink:0}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}summary{min-height:44px}.locationlist,.productlist,.entryscroll,.tablewrap{-webkit-overflow-scrolling:touch}.locationlist{max-height:300px;overflow:auto}.favorite,.entry button{min-width:44px;min-height:44px}.installnote{margin-top:24px;font-size:12px;color:var(--muted)}.installnote p{line-height:1.6}.installnote summary{font-weight:600}.installnote button{margin:8px 0}[hidden]{display:none!important}#nameForm label{display:block;margin-top:18px}#nameForm h2{margin-top:0}#nameError{color:#a32424}dialog{max-height:85dvh;overflow:auto}#toast{bottom:calc(20px + env(safe-area-inset-bottom));z-index:10}.loc.active{scroll-margin:8px}
@media(max-width:650px){main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.locationlist{max-height:100px}.card{padding:14px}.storebar label{min-width:0;flex-basis:100%}nav button{flex:1;padding:12px 3px}nav button b{display:block;margin:4px 0 0}.entry input{width:58px}.entryimage{width:36px}.stockfields{grid-template-columns:1fr 1fr}.stockfields label:last-child{grid-column:1/-1}.stat{min-width:0}.stat small{overflow-wrap:anywhere}header{gap:8px}.brand{font-size:13px;gap:8px}.shareapp{font-size:12px;padding:9px}.selection h3{overflow-wrap:anywhere}.tablewrap{max-width:100%}}
@media(display-mode:standalone){.intro{margin-top:0}header{position:relative}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.equipmentgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:310px;overflow:auto;margin:12px 0}.equipment{display:flex;align-items:center;gap:8px;text-align:left;background:#f4f6f5;color:var(--navy);border:2px solid transparent;font-size:12px;padding:8px;min-width:0}.equipment.chosen{border-color:#719842;background:#f1f8e8}.equipment img{width:58px;height:80px;object-fit:contain;background:white}.equipment span{overflow-wrap:anywhere}.pogpanel{display:flex;align-items:center;gap:10px;background:#f4f6f5;border-radius:8px;padding:12px;margin-bottom:18px;font-size:12px;flex-wrap:wrap}.pogpanel img{width:54px;height:75px;object-fit:contain}.pogpanel>div{flex:1;min-width:140px}.pogpanel small{display:block;margin:6px 0;color:var(--muted)}#pogViewer{max-width:1000px;width:calc(100% - 16px)}#pogLarge{display:block;width:100%;height:auto;margin-top:12px}#closePog{position:sticky;top:0;z-index:1}#equipmentPicker .sub{margin:8px 0}#nameDialog{max-width:680px}@media(max-width:420px){.equipmentgrid{grid-template-columns:1fr;max-height:280px}.equipment img{height:65px}.equipment{min-height:75px}}

.extraadder{margin:20px 0;padding:16px;border:1px solid #cbd5df;border-radius:12px}.extraadder summary{cursor:pointer;font-weight:700;min-height:44px}.extraadder .productlist{margin:12px 0;max-height:280px;overflow-y:auto}.extraedit{width:90px;min-height:44px}.extraadder .addcount{flex-wrap:wrap}

/* Keep each order readable without sideways scrolling on phones. */
.placementhelp{font-size:12px;line-height:1.6;color:#4b6171}.placementlocation{margin-top:24px}.placementlocation h3,.placementremaining h3{font-size:17px;overflow-wrap:anywhere;margin:0 0 8px}.placementlocation h3{background:#edf1f2;border-radius:7px;padding:12px}.placementquantity{flex:0 0 180px;text-align:right}.placementquantity strong{display:block;font-size:17px;line-height:1.4}.placementquantity small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.placementremaining{border-top:2px solid var(--line);margin-top:26px;padding-top:22px}.placementactions{margin-bottom:20px}.placementpage>.sub{margin-bottom:12px}
@media(max-width:650px){nav button{min-width:0;font-size:10px}.placementquantity{flex-basis:115px}.placementquantity strong{font-size:15px}.placementitem{flex-wrap:wrap}.placementitem .ordersku{flex-basis:calc(100% - 70px)}.placementitem .placementquantity{flex-basis:100%;text-align:left;padding-left:58px}.placementactions button{flex:1}.placementpage{min-width:0}}
@media print{.placementpage{border:0;padding:0}.placementactions{display:none!important}.placementlocation h3,.placementremaining h3{break-after:avoid}.placementquantity{flex-basis:180px!important}.placementitem .ordersku{flex:1}.placementitem .placementquantity{text-align:right;padding-left:0}.placementitem{flex-wrap:nowrap}}
h1,.stat b{font-family:Manrope,system-ui,sans-serif}
#accountName{display:block;width:100%;min-width:0;margin:0;padding:12px;font:inherit;letter-spacing:inherit;color:var(--navy);background:white;border:1px solid var(--line);border-radius:7px;min-height:60px;text-overflow:ellipsis}
#accountName::placeholder{color:var(--navy);opacity:1}
#accountName:focus{border-color:var(--navy)}
.locationheading{flex:1;min-width:0}.locationheading>label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.locationheading>input{font-size:18px;font-weight:700;margin:0 0 8px}.fieldError{font-size:12px;color:#a32424;margin:0 0 10px}.fieldError:empty{display:none}.equipmentbutton{background:var(--navy);color:white;border:1px solid var(--navy);min-height:46px;padding:12px 16px;font-size:13px}.locationlist .loc{flex-shrink:0;max-width:100%;white-space:normal}.pogpanel .equipmentbutton{max-width:100%}
.finalorder h2{font-size:25px;margin:8px 0}.finalorder .sub{margin-bottom:12px}.orderhint{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 18px}.orderlist{list-style:none;padding:0;margin:0}.orderitem{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line);break-inside:avoid}.orderimage,.orderplaceholder{width:62px;height:58px;object-fit:contain;flex-shrink:0;background:#f5f7f6;border-radius:8px;mix-blend-mode:multiply}.orderplaceholder{display:grid;place-items:center;font-size:24px;color:var(--muted)}.ordersku{flex:1;min-width:0}.ordersku strong{display:block;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.ordersku>span{display:block;font-size:12px;color:#4b6171;margin-top:4px}.ordersku small{font-size:10px;color:var(--muted)}.orderquantity{text-align:right;min-width:60px;font-variant-numeric:tabular-nums}.orderquantity b{display:block;font-size:28px;line-height:1.15}.orderquantity span{font-size:11px;color:var(--muted)}.ordertotal{display:flex;justify-content:space-between;gap:12px;background:var(--navy);color:white;border-radius:9px;padding:18px 16px;align-items:center}.ordertotal>span{font-size:12px}.ordertotal strong{font-size:20px;text-align:right}.orderdetails{margin-top:24px;border-top:1px solid var(--line);padding-top:10px}.orderdetails summary{font-size:12px;font-weight:600}.orderactions button{flex:1}button:disabled{opacity:.5;cursor:default}
@media(max-width:650px){.orderitem{gap:10px}.orderimage,.orderplaceholder{width:48px;height:52px}.ordersku strong{font-size:14px}.orderquantity b{font-size:26px}.finalorder>.sectionhead{align-items:center}.finalorder>.sectionhead .pill{font-size:10px;padding:6px}.ordertotal strong{font-size:18px}}
@media print{@page{margin:14mm}body{background:white;color:#10263a}header,.intro,.storebar,nav,.stats,.installnote,footer,.orderactions,.orderdetails,.extraadder,#toast,dialog{display:none!important}main{max-width:none;padding:0}.finalorder{border:0;padding:0}.orderhint{display:none}.orderitem{break-inside:avoid}.ordertotal{background:white;color:#10263a;border:2px solid #10263a}.orderimage{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
@media(max-width:650px){
 .tablewrap{margin:0;overflow:visible}
 table,tbody{display:block;width:100%}
 thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 tbody tr{display:block;border:1px solid var(--line);border-radius:10px;margin:14px 0;padding:10px}
 td{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;padding:10px 2px;align-items:center}
 td::before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--muted)}
 td:first-child{display:block;background:#f5f7f6;padding:12px;border-radius:7px;overflow-wrap:anywhere}
 td:first-child::before{display:none}
 td:last-child{border-bottom:0}
 td small{white-space:normal}
 td>small{grid-column:2}
 td>br{display:none}
 .extraedit{width:100%;max-width:110px}
 .extraadder{padding:12px}
 .sectionhead>div,.selectedtitle>div{min-width:0;overflow-wrap:anywhere}
}