:root{--bg:#E9E8E4;--canvas:#F4F3F0;--card:#FFFFFF;--ink:#16160F;--muted:#69695F;--hair:#E1E0DA;--coral:#E8472B;--amber:#C8841A;--green:#2E7D5B}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{background:var(--bg);font-family:Inter,Noto Sans Thai,system-ui,sans-serif;color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:236px;flex:0 0 auto;background:var(--ink);color:#fff;padding:20px 14px;display:flex;flex-direction:column;gap:3px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:block;padding:8px 8px 20px}.brand .brandlogo{width:auto;max-width:104px;height:auto;display:block}.brand .brandsub{display:block;font-size:21px;font-weight:800;color:#f0f0ea;letter-spacing:1.2px;text-transform:uppercase;margin-top:2px;line-height:1}.navlist{display:flex;flex-direction:column;gap:2px}.navgroup{margin-bottom:10px}.navgrouphd{font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#7c7c73;padding:4px 12px 6px}.navlink{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:13px;color:#c9c9c2;font-weight:700;font-size:16px;letter-spacing:-.2px;transition:background .12s,color .12s}.navlink .ic{width:22px;text-align:center;font-size:17px;flex:0 0 auto}.navlink:hover{background:#26261c;color:#e8e8e2}.navlink.on{background:#fff;color:var(--ink)}.sidefoot{margin-top:auto;padding-top:16px}.who{gap:11px;padding:12px 8px;border-top:1px solid #2b2b22}.avatar,.who{display:flex;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#33332a;justify-content:center;font-size:14px;font-weight:800;flex:0 0 auto}.whotext{font-size:15px;font-weight:700;line-height:1.25}.whotext small{display:block;font-size:12px;font-weight:600;color:#b7b7b0}.logoutbtn{width:100%;margin-top:10px;background:#26261c;color:#c9c9c2;border:1px solid #3a3a30;border-radius:10px;padding:9px 10px;font:700 13px Inter,Noto Sans Thai,sans-serif;cursor:pointer}.logoutbtn:hover{background:#33332a;color:#fff}.branchstatic{font-size:15px;font-weight:800;color:var(--ink);background:#fff;border:1px solid var(--hair);border-radius:30px;padding:9px 16px}.login{min-height:100dvh;background:var(--ink);display:flex;align-items:center;justify-content:center;padding:24px}.loginbox{width:100%;max-width:360px;background:var(--canvas);border-radius:24px;padding:28px 26px 24px;text-align:center;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}.loginbrand img{width:150px;height:auto;display:block;margin:0 auto;filter:invert(1)}.loginsub{font-size:13px;font-weight:600;color:var(--muted);margin-top:8px}.logintitle{font-size:15px;font-weight:700;margin-top:22px;color:var(--ink)}.pindots{display:flex;justify-content:center;gap:14px;margin:16px 0 4px}.pindots span{width:14px;height:14px;border-radius:50%;border:2px solid #cfcec7}.pindots span.on{background:var(--ink);border-color:var(--ink)}.pindots.err span{border-color:var(--coral)}.pinerr{font-size:12.5px;font-weight:700;color:var(--coral);margin-top:6px}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:18px}.pinpad button{height:58px;border:1px solid var(--hair);background:#fff;border-radius:14px;font:800 22px Inter,sans-serif;color:var(--ink)}.pinpad button:active{background:#EDECE7}.pinpad .pinback,.pinpad .pinclear{font-size:15px;font-weight:700;color:var(--muted);background:transparent;border:0}.logindemo{margin-top:22px;border-top:1px solid var(--hair);padding-top:14px}.logindemohd{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.demouser{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:10px 13px;margin-bottom:7px;cursor:pointer}.demouser:hover{border-color:#cfcec7}.duname{font-size:13.5px;font-weight:800;letter-spacing:-.2px}.dumeta{font-size:11.5px;font-weight:600;color:var(--muted)}.content{flex:1 1;min-width:0;display:flex;flex-direction:column}.apphead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:30px 36px 0}.apphead h1{font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1.02}.apphead .sub{font-size:16px;color:var(--muted);font-weight:600;margin-top:7px}.headactions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.allbranch{color:var(--muted)}.allbranch,.datesel{font-size:13px;font-weight:700}.datesel{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--hair);border-radius:30px;padding:7px 8px 7px 15px}.datesel span{color:var(--muted);font-size:13px}.datesel select{border:0;background:#F2F1EC;border-radius:20px;padding:8px 12px;font:700 14px Inter,Noto Sans Thai,sans-serif;color:var(--ink);cursor:pointer}.branchsel{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--hair);border-radius:30px;padding:8px 8px 8px 16px;font-weight:700;font-size:14px}.branchsel .bslabel{color:var(--muted);font-size:13px}.branchsel select{border:0;background:#F2F1EC;border-radius:20px;padding:8px 12px;font:700 15px Inter,Noto Sans Thai,sans-serif;color:var(--ink);cursor:pointer}.main{padding:22px 36px 48px;flex:1 1}.wrap{max-width:1180px;margin:0 auto}.flowwrap{max-width:600px;margin:0 auto}.backlink{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--muted);font:700 14.5px Inter,Noto Sans Thai,sans-serif;padding:4px 4px 14px;cursor:pointer}.backlink:hover{color:var(--ink)}.pill-btn{gap:7px;background:var(--ink);color:#fff;border:0;border-radius:30px;padding:9px 16px;font-weight:800}.ghost-btn,.pill-btn{display:inline-flex;align-items:center;font-size:13px}.ghost-btn{gap:6px;background:#fff;color:var(--ink);border:1px solid var(--hair);border-radius:30px;padding:8px 14px;font-weight:700}@media(max-width:900px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:-webkit-sticky;position:sticky;top:0;z-index:50;flex-direction:row;align-items:center;gap:4px;padding:9px 12px;overflow-x:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.brand{padding:4px 8px 4px 2px;flex:0 0 auto}.brand .brandlogo{max-width:118px}.brand .brandsub{display:none}.navgroup,.navlist{flex-direction:row;gap:3px}.navgroup{display:flex;margin-bottom:0}.navgrouphd{display:none}.navlink{padding:9px 12px;white-space:nowrap}.navlink .lbl{display:none}.navlink.on .lbl,.navlink:hover .lbl{display:inline}.sidefoot{display:none}.apphead{padding:18px 18px 0}.apphead h1{font-size:25px}.main{padding:16px 18px 40px}}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:14px;gap:14px}.card{background:var(--card);border-radius:20px;padding:18px;border:1px solid var(--hair);display:flex;gap:14px;align-items:flex-start}a.card:hover{border-color:#d8d7d1}.card.lo{border-left:3px solid var(--coral)}.card .check{width:24px;height:24px;border-radius:8px;border:1.6px solid #dad9d3;flex:0 0 auto;margin-top:2px}.card.lo .check{border-color:var(--coral)}.card .cbody{flex:1 1;min-width:0}.card .ttl{font-size:19px;font-weight:800;letter-spacing:-.4px;line-height:1.2}.card .sku{font-size:13.5px;color:var(--muted);font-weight:600;margin-top:4px}.card .loc{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink);font-weight:600;margin-top:7px}.card .loc:before{content:"";width:13px;height:13px;border-radius:3px;border:1.5px solid var(--ink);display:inline-block}.card .tags{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.tag{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:30px;border:1px solid #dad9d3;color:var(--ink)}.tag.coral{border-color:var(--coral);color:var(--coral)}.tag.amber{border-color:var(--amber);color:var(--amber)}.tag.green{border-color:var(--green);color:var(--green)}.card .qty{font-size:16px;font-weight:800;letter-spacing:-.3px;flex:0 0 auto;text-align:right;line-height:1}.card .qty.coral{color:var(--coral)}.card .qty small{display:block;font-size:10.5px;font-weight:600;color:var(--muted);margin-top:3px}.statstrip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}.statcard{background:#fff;border:1px solid var(--hair);border-radius:18px;padding:16px 18px}.statcard.now{background:var(--ink);color:#fff;border-color:var(--ink)}.statcard .k{font-size:14px;font-weight:700;color:var(--muted)}.statcard.now .k{color:#ccccc5}.statcard .v{font-size:40px;font-weight:800;letter-spacing:-1.5px;margin-top:6px;line-height:.95}.statcard .nowtag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#fff;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.statcard .nowtag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral)}.sectlbl{display:flex;justify-content:space-between;align-items:center;margin:6px 0 14px}.sectlbl h2{font-size:23px;font-weight:800;letter-spacing:-.5px}.sectnote{font-size:13px;font-weight:600;color:var(--muted)}.statcard.tappable{display:block;cursor:pointer}.statcard.tappable:hover{border-color:#cfcec7}.prog .bar{height:8px;background:#E2E1DB;border-radius:10px;overflow:hidden}.prog .bar i{display:block;height:100%;background:var(--ink);border-radius:10px;transition:width .25s ease}.prog .pt{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--muted);margin-top:8px}.countcard{background:#fff;border:1px solid var(--hair);border-radius:24px;padding:26px 22px;text-align:center;margin-top:18px}.countcard .thumb{width:64px;height:64px;border-radius:16px;background:#EDECE7;border:1px solid var(--hair);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;color:#c3c2bb;font-size:24px}.countcard .nm{font-size:20px;font-weight:800;letter-spacing:-.4px;line-height:1.15}.countcard .sk{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:5px}.countcard .loc{display:inline-block;margin-top:12px;background:#F2F1EC;border-radius:30px;padding:6px 15px;font-size:13.5px;font-weight:700}.blind{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:var(--coral);margin-top:16px}.blind .dot{width:6px;height:6px;border-radius:50%;background:var(--coral)}.counter{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:12px}.counter button{width:54px;height:54px;border-radius:50%;border:1.5px solid #dad9d3;background:#fff;font-size:26px;font-weight:500;color:var(--ink);line-height:0}.counter button:hover{background:#f2f1ec}.counter .val{font-size:68px;font-weight:800;letter-spacing:-3px;min-width:110px}.next{margin-top:18px;height:58px;width:100%;border-radius:18px;background:var(--ink);color:#fff;border:0;font:800 15px Inter,Noto Sans Thai,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.next:hover{opacity:.92}.donelist{margin-top:22px}.donelist .dl-h{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.drow{gap:11px;padding:12px 0;border-top:1px solid var(--hair);font-size:14px;font-weight:600}.drow,.drow .ck{display:flex;align-items:center}.drow .ck{width:18px;height:18px;border-radius:6px;background:var(--green);color:#fff;justify-content:center;font-size:11px;flex:0 0 auto}.drow .gn{flex:1 1;color:#55554e}.drow .gv,.drow .var{font-weight:800}.drow .var{font-size:12px;color:var(--amber);margin-left:4px}.count-done{text-align:center;padding:46px 30px;background:#fff;border:1px solid var(--hair);border-radius:24px;margin-top:18px}.count-done .big{font-size:28px;font-weight:800;letter-spacing:-1px}.count-done .donesess{font-size:15px;font-weight:800;color:var(--ink);margin-top:8px;letter-spacing:-.2px}.count-done p{color:var(--muted);font-weight:600;margin-top:8px;font-size:14px}.howbox{background:#FCF6EA;border:1px solid #efe3cb;border-radius:14px;padding:13px 16px;font-size:13.5px;font-weight:600;color:#7a5a18;line-height:1.6;margin-bottom:16px}.howbox b{font-weight:800}.zonechips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.zchip{background:#fff;border:1px solid var(--hair);border-radius:30px;padding:8px 16px;font-size:13.5px;font-weight:700;color:var(--muted)}.zchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.sentvar{margin-top:12px;background:#FBF1E2;border-radius:12px;padding:12px 14px;font-size:13.5px;font-weight:700;color:var(--amber);line-height:1.5}.sentvar.ok{background:#E4F0EA;color:var(--green)}.jobrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--hair);border-radius:16px;padding:16px 18px;margin-bottom:9px;cursor:pointer}.jobrow:hover{border-color:#d8d7d1;background:#FAF9F6}.jobmid{flex:1 1;min-width:0}.jobname{font-size:16px;font-weight:800;letter-spacing:-.3px}.jobmeta{font-size:13px;color:var(--muted);font-weight:600;margin-top:3px}.jobgo{flex:0 0 auto;font-size:13px;font-weight:800;background:var(--ink);color:#fff;border-radius:20px;padding:8px 14px}.histsec{margin-top:30px}.histrow{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--hair);border-radius:14px;padding:14px 16px;margin-bottom:8px}.histmid{flex:1 1;min-width:0}.histid{font-size:15px;font-weight:800;letter-spacing:-.2px}.histmeta{font-size:13px;color:var(--muted);font-weight:600;margin-top:2px}.histstat{text-align:right;font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:3px;flex:0 0 auto}.histstat .hv{font-size:12px;font-weight:800;color:var(--amber)}.histrow.click{width:100%;text-align:left;cursor:pointer}.histrow.click:hover{border-color:#d8d7d1;background:#FAF9F6}.histsearch{margin-bottom:10px}.histmore{font-size:12.5px;color:var(--muted);font-weight:600;text-align:center;margin-top:6px}.steps{display:flex;gap:10px;margin-bottom:18px}.step{flex:1 1;text-align:center}.step .n{width:34px;height:34px;border-radius:50%;border:1.5px solid #dad9d3;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;margin:0 auto 7px}.step .n,.step .t{color:var(--muted)}.step .t{font-size:12px;font-weight:700}.step.done .n{background:var(--green);border-color:var(--green);color:#fff}.step.done .t,.step.now .t{color:var(--ink)}.step.now .n{background:var(--ink);border-color:var(--ink);color:#fff}.scanbox{border:2px dashed #cfcec7;border-radius:22px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff}.scanbox .ico{width:58px;height:44px;border:2.5px solid var(--ink);border-radius:10px;position:relative}.scanbox .ico:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:var(--coral)}.scanbox .tt{font-size:15px;font-weight:700}.scanbox .ss{font-size:12.5px;color:var(--muted);font-weight:600}.recv{margin-top:18px}.recv .lbl{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.ritem{background:#fff;border:1px solid var(--hair);border-radius:16px;padding:14px 16px;margin-bottom:9px;gap:12px}.ritem,.ritem .ck{display:flex;align-items:center}.ritem .ck{width:22px;height:22px;border-radius:7px;background:var(--green);color:#fff;justify-content:center;font-size:13px;flex:0 0 auto}.ritem.pending .ck{background:#EDECE7;color:#c3c2bb}.ritem.now{border-color:var(--ink)}.ritem .mid{flex:1 1;min-width:0}.ritem .rn{font-size:15px;font-weight:700;letter-spacing:-.3px}.ritem .rl{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:2px}.ritem .rl b{color:var(--ink)}.ritem .rq{font-size:16px;font-weight:800}.pdock{margin-top:8px;width:100%;height:58px;border-radius:18px;background:var(--coral);color:#fff;border:0;font:800 15px Inter,Noto Sans Thai,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.pdock:hover{opacity:.92}.docrow{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid var(--hair);border-radius:16px;padding:15px 17px;margin-bottom:9px;cursor:pointer}.docrow:hover{border-color:#d8d7d1;background:#FAF9F6}.docmid{flex:1 1;min-width:0}.docid{font-size:16px;font-weight:800;letter-spacing:-.2px}.docmeta{font-size:13px;color:var(--muted);font-weight:600;margin-top:3px}.docqty{font-size:20px;font-weight:800;text-align:right;flex:0 0 auto}.docqty small{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-top:2px}.movesum{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:22px;max-width:560px}.msbox{background:#fff;border:1px solid var(--hair);border-radius:16px;padding:14px 16px}.msbox .k{font-size:12px;font-weight:700;color:var(--muted)}.msbox .v{font-size:30px;font-weight:800;letter-spacing:-1px;margin-top:3px}.net.pos,.v.pos{color:var(--green)}.net.neg,.v.neg{color:var(--coral)}.net.flat{color:var(--muted)}.seclbl{display:flex;justify-content:space-between;align-items:center;margin:4px 0 6px}.seclbl span{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.seclbl-actions{display:flex;align-items:center;gap:10px}.segtoggle{display:inline-flex;background:#EDECE7;border-radius:30px;padding:3px}.segtoggle button{border:0;background:transparent;border-radius:24px;padding:7px 14px;font:700 13px Inter,Noto Sans Thai,sans-serif;color:var(--muted);white-space:nowrap}.segtoggle button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}.seclbl-actions .datesel{padding:5px 6px 5px 13px}.seclbl-actions .datesel select{padding:6px 10px;font-size:13.5px}.movelist{background:#fff;border:1px solid var(--hair);border-radius:18px;padding:4px 18px}.srow{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--hair)}.lrow:first-child,.srow:first-child{border-top:0}.srow .mid{flex:1 1;min-width:0}.srow .nm{font-size:15px;font-weight:700;letter-spacing:-.3px}.srow .meta{font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mchip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;background:#F2F1EC;color:#55554e}.mchip.sale{background:#FBE7E2;color:var(--coral)}.mchip.receive,.mchip.transfer_in{background:#E4F0EA;color:var(--green)}.mchip.transfer_out{background:#FBF1E2;color:var(--amber)}.mchip.adjust{background:#ECECF4;color:#6a6a8a}.net{font-size:24px;font-weight:800;letter-spacing:-.5px;text-align:right;flex:0 0 auto}.net small{display:block;font-size:10px;font-weight:600;color:var(--muted);margin-top:2px}.lrow{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--hair)}.lrow .time{font-size:13px;font-weight:800;width:48px;flex:0 0 auto}.lrow .nm{font-size:14.5px;font-weight:700;letter-spacing:-.2px}.lrow .meta{font-size:12px;color:var(--muted);font-weight:600;margin-top:1px}.lrow .mid{flex:1 1;min-width:0}.lrow .net{font-size:20px}.movelist .empty{padding:40px;text-align:center;color:var(--muted);font-weight:600;font-size:14px}.possplit{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:20px;gap:20px;align-items:start}.posmain{min-width:0}.poscart{position:-webkit-sticky;position:sticky;top:20px;background:#fff;border:1px solid var(--hair);border-radius:18px;max-height:calc(100vh - 110px);display:flex;flex-direction:column;overflow:hidden}@media(max-width:1099px){.possplit{grid-template-columns:1fr}.poscart{display:none!important}}@media(min-width:1100px){.cartbar{display:none!important}}.cartinner{display:flex;flex-direction:column;min-height:0;height:100%}.carthead{display:flex;justify-content:space-between;align-items:baseline;padding:16px 18px 12px;border-bottom:1px solid var(--hair)}.carthead span:first-child{font-size:16px;font-weight:800;letter-spacing:-.3px}.cartdest{font-size:13px}.cartdest,.cartempty{font-weight:700;color:var(--muted)}.cartempty{padding:40px 20px;text-align:center;font-size:14px;line-height:1.7}.cartempty small{font-size:12.5px;font-weight:600}.cartscroll{flex:1 1;overflow:auto;padding:8px 14px}.cartgroup{margin-bottom:6px}.cartgrouphd{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);padding:8px 4px 4px}.cline{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--hair)}.cartgroup .cline:first-of-type{border-top:0}.cline .clmid{flex:1 1;min-width:0}.cline .cln{font-size:13.5px;font-weight:700;letter-spacing:-.2px;line-height:1.25}.cline .clm{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.cartfoot{border-top:1px solid var(--hair);padding:14px 16px}.carttotal{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-weight:700}.carttotal span{font-size:13px;color:var(--muted)}.carttotal b{font-size:18px;font-weight:800}.cartdone{text-align:center;padding:30px 20px}.cartdone .trcheck{width:50px;height:50px;border-radius:50%;background:var(--green);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.cartdone .trref{font-size:15px;font-weight:800;letter-spacing:-.2px}.cartdone p{font-size:13px;color:#55554e;font-weight:600;margin:8px 0 4px}.searchrow{display:flex;gap:12px;align-items:stretch}.searchbar{flex:1 1;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--hair);border-radius:16px;padding:6px 14px}.scanbtn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:0;border-radius:16px;padding:0 20px;font-weight:800;font-size:14px}.scanbtn:hover{opacity:.92}.searchfilters{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.filterchip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--hair);border-radius:30px;padding:8px 15px 8px 10px;font-weight:700;font-size:13px;color:var(--ink)}.filterchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.filterchip .fcbox{width:18px;height:18px;border-radius:6px;border:1.5px solid #cfcec7;display:flex;align-items:center;justify-content:center;font-size:11px}.filterchip.on .fcbox{background:#fff;color:var(--ink);border-color:#fff}.filterhint{font-size:12px;color:var(--muted);font-weight:600}.scanmodal{background:#16160F;border-radius:22px;padding:34px 40px;text-align:center;color:#fff}.scanframe{width:200px;height:130px;border:2px solid #4a4a40;border-radius:14px;position:relative;margin:0 auto 18px;overflow:hidden}.scanline{position:absolute;left:10px;right:10px;height:2px;background:var(--coral);top:0;animation:scanmove 1.1s ease-in-out infinite}@keyframes scanmove{0%{top:12%}50%{top:88%}to{top:12%}}.scantext{font-size:16px;font-weight:800}.scansub{font-size:12.5px;color:#9a9a93;font-weight:600;margin-top:5px}.bp-transfer{margin-left:4px;font-size:12px;font-weight:800;background:var(--coral);color:#fff;border:0;border-radius:14px;padding:6px 12px}.bp-transfer:hover{opacity:.92}.bp-transfer.added{background:var(--green)}.cartbar{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:40;gap:12px;background:var(--ink);border:0;border-radius:30px;padding:14px 22px;font-size:15px;font-weight:800;box-shadow:0 18px 40px -14px rgba(0,0,0,.55)}.cartbar,.cartcount{display:inline-flex;align-items:center;color:#fff}.cartcount{background:var(--coral);border-radius:20px;min-width:26px;height:26px;justify-content:center;font-size:13px}.cartcta{color:#ffd9d0}.cartcard{max-width:460px}.cartlist{margin:14px 0 16px;max-height:50vh;overflow:auto}.cartline{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--hair)}.cartline:first-child{border-top:0}.clmid{flex:1 1;min-width:0}.cln{font-size:15px;font-weight:700;letter-spacing:-.2px}.clm{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:2px}.clqty{display:flex;align-items:center;gap:8px;flex:0 0 auto}.clqty button{width:32px;height:32px;border-radius:9px;border:1.5px solid #dad9d3;background:#fff;font-size:17px;line-height:0;color:var(--ink)}.clqty span{min-width:26px;text-align:center;font-weight:800;font-size:16px}.clrm{width:30px;height:30px;border-radius:50%;background:#F2F1EC;border:0;color:var(--ink);font-size:13px;flex:0 0 auto}.trname{font-size:18px;font-weight:800;letter-spacing:-.4px;margin-top:14px}.trsku{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:3px}.trflow{display:flex;align-items:center;gap:10px;margin:16px 0;background:#F7F6F2;border-radius:14px;padding:14px}.trnode{flex:1 1;display:flex;flex-direction:column;gap:2px}.trlbl{font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.trlbl,.trval{font-weight:800}.trval{font-size:15px;letter-spacing:-.3px}.trsmall{font-size:11.5px;color:var(--muted);font-weight:600}.trarrow{font-size:20px;color:var(--coral);font-weight:800;flex:0 0 auto}.trfield{margin-top:12px}.trfield label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:7px}.qtystep{display:flex;align-items:center;gap:10px}.qtystep button{width:40px;height:40px;border-radius:12px;border:1.5px solid #dad9d3;background:#fff;font-size:20px;color:var(--ink);line-height:0}.qtystep input{width:74px;height:40px;border:1px solid var(--hair);border-radius:12px;text-align:center;font:800 18px Inter,sans-serif;color:var(--ink)}.qtymax{font-size:12.5px;color:var(--muted);font-weight:700}.trnote{width:100%;height:42px;border:1px solid var(--hair);border-radius:12px;padding:0 13px;font:600 14px Inter,Noto Sans Thai,sans-serif;color:var(--ink)}.trnote::placeholder{color:#b3b2aa}.assignrow{display:flex;gap:12px}.assignpreview{margin-top:14px;background:#F7F6F2;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700;text-align:center}.assignpreview b{font-size:16px}.trdone{text-align:center;padding:8px 4px 4px}.trcheck{width:54px;height:54px;border-radius:50%;background:var(--green);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;margin:6px auto 12px}.trref{font-size:18px;font-weight:800;letter-spacing:-.3px}.trdone p{font-size:13.5px;color:#55554e;font-weight:600;line-height:1.6;margin-top:10px}.searchbar:focus-within{border-color:#cfcec7;box-shadow:0 0 0 3px rgba(22,22,15,.05)}.searchbar .si{font-size:20px;color:var(--muted);flex:0 0 auto}.searchbar input{flex:1 1;border:0;outline:0;background:transparent;font:600 16px Inter,Noto Sans Thai,sans-serif;color:var(--ink);padding:12px 0}.searchbar input::placeholder{color:#b3b2aa;font-weight:500}.sclear{width:28px;height:28px;border-radius:50%;background:#F2F1EC;border:0;color:var(--ink);font-size:13px;flex:0 0 auto}.prodsearch{margin-bottom:6px}.prodsearch:not(.compact){padding:30px 0 8px;text-align:center}.prodsearch.compact{padding:0 0 4px}.psheadline{font:800 27px Inter,Noto Sans Thai,sans-serif;letter-spacing:-.5px;color:var(--ink);margin-bottom:18px}.searchbar.big{border-radius:18px;border-width:2px;padding:10px 18px;box-shadow:0 6px 22px rgba(22,22,15,.06);max-width:680px;margin:0 auto}.prodsearch.compact .searchbar.big{max-width:none;box-shadow:none}.searchbar.big .si{font-size:26px}.searchbar.big input{font-size:19px;padding:16px 0}.prodsearch .searchfilters{justify-content:center;margin-top:14px}.prodsearch.compact .searchfilters{justify-content:flex-start}.verdict{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:13px;font-size:16px}.verdict.ok{background:#eaf6ec;color:#1f7a3d}.verdict.no{background:#f6efe9;color:#9a6a4a}.verdict .vmark{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800;flex:0 0 auto}.verdict.ok .vmark{background:#2f9e54}.verdict.no .vmark{background:#c08457}.verdict .vtext{font-weight:700}.verdict .vtext b{font-weight:800}.vbins{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.searchhint{text-align:center;padding:60px 20px;color:var(--muted);max-width:560px;margin:0 auto}.searchhint .shbig{font-size:48px;color:#cdccc4}.searchhint p{font-size:15px;font-weight:600;margin-top:14px;line-height:1.6}.searchhint b{color:var(--ink)}.searchhint .shtags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px}.reslist{margin-top:18px}.rescount{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.rescard{background:#fff;border:1px solid var(--hair);border-radius:18px;padding:18px 20px;margin-bottom:12px}.reshead{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--hair)}.resimg{width:56px;height:56px;border-radius:11px;object-fit:cover;background:#f2f1ec;border:1px solid var(--hair);flex:0 0 auto}.resimg.ph{display:flex;align-items:center;justify-content:center;font-size:24px;color:#c9c8c0}.resmid{flex:1 1;min-width:0}.resname{font-size:17px;font-weight:800;letter-spacing:-.4px;line-height:1.2}.resmeta{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:3px}.restotal{font-size:24px;font-weight:800;letter-spacing:-1px;text-align:right;flex:0 0 auto}.restotal small{display:block;font-size:10.5px;font-weight:600;color:var(--muted);margin-top:2px}@media (pointer:coarse){.searchbar.big{padding:14px 20px}.searchbar.big input{font-size:21px}.searchbar.big .si{font-size:28px}.psheadline{font-size:30px}.resimg{width:68px;height:68px}.resname{font-size:19px}.resmeta{font-size:14px}.restotal{font-size:27px}.verdict{font-size:18px;padding:15px 16px}.verdict .vmark{width:30px;height:30px;font-size:16px}.loc-pill{padding:11px 17px}.loc-pill .lq,.loc-pill b{font-size:17px}.bp-transfer{font-size:14px;padding:9px 16px}.branch-pill{padding:9px 14px}.filterchip{font-size:15px;padding:9px 15px}}.herebox{margin-top:14px}.herelabel,.otherlabel{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.hereempty{font-size:14px;font-weight:700;color:var(--muted)}.herelocs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.loc-pill{display:inline-flex;align-items:center;gap:8px;background:#F7F6F2;border:1px solid var(--hair);border-radius:30px;padding:8px 14px}.loc-pill .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.loc-pill .dot.filled{background:var(--green)}.loc-pill .dot.low{background:var(--coral)}.loc-pill .dot.free{background:var(--amber)}.loc-pill b{letter-spacing:-.3px}.loc-pill .lq,.loc-pill b{font-size:15px;font-weight:800}.loc-pill .lst{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:#EAE7DF;color:#55554e}.loc-pill .lst.low{background:#FBE3DD;color:var(--coral)}.loc-pill .lst.free{background:#FBF1E2;color:var(--amber)}.loc-pill .lst.filled{background:#E4F0EA;color:var(--green)}.heretot{font-size:12.5px;font-weight:700;color:var(--muted)}.otherbox{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair)}.otherrow{display:flex;gap:8px;flex-wrap:wrap}.branch-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:7px 12px}.branch-pill .bp-name{font-size:13px;font-weight:700}.branch-pill .bp-loc{font-size:12px;font-weight:700;color:var(--muted)}.branch-pill .bp-qty{font-size:13px;font-weight:800;background:#F2F1EC;border-radius:14px;padding:1px 9px}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px;font-size:12px;font-weight:700;color:#55554e}.legend span{display:inline-flex;align-items:center;gap:6px}.lg{width:14px;height:14px;border-radius:4px;display:inline-block}.lg.filled{background:#EAE7DF;border:1px solid #d9d6cc}.lg.low{background:#FBE3DD;border:1px solid var(--coral)}.lg.empty{background:#fff;border:1px dashed #c7c6bf}.lg.free{background:#F7E7C6;border:1px solid var(--amber)}.freezone{background:#FCF6EA;border:1.5px solid var(--amber);border-radius:20px;padding:18px 20px;margin-bottom:20px}.fzhead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.fztitle{font-size:16px;font-weight:800;letter-spacing:-.3px;color:#8a5a10}.fzsub{font-size:12.5px;font-weight:600;margin-top:2px}.fzcount,.fzsub{color:var(--amber)}.fzcount{font-size:26px;font-weight:800;letter-spacing:-1px;text-align:right;line-height:1}.fzcount small{display:block;font-size:11px;font-weight:600;color:#b08a4a;margin-top:2px}.fzgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:10px;gap:10px}.fzitem{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #efe3cb;border-radius:14px;padding:12px 14px}.fzitem .mid{flex:1 1;min-width:0}.fzitem .nm{font-size:14px;font-weight:700;letter-spacing:-.2px}.fzitem .meta{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.fzqty{font-size:15px}.fzbtn,.fzqty{font-weight:800;flex:0 0 auto}.fzbtn{font-size:12px;background:var(--amber);color:#fff;border:0;border-radius:20px;padding:8px 12px}.fzempty{font-size:13px;color:var(--green);font-weight:700;padding:4px 0}.fzlock{font-size:12px;font-weight:700;color:var(--muted);flex:0 0 auto}.rolenote{background:#F2F1EC;border:1px solid var(--hair);border-radius:12px;padding:11px 15px;font-size:13.5px;font-weight:700;color:#55554e;margin-bottom:16px}.zedlist{margin:6px 0 14px;max-height:34vh;overflow:auto}.zedrow{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--hair)}.zedrow:first-child{border-top:0}.zedrow.editing{background:#FAF9F6;margin:0 -8px;padding:11px 8px;border-radius:8px}.zedmid{flex:1 1;min-width:0}.zedname{font-size:14.5px;font-weight:700;letter-spacing:-.2px}.zedmeta{font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}.zeddel{font-size:12.5px;font-weight:700;background:#FBE3DD;color:var(--coral);border:0;border-radius:16px;padding:6px 12px}.zedform{background:#F7F6F2;border-radius:14px;padding:14px}.zedformhd{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:10px}.zedfields{display:flex;gap:10px;margin-bottom:10px}.zedf{display:flex;flex-direction:column;gap:5px;flex:0 0 auto}.zedf.grow{flex:1 1}.zedf span{font-size:11.5px;font-weight:700;color:var(--muted)}.zedf input{height:40px;border:1px solid var(--hair);border-radius:10px;padding:0 11px;font:600 14px Inter,Noto Sans Thai,sans-serif;color:var(--ink);width:100px;background:#fff}.zedf.grow input{width:100%}.zedf input:disabled{background:#EDECE7;color:var(--muted)}.zedtotal{height:40px;display:flex;align-items:center;font-weight:800;font-size:14px}.zederr{font-size:12.5px;font-weight:700;color:var(--coral);margin-top:2px}.zonegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:16px;gap:16px}.zone{background:#fff;border:1px solid var(--hair);border-radius:20px;padding:18px}.zhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.zhead h3{font-size:15px;font-weight:800;letter-spacing:-.3px}.zcount{font-size:12px;font-weight:700;color:var(--muted)}.zline{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rl{font-size:11px;font-weight:700;color:var(--muted);width:38px;flex:0 0 auto}.bins{display:grid;grid-gap:7px;gap:7px;flex:1 1}.bin{height:46px;border-radius:10px;font-size:13px;font-weight:800;color:var(--ink);border:1px solid transparent;display:flex;align-items:center;justify-content:center}.bin.filled{background:#EAE7DF;color:var(--ink);border-color:#DCD9CF}.bin.low{background:#FBE3DD;color:var(--coral);border-color:#EFB9AC}.bin.empty{background:#fff;border:1px dashed #d2d1ca;color:#bdbcb4}.bin:hover{filter:brightness(.97)}.bin.sel{outline:2.5px solid var(--ink);outline-offset:1px}.bin.justput{box-shadow:0 0 0 2px var(--amber) inset}.modal{position:fixed;inset:0;background:rgba(0,0,0,.32);display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.modalcard{width:100%;max-width:380px;background:#fff;border-radius:22px;padding:22px}.shtop{display:flex;justify-content:space-between;align-items:center}.shcode{font-size:16px;font-weight:800;letter-spacing:-.3px}.shx{width:32px;height:32px;border-radius:50%;background:#F2F1EC;border:0;font-size:15px;color:var(--ink)}.shname{font-size:20px;font-weight:800;letter-spacing:-.4px;margin-top:14px}.shsku{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:3px}.shqtyrow{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.shtag{font-size:12px;font-weight:700;padding:5px 13px;border-radius:20px}.shtag.filled{background:#E4F0EA;color:var(--green)}.shtag.low{background:#FBE7E2;color:var(--coral)}.shqty{font-size:38px;font-weight:800;letter-spacing:-1.5px}.shempty{font-size:14px;color:var(--muted);font-weight:600;margin-top:16px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}.kpi{background:#fff;border:1px solid var(--hair);border-radius:18px;padding:18px}.kpi .k{font-size:12px;font-weight:700;color:var(--muted)}.kpi .v{font-size:40px;font-weight:800;letter-spacing:-2px;margin-top:8px;line-height:.9}.kpi .v small{font-size:16px;font-weight:700;color:var(--muted);letter-spacing:0}.kpi .ktag{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;margin-top:10px}.kpi.alert{border-color:var(--coral)}.kpi .ktag.c,.kpi.alert .v{color:var(--coral)}.kpi .ktag.c{background:#FBE7E2}button.kpi{font-family:inherit;text-align:left;width:100%;cursor:pointer}.kpi.clickable:hover{border-color:#cfcec7;box-shadow:0 6px 18px -10px rgba(0,0,0,.18)}.dlist{margin:12px 0 16px;max-height:50vh;overflow:auto}.drow2{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--hair)}.drow2:first-child{border-top:0}.drow2 .mid{flex:1 1;min-width:0}.drow2 .an{font-size:14.5px;font-weight:700;letter-spacing:-.2px}.drow2 .am{font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}.lowqty{font-size:20px;color:var(--coral)}.lowqty,.overdue{font-weight:800;flex:0 0 auto}.overdue{font-size:13px;color:var(--amber)}.kpi .ktag.a{background:#FBF1E2;color:var(--amber)}.kpi .ktag.g{background:#E4F0EA;color:var(--green)}.cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.panel{background:#fff;border:1px solid var(--hair);border-radius:20px;padding:20px}.panel h2{font-size:16px;font-weight:800;letter-spacing:-.4px;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.panel h2 .badge{font-size:11px;font-weight:800;background:var(--coral);color:#fff;border-radius:20px;padding:3px 9px}.panel .hint{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:14px}.brow{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--hair)}.brow:first-of-type{border-top:0}.brow .bn{font-size:14px;font-weight:700;width:92px;letter-spacing:-.2px}.brow .bn .c{font-size:10px;background:var(--ink);color:#fff;padding:1px 6px;border-radius:14px;margin-left:5px;font-weight:700}.track{flex:1 1;height:8px;background:#EDECE7;overflow:hidden}.track,.track i{border-radius:10px}.track i{display:block;height:100%}.pct{font-size:14px;font-weight:800;width:46px;text-align:right;letter-spacing:-.3px}.arow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--hair)}.arow:first-of-type{border-top:0}.arow .mid{flex:1 1;min-width:0}.arow .an{font-size:14px;font-weight:700;letter-spacing:-.2px}.arow .am{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.arow .vr{font-size:13px;font-weight:800;color:var(--amber);width:38px;text-align:center}.arow .go{font-size:12px;font-weight:800;background:var(--ink);color:#fff;border:0;border-radius:30px;padding:7px 13px}.full{margin-top:18px}.rrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--hair);flex-wrap:wrap}.rrow .mid{flex:1 1;min-width:160px}.rrow .rn{font-size:14px;font-weight:700;letter-spacing:-.2px}.rrow .rm{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.rrow .rm b{color:var(--coral)}.rrow .sug{font-size:12px;font-weight:700;color:var(--ink);background:#F2F1EC;border-radius:30px;padding:6px 12px}.rrow .sug.green{color:var(--green)}.rrow .act{font-size:12px;font-weight:800;background:var(--coral);color:#fff;border:0;border-radius:30px;padding:8px 14px}.dnote{font-size:12px;color:var(--muted);font-weight:600;text-align:center;margin-top:18px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:14px;font-weight:700;padding:14px 22px;border-radius:30px;box-shadow:0 18px 40px -14px rgba(0,0,0,.55);z-index:60}.selfield{width:100%;height:44px;border:1px solid var(--hair);border-radius:12px;padding:0 12px;font:600 14px Inter,Noto Sans Thai,sans-serif;color:var(--ink);background:#fff}.otabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.otab{background:#fff;border:1px solid var(--hair);border-radius:30px;padding:8px 16px;font-size:13px;font-weight:700;color:var(--muted)}.otab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.otable{background:#fff;border:1px solid var(--hair);border-radius:18px;overflow:hidden}.otable .empty{padding:44px 18px;text-align:center;color:#a8a79d;font-weight:600;font-size:14px}.orow,.othead{display:grid;grid-template-columns:140px 1.6fr 1.5fr 70px 110px 100px;grid-gap:14px;gap:14px;align-items:center;padding:13px 18px}.othead{background:#F7F6F2;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.orow{border-top:1px solid var(--hair);font-size:13.5px}.oc-ref b{font-weight:800;letter-spacing:-.2px;display:block}.otype{font-size:10px;font-weight:800;padding:1px 7px;border-radius:12px;display:inline-block;margin-top:3px}.otype.po{background:#ECECF4;color:#6a6a8a}.otype.transfer{background:#E4F0EA;color:var(--green)}.oc-prod .opn{font-weight:700;display:block;letter-spacing:-.2px}.oc-prod small,.oc-ref small{font-size:11px;color:var(--muted);font-weight:600}.oc-route{color:#55554e;font-weight:600;font-size:12.5px}.oc-route i{color:var(--coral);font-style:normal;font-weight:800;margin:0 3px}.oc-qty{font-weight:800;font-size:15px}.obadge{font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:20px;white-space:nowrap}.obadge.ok{background:#E4F0EA;color:var(--green)}.obadge.warn{background:#FBF1E2;color:var(--amber)}.obadge.ship{background:#E4ECF7;color:#2C5AA0}.obadge.wait{background:#F2F1EC;color:#55554e}.obadge.bad{background:#FBE3DD;color:var(--coral)}.etatag{display:block;font-size:11px;font-weight:700;color:#2C5AA0;margin-top:4px}.orow.clickable{cursor:pointer}.orow.clickable:hover{background:#FAF9F6}.recvbtn{font-size:12px;font-weight:800;background:var(--coral);color:#fff;border:0;border-radius:20px;padding:7px 12px}.timeline{display:flex;align-items:flex-start;margin:18px 0 6px}.tlstep{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.tlstep:before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:2px;background:#E2E0D8;z-index:0}.tlstep:first-child:before{display:none}.tlstep.done:before,.tlstep.now:before{background:var(--green)}.tldot{width:28px;height:28px;border-radius:50%;background:#EDECE7;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;z-index:1;border:2px solid #edece7}.tlstep.done .tldot{background:var(--green);border-color:var(--green);color:#fff}.tlstep.now .tldot{background:var(--ink);border-color:var(--ink);color:#fff}.tllabel{font-size:11.5px;font-weight:700;color:var(--muted);text-align:center}.tlstep.done .tllabel,.tlstep.now .tllabel{color:var(--ink)}.shipinfo{display:flex;gap:24px;background:#F7F6F2;border-radius:12px;padding:13px 16px;margin-top:14px}.shipinfo div{display:flex;flex-direction:column;gap:2px}.shipinfo span{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.shipinfo b{font-size:15px;font-weight:800;letter-spacing:-.2px}.rejectbox{background:#FBE3DD;color:var(--coral);font-weight:700;font-size:14px;border-radius:12px;padding:14px 16px;margin-top:16px}.detailactions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.linelist{margin-top:16px;border-top:1px solid var(--hair)}.lineitem{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair)}.lineitem.short{background:#FCF4F1;margin:0 -8px;padding:12px 8px;border-radius:8px}.limid{flex:1 1;min-width:0}.lin{font-size:14.5px;letter-spacing:-.2px}.lin,.lireason{font-weight:700}.lireason{font-size:12px;color:var(--coral);margin-top:3px}.bo-tag,.lireason.bo{color:var(--amber)}.bo-tag{display:inline-block;font-size:10.5px;background:#FBF1E2;border-radius:12px;padding:2px 8px;margin-top:4px}.bo-tag,.liqty{font-weight:800}.liqty{font-size:16px;flex:0 0 auto}.liqty span{color:var(--muted);font-weight:700;font-size:13px}.packlist{margin:12px 0 16px;max-height:52vh;overflow:auto}.packline{padding:13px 0;border-top:1px solid var(--hair)}.packline:first-child{border-top:0}.packline.short .pkn{color:var(--coral)}.pkhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pkn{font-size:15px;letter-spacing:-.2px}.pkn,.pkreq{font-weight:700}.pkreq{font-size:12.5px;color:var(--muted)}.pkrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pkship{font-size:12.5px;font-weight:700;color:#55554e}.pkreason{flex:1 1;min-width:150px;height:38px;border:1px solid var(--hair);border-radius:10px;padding:0 10px;font:700 13px Inter,Noto Sans Thai,sans-serif;color:var(--ink);background:#fff}.pkreason.need{border-color:var(--coral);background:#FCF4F1}.next:disabled{opacity:.45}.modalcard.builderbig{max-width:780px;width:100%}.kindhint{font-size:12.5px;font-weight:600;color:var(--muted);background:#F2F1EC;border-radius:10px;padding:9px 12px;margin-top:10px}.buildersplit{display:grid;grid-template-columns:1fr 320px;grid-gap:18px;gap:18px;margin-top:14px}.builderpick{min-width:0;display:flex;flex-direction:column}.builderpick .searchbar{flex:0 0 auto;align-self:stretch}.importbar{display:flex;gap:8px;margin-top:8px}.impbtn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#F2F1EC;color:var(--ink);border:1px dashed #c7c6bf;border-radius:12px;padding:9px 12px;font-weight:800;font-size:12.5px;cursor:pointer}.impbtn:hover{background:#EBEAE3;border-color:var(--ink)}.imptmpl{flex:0 0 auto;background:#fff;color:var(--muted);border:1px solid var(--hair);border-radius:12px;padding:9px 13px;font-weight:700;font-size:12px;cursor:pointer}.imptmpl:hover{color:var(--ink)}.impmsg{margin-top:8px;font-size:12.5px;font-weight:700;color:var(--green);background:#F3F6F4;border:1px solid #cfe3d8;border-radius:10px;padding:8px 11px}.impmsg.err{color:var(--coral);background:#FCF2F0;border-color:#F2D2CB}.impunmatched{font-size:11.5px;font-weight:600;color:var(--coral);margin-top:4px}.picklist{margin-top:10px;max-height:48vh;overflow:auto;border:1px solid var(--hair);border-radius:14px}.pickrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--hair);padding:12px 14px;cursor:pointer}.pickrow:last-child{border-bottom:0}.pickrow:hover{background:#FAF9F6}.pickrow.in{background:#F3F6F4}.pkmid{flex:1 1;min-width:0}.pkname{font-size:14px;font-weight:700;letter-spacing:-.2px}.pkmeta{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.pkadd{font-size:12px;color:#fff;background:var(--ink);border-radius:16px;padding:6px 12px}.pkadd,.pkin{flex:0 0 auto;font-weight:800}.pkin{font-size:12.5px;color:var(--green)}.buildercart{display:flex;flex-direction:column;background:#F7F6F2;border-radius:14px;padding:14px}.buildercart .cartscroll{max-height:34vh;overflow:auto;flex:1 1}.ghost-btn.small{padding:6px 12px;font-size:12.5px}@media(max-width:720px){.buildersplit{grid-template-columns:1fr}.buildercart{order:-1}.picklist{max-height:38vh}}.splitpreview{background:#fff;border:1px dashed var(--amber);border-radius:12px;padding:10px 12px;margin-bottom:12px}.splbl{font-size:12.5px;font-weight:800;color:#8a5a10;margin-bottom:6px}.splrow{display:flex;justify-content:space-between;font-size:13px;font-weight:600;padding:3px 0}.splrow b{font-weight:800}.splitlist{margin:14px 0 4px;text-align:left}.splitrow{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#F7F6F2;border-radius:12px;padding:11px 14px;margin-bottom:8px}.splitrow b{font-size:14px;font-weight:800;letter-spacing:-.2px}.splitrow span{color:var(--muted)}.groupnote,.splitrow span{font-size:12.5px;font-weight:700}.groupnote{color:var(--amber);margin-top:6px}.osum{font-size:12.5px;color:var(--muted);font-weight:700;margin-top:14px;text-align:center}.vlist{display:flex;flex-direction:column;gap:10px}.vcard{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--hair);border-radius:16px;padding:15px 18px}.vcard.approved{border-color:#CDE5D8;background:#FAFCFB}.vcard.rejected{opacity:.6}.vmain{flex:1 1;min-width:0}.vname{font-size:15px;font-weight:800;letter-spacing:-.3px}.vsrc{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:#fdebd0;color:#9c5a12;font-size:11px;font-weight:700;vertical-align:middle}.vmeta{font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}.vdelta{font-size:24px;font-weight:800;letter-spacing:-.5px;text-align:center;flex:0 0 auto;width:80px}.vdelta.neg{color:var(--coral)}.vdelta.pos{color:var(--green)}.vdelta small{display:block;font-size:10px;font-weight:600;color:var(--muted);margin-top:2px}.vactions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.vreject{background:#fff;border:1px solid var(--hair);border-radius:20px;padding:8px 13px;color:#55554e}.vapprove,.vreject{font-size:12.5px;font-weight:800}.vapprove{background:var(--ink);color:#fff;border:0;border-radius:20px;padding:8px 14px}.vundo{font-size:12px;font-weight:700;background:#F2F1EC;border:0;border-radius:16px;padding:8px 13px;color:var(--ink)}.vresult{font-size:12.5px;font-weight:800;margin-top:5px}.vresult.ok{color:var(--green)}.vresult.bad{color:var(--coral)}.vresult.wait{color:var(--amber)}.zortbar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#FCF6EA;border:1px solid #efe3cb;border-radius:14px;padding:13px 16px;margin-bottom:18px;font-size:13.5px;font-weight:600;color:#8a5a10}.zortbar b,.zortbtn{font-weight:800}.zortbtn{flex:0 0 auto;background:var(--ink);color:#fff;border:0;border-radius:30px;padding:10px 18px;font-size:13.5px}.zortbtn:disabled{opacity:.4}.vbranch{margin-bottom:18px}.vbranchhd{font-size:13px;font-weight:800;letter-spacing:.3px;color:var(--ink);margin-bottom:8px;display:flex;align-items:center;gap:8px}.vbranchhd span{font-size:12px;font-weight:700;color:var(--muted)}.vcard.synced{opacity:.7}.vlocked{font-size:12.5px;font-weight:800;color:var(--green)}.vtabs{display:flex;gap:8px;margin-top:14px}.vtab{flex:1 1;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:10px;font-size:13.5px;font-weight:700;color:var(--muted)}.vtab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.selecthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sellist{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.selrow{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--hair);border-radius:14px;padding:14px 16px;text-align:left;width:100%}.selrow.on{border-color:var(--ink)}.selbox{width:24px;height:24px;border-radius:8px;border:1.6px solid #dad9d3;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex:0 0 auto}.selrow.on .selbox{background:var(--ink);border-color:var(--ink)}.selmid{flex:1 1;min-width:0}.seln{font-size:15px;font-weight:700;letter-spacing:-.3px;display:block}.selsku{font-size:12px;color:var(--muted);font-weight:600}.packsheet,.printhead{display:none}@media print{body.printing-pack .app{display:none!important}.packsheet{display:block;color:#111}.pshead{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:14px}.pstitle{font-size:21px;font-weight:800}.pssub{font-size:12px;color:#555;margin-top:3px}.psref{text-align:right;font-size:17px;font-weight:800}.psref small{display:block;font-size:11px;color:#555;font-weight:600;margin-top:2px}.psroute{display:flex;gap:36px;margin-bottom:16px}.psroute span{display:block;font-size:10px;text-transform:uppercase;color:#666;letter-spacing:.5px}.psroute b{font-size:14px}.pstable{width:100%;border-collapse:collapse}.pstable th{text-align:left;font-size:11px;text-transform:uppercase;color:#555;border-bottom:1.5px solid #111;padding:7px 8px}.pstable td{padding:9px 8px;border-bottom:1px solid #ddd;font-size:13px}.pstable .psqty{font-weight:800;text-align:center}.pstable .pscheck{font-size:18px;text-align:center}.pssign{display:flex;justify-content:space-between;margin-top:34px;font-size:13px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body,html{height:auto!important;background:#fff!important}.cartbar,.detailactions,.headactions,.no-print,.oc-act,.otabs,.sidebar,.vactions{display:none!important}.app{min-height:0!important}.app,.content{display:block!important}.apphead{padding:0 0 6px!important}.apphead h1{font-size:22px}.main{padding:0!important;min-height:0!important}.flowwrap,.wrap{max-width:100%!important;margin:0!important}.printhead{display:block;margin-bottom:12px;border-bottom:2px solid var(--ink);padding-bottom:7px}.printhead h2{font-size:17px;font-weight:800}.printhead span{font-size:11.5px;color:#555;font-weight:600}.movelist,.otable,.panel,.rescard,.vcard{box-shadow:none}.orow,.othead{grid-template-columns:110px 1.6fr 1.4fr 50px 90px}.arow,.brow,.kpi,.lrow,.orow,.rrow,.srow,.vcard{page-break-inside:avoid;break-inside:avoid}.movesum,.otabs{margin-bottom:8px}}@media print{@page{size:A4;margin:12mm}}@media(max-width:980px){.kpis,.statstrip{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}}@media(max-width:760px){.othead{display:none}.orow{grid-template-columns:1fr auto;gap:6px 12px;row-gap:6px}.oc-ref{order:1}.oc-status{order:2;text-align:right}.oc-prod{order:3}.oc-qty{order:4;text-align:right}.oc-route{order:5;grid-column:1/-1}.oc-act{order:6;grid-column:1/-1}}@media(max-width:560px){.movesum{grid-template-columns:1fr 1fr}.vcard{flex-wrap:wrap}.vactions{width:100%;justify-content:flex-end}}.setsec{margin-top:4px}.sethd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:6px 0 12px}.sethd h2{font-size:17px;font-weight:800}.seterr{background:#FCF2F0;border:1px solid #f2d2cb;color:var(--coral);font-weight:700;font-size:13px;border-radius:10px;padding:9px 12px;margin-bottom:10px}.settable{background:#fff;border:1px solid var(--hair);border-radius:16px;overflow:hidden}.sethead,.setrow{display:flex;gap:12px;align-items:center;padding:12px 16px}.sethead{background:#F7F6F2;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.sethead span,.setrow span{flex:1 1;min-width:0;font-size:13.5px}.sethead .sn,.setrow .sn{flex:1.5 1;font-weight:700}.setrow{border-top:1px solid var(--hair)}.setrow.off{opacity:.5}.setrow .setact{flex:0 0 auto;display:flex;gap:6px;margin-left:auto}.pincell{font-family:ui-monospace,Menlo,monospace;font-weight:800;letter-spacing:1px}.setmeta{color:var(--muted);font-size:12px}.okdot{color:var(--green)}.offdot,.okdot{font-weight:700;font-style:normal}.offdot{color:var(--muted)}.hubtag{color:var(--amber);font-weight:700;font-style:normal;font-size:11.5px}.warnmeta{color:var(--coral);font-weight:700}.reorow{display:flex;gap:10px}.reorow .trfield{flex:1 1}.appheadtitle{display:flex;align-items:center;gap:12px}.backbtn{flex:0 0 auto;width:38px;height:38px;border-radius:12px;border:1px solid var(--hair);background:#fff;color:var(--ink);font-size:18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.backbtn:hover{background:#F2F1EC;border-color:var(--ink)}.partsbox{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#F3F6F4;border:1px solid #cfe3d8;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:12.5px;font-weight:700;color:var(--green)}.parttag{background:#fff;border:1px solid #cfe3d8;border-radius:20px;padding:4px 11px;font-weight:600;color:var(--ink)}.binitemcount{font-size:13px}.binitemcount,.shqty small{font-weight:700;color:var(--muted)}.shqty small{font-size:12px}.binitemlist{margin-top:12px;border-top:1px solid var(--hair)}.binitem{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--hair)}.binitem:last-child{border-bottom:0}.bimid{flex:1 1;min-width:0}.bin-n{font-size:14px;font-weight:700;letter-spacing:-.2px}.bin-sku{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.biqty{font-size:15px;font-weight:800;flex:0 0 auto}.putremain{font-size:13px;font-weight:700;color:var(--ink);background:#F2F1EC;border-radius:10px;padding:9px 12px;margin:10px 0}.putremain b{color:var(--coral)}.splitrow .clrm{margin-left:8px}.zstats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.zstats .zcount{font-size:13px;font-weight:800;color:var(--ink)}.zstats .zbins{font-size:11px;font-weight:600;color:var(--muted)}.delbtn{width:100%;margin-top:10px;background:#fff;color:var(--coral);border:1px solid #f2d2cb;border-radius:30px;padding:10px 14px;font-weight:800;font-size:13px;cursor:pointer}.delbtn:hover{background:#FCF2F0;border-color:var(--coral)}.editbinbtn{width:100%;margin-top:12px;justify-content:center}.rrow.incart{background:#F3F6F4;border-radius:10px}.act.on{background:var(--green);color:#fff;border-color:var(--green)}.reordercart{display:flex;align-items:center;gap:12px;justify-content:flex-end;background:#F7F6F2;border:1px solid var(--hair);border-radius:14px;padding:10px 14px;margin-top:12px}.reordercart .rcinfo{margin-right:auto;font-weight:700;font-size:13.5px}.putmode{display:flex;gap:6px;margin-bottom:10px}.pmtab{flex:1 1;background:#F2F1EC;border:1px solid var(--hair);border-radius:10px;padding:8px;font-weight:700;font-size:12.5px;color:var(--muted);cursor:pointer}.pmtab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.fzsearch{margin-bottom:10px;background:#fff}.fzpager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--muted)}.fzpager .ghost-btn.small:disabled{opacity:.4;cursor:default}.fzpginfo{min-width:160px;text-align:center}.zhead-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;cursor:pointer;padding:0;text-align:left}.zhead-toggle:hover h3{color:var(--coral)}.zchev{display:inline-block;width:16px;color:var(--muted);font-size:12px}.zone.collapsed{padding-bottom:14px}.zone.collapsed .zhead-toggle{margin-bottom:0}.zoneallctl{display:flex;align-items:center;gap:10px;background:#F7F6F2;border:1px solid var(--hair);border-radius:12px;padding:9px 14px;margin-bottom:12px;font-size:12.5px;font-weight:700;color:var(--muted)}.zoneallctl span{margin-right:auto}