:root{--ink:#243a30;--muted:#6c766e;--green:#28533f;--line:#dde2d8;--paper:#f6f7f2}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:var(--green);text-underline-offset:3px}button,.button{background:var(--green);border:1px solid var(--green);color:#fff;cursor:pointer;font:inherit;border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:11px 17px;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:wait}input,select{width:100%;min-height:44px;font:inherit;color:var(--ink);background:#fff;border:1px solid #cdd4c8;border-radius:6px;padding:9px}label{margin:14px 0;font-size:13px;font-weight:600;display:block}label input,label select{margin-top:6px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #cb951e}.header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:50px;padding:22px 5%;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:12px;font-size:22px;font-weight:700;line-height:1.1;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:43px;height:43px;font-size:32px;display:grid}.brand small{letter-spacing:2px;margin-top:8px;font-size:8px;display:block}.header nav{gap:25px;display:flex}.header nav a{color:var(--muted);padding:12px 0;text-decoration:none}.header nav a[aria-current]{color:var(--green);border-bottom:2px solid var(--green)}.private{color:var(--muted);margin-left:auto;font-size:12px}.workspace{max-width:1400px;margin:auto;padding:24px 5% 0}.status{color:var(--muted);letter-spacing:1px;align-items:center;gap:8px;font-size:10px;display:flex}.dot{background:#7c9b5e;border-radius:50%;width:7px;height:7px}.text-button{color:var(--green);background:0 0;border:0;margin-left:auto;padding:4px;font-size:12px}.page-heading{justify-content:space-between;align-items:center;margin:40px 0;display:flex}.eyebrow{letter-spacing:1.7px;color:var(--muted);font-size:10px;font-weight:700}h1{letter-spacing:-1.8px;margin:12px 0 15px;font-size:clamp(30px,4vw,48px);line-height:1.12}h2{letter-spacing:-.5px;font-size:18px}h3{margin:0;font-size:16px}.page-heading p:last-child{color:var(--muted);margin:0}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:22px 0;display:flex}.muted{color:var(--muted);font-size:13px}.box-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.box-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px;text-decoration:none;transition:border-color .15s}.box-card:hover{border-color:var(--green)}.box-top{justify-content:space-between;align-items:center;display:flex}.box-top h2{letter-spacing:-1px;margin:0 0 16px;font-size:30px}.box-card p{min-height:40px;color:var(--muted);font-size:13px}.mini-map{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.mini-map span{color:#9ba393;background:#f7f8f3;border:1px solid #e2e7dc;border-radius:3px;place-items:center;height:35px;font-size:10px;display:grid}.mini-map .filled{color:var(--green);background:#dfe9d5;border-color:#bed0ae}.box-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:14px;font-size:10px;display:flex}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;padding:24px}.compartment-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px;display:grid}.compartment small{color:var(--muted);display:block}.compartment a{font-size:12px}.label-layout{grid-template-columns:320px 1fr;gap:24px;display:grid}.fields{gap:10px;display:flex}.fields label{width:33%}.preview iframe{background:#eee;border:0;width:100%;height:600px}.empty-preview{text-align:center;min-height:400px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.paper-icon{border:1px solid var(--line);color:var(--green);background:#f5f6ef;margin-bottom:25px;padding:30px;font-size:35px}.product-row{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:20px;padding:22px;display:flex}.product-info{flex:1}.product-info p{color:var(--muted);margin:4px 0;font-size:12px}.product-thumb{background:#edf1e6;border-radius:8px;place-items:center;width:60px;height:60px;font-size:30px;display:grid}.product-thumb img{object-fit:cover;width:100%;height:100%}.assign-label{width:170px}.search{max-width:600px}.alert{background:#fff0df;border:1px solid #ddad74;border-radius:6px;padding:15px}.login{max-width:460px;margin:10vh auto;padding:24px}.login h1{font-size:40px}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:70px;padding:22px 0;font-size:12px}footer span{float:right}@media (max-width:900px){.box-grid,.compartment-grid{grid-template-columns:repeat(2,1fr)}.private{display:none}.header{gap:30px}.label-layout{grid-template-columns:1fr}}@media (max-width:560px){.header{flex-wrap:wrap;gap:12px;padding:18px 6%}.header nav{justify-content:space-between;width:100%}.workspace{padding:15px 6% 0}.page-heading{margin:28px 0;display:block}.page-heading button{margin-top:20px}.section-heading{flex-direction:column;align-items:flex-start}.box-grid{grid-template-columns:1fr}.box-card{padding:20px}.product-row{flex-wrap:wrap;gap:12px;padding:18px 12px}.assign-label{width:100%;margin:0}.product-info{min-width:180px}.compartment-grid{grid-template-columns:1fr}.status{letter-spacing:.5px;font-size:8px}.panel{padding:20px}.preview iframe{height:450px}}.box-workspace{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;margin-top:20px;display:grid}.product-tray{position:sticky;top:16px}.product-tray h2{margin-top:0}.tray-list{gap:8px;max-height:65vh;display:grid;overflow:auto}.tray-product{text-align:left;width:100%;color:var(--ink);border:1px solid var(--line);cursor:grab;background:#fff;justify-content:flex-start;gap:10px;padding:10px;display:flex}.tray-product.chosen{border-color:var(--green);background:#edf4e8}.tray-product strong,.compartment-product strong{overflow-wrap:anywhere;display:block}.tray-product small,.compartment-product small{color:#53665a;font-size:12px;display:block}.tray-product .product-thumb,.compartment-product .product-thumb{flex:none;width:48px;height:48px}.compartment-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.compartment{flex-direction:column;gap:12px;min-height:220px;display:flex}.compartment h3{color:var(--green)}.compartment-product{cursor:grab;align-items:center;gap:10px;display:flex}.drop-active{background:#f0f7ed;outline:3px solid #71965d}.place-button{color:var(--green);border:1px solid var(--line);background:#fff;margin-top:auto;font-size:12px}.place-button:disabled{cursor:default;opacity:.7}@media (max-width:900px){.box-workspace{grid-template-columns:1fr}.product-tray{position:static}.tray-list{max-height:230px}}@media (max-width:560px){.compartment-grid{grid-template-columns:1fr}.compartment{min-height:180px}}.mini-map span{flex-direction:column;justify-content:flex-start;align-items:flex-start;height:70px;padding:6px;display:flex;overflow:hidden}.mini-map span small{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:10px;line-height:1.2;display:-webkit-box;overflow:hidden}@media (max-width:560px){.box-grid{grid-template-columns:1fr}}.box-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-map span{align-content:start;height:auto;min-height:74px;padding:8px;overflow:hidden}.mini-map small{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.box-editor{max-width:680px;margin-bottom:24px}.box-editor .fields label{width:50%}.layout-preview{gap:4px;margin:16px 0;display:grid}.layout-preview span{text-align:center;background:#edf1e6;padding:6px;font-size:12px}.compartment-grid{grid-template-columns:repeat(var(--box-columns,4),minmax(0,1fr))}.compartment-product>span:last-child,.tray-product>span:last-child,.compartment{min-width:0}@media (max-width:560px){.box-grid,.compartment-grid{grid-template-columns:1fr}.mini-map{font-size:10px}}@media (max-width:1200px){.compartment-grid{grid-template-columns:repeat(min(var(--box-columns,4),2),minmax(0,1fr))}}@media (max-width:560px){.compartment-grid{grid-template-columns:1fr}}.holding{border:1px dashed #8ba68c;border-radius:8px;margin:16px 0;padding:14px}.holding h3{margin:0}.holding p{margin:8px 0 12px}.hold-item{flex:none;margin-left:auto}.compartment-product{flex-wrap:wrap}.compartment-product>span:last-of-type{flex:1}.mini-map .mini-product{align-items:center;gap:6px;width:100%;min-width:0;margin-top:5px;display:flex}.mini-map .mini-thumb{color:#53665a;text-align:center;background:#f6f7f2;border-radius:4px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:9px;display:flex;position:relative}.mini-map .mini-thumb img{object-fit:contain;background:#fff;border-radius:4px;width:100%;height:100%;position:absolute;inset:0}.mini-map .mini-product small{min-width:0;line-height:1.25}.mini-map>span{height:auto;min-height:90px}.mini-map>span>small{margin-top:4px;display:block}.holding-list{gap:6px;max-height:180px;margin-bottom:10px;display:grid;overflow-y:auto}.holding-product{text-align:left;color:var(--ink);border:1px solid var(--line);background:#fff;justify-content:flex-start;gap:8px;padding:6px 8px;font-size:12px;display:flex}.holding-product.chosen{border-color:var(--green);background:#edf4e8}.holding-thumb{background:#edf1e6;border-radius:4px;flex:none;width:32px;height:32px}.holding-thumb img{object-fit:contain;width:100%;height:100%}.box-display{max-width:240px}.mini-map.photo-only .mini-product{flex:1;min-height:64px}.mini-map.photo-only .mini-product>.mini-thumb.image-loaded{width:100%;height:100%;min-height:64px}.mini-map.photo-only .mini-product>.mini-thumb.image-loaded+small{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.mini-map .mini-product{flex-direction:column;align-items:flex-start}.mini-map .mini-product small{width:100%}}.box-workspace.view-only{grid-template-columns:minmax(0,1fr)}.view-only .compartment-product{cursor:default}.layout-toggle{margin-left:16px}.compartment-product.photo-only>.product-thumb.image-loaded{width:100%;height:160px}.compartment-product.photo-only>.product-thumb.image-loaded img{object-fit:contain}.compartment-product.photo-only>.product-thumb.image-loaded+span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.breadcrumbs{letter-spacing:0;align-items:center;gap:10px;font-size:14px;display:flex}.workspace{padding-bottom:32px}.stock-count{color:var(--green);border-color:var(--line);white-space:nowrap;cursor:pointer;background:#fff;min-height:44px;padding:8px 10px;font-size:13px}.stock-count:disabled{opacity:1;color:var(--muted);cursor:default}.stock-dialog{border:1px solid var(--line);width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#fff;border-radius:12px;padding:24px;overflow:auto}.stock-dialog::backdrop{background:#0006}.stock-dialog h2{margin-top:0}.dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.dialog-actions .place-button{margin-top:0}.mini-map.photo-only .mini-product>.mini-thumb.image-loaded~.stock-summary{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.mini-map .mini-product{flex-wrap:wrap}.mini-map .stock-summary{flex-basis:100%}.header-refresh{min-height:44px;margin-left:0;padding:8px 12px}@media (max-width:560px){.header-refresh{margin-left:auto}.header nav{order:3}}.header-refresh{margin-left:auto}.settings-panel{max-width:460px}@media (max-width:560px){.header nav{flex-wrap:wrap;gap:12px}}.stock-product{align-items:center;gap:16px;display:flex}.stock-product-image{color:#53665a;background:#f6f7f2;border-radius:6px;flex:none;place-items:center;width:104px;height:104px;font-size:12px;display:grid;position:relative}.stock-product-image img{object-fit:contain;background:#fff;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.stock-product p{overflow-wrap:anywhere}.stock-product{flex-direction:column;align-items:flex-start;gap:8px}.stock-product-image:has(img):not(.no-photo){width:100%;max-width:320px;height:clamp(220px,32dvh,280px)}.stock-product p{margin:0}.stock-dialog{max-height:90dvh;overflow-y:auto}.brand small{letter-spacing:1px;font-size:11px}.compartment-product{grid-template-columns:48px minmax(0,1fr);align-items:center;display:grid}.compartment-product>.stock-count{grid-column:2;justify-self:start}.compartment-product>.hold-item,.compartment-product>small,.compartment-product.photo-only>.product-thumb.image-loaded,.compartment-product.photo-only>.product-thumb.image-loaded~.stock-count{grid-column:1/-1}.photo{color:#53665a;background:#edf1e6;place-items:center;display:grid;position:relative;overflow:hidden}.photo img{object-fit:contain;background:#fff;width:100%;height:100%;position:absolute;inset:0}.photo .photo-fallback{text-align:center;padding:2px;font-size:9px;line-height:1.2}.out-of-stock{color:#8b281b;background:#fff0ec;border-color:#d6a399}.stock-count.out-of-stock:disabled{color:#8b281b}.settings-panel+.settings-panel{margin-top:20px}@media (max-width:560px){.mini-map .stock-summary{flex-basis:auto}}.view-only .compartment:has(>.compartment-product.photo-only){grid-template-columns:repeat(auto-fit,minmax(min(90px,100%),1fr));align-content:start;align-items:start;gap:8px;padding:16px;display:grid}.view-only .compartment:has(>.compartment-product.photo-only)>h3{grid-column:1/-1}.view-only .compartment-product.photo-only{flex-direction:column;align-items:stretch;gap:6px;width:min(100%,110px);min-width:0;display:flex}.view-only .compartment-product.photo-only>.product-thumb{aspect-ratio:1;width:100%;height:auto}.view-only .compartment-product.photo-only>.stock-count{white-space:normal;max-width:100%;padding:6px;font-size:12px;line-height:1.2}.mini-map.photo-only>span{grid-template-columns:repeat(auto-fit,minmax(min(50px,100%),1fr));align-content:start;place-items:start;gap:4px;display:grid}.mini-map.photo-only>span>b,.mini-map.photo-only>span>small{grid-column:1/-1}.mini-map.photo-only .mini-product{flex-direction:column;flex:none;align-items:flex-start;gap:3px;min-height:0;margin:0;display:flex}.mini-map.photo-only .mini-product>.mini-thumb,.mini-map.photo-only .mini-product>.mini-thumb.image-loaded{aspect-ratio:1;width:min(48px,100%);height:auto;min-height:0}.mini-map.photo-only .mini-product>.stock-summary{clip-path:none;overflow-wrap:anywhere;width:100%;height:auto;line-height:1.2;display:block;position:static;overflow:visible}