/* Inventory styles from the approved preview */
.row.p{grid-template-columns:48px minmax(0,2fr) minmax(0,1.1fr) 110px 110px 120px}
.row.p img,.row.p .ni{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#efe7df;display:grid;place-items:center;font-size:11px;color:var(--muted);font-weight:700}
.row.p .pr{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.row.p .pr small{font-weight:400}
.st{justify-self:end;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--ok-soft);color:var(--ok);white-space:nowrap}.st.low{background:var(--warn-soft);color:var(--warn)}.st.out{background:var(--bad-soft);color:var(--bad)}
@media (max-width:760px){.row.p{grid-template-columns:48px minmax(0,1fr) auto}.row.p .cat,.row.p .pr.c{display:none}.row.p .pr{grid-column:2}.row.p .st{grid-row:1/3;grid-column:3}}
.big-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#efe7df}
.opt{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;font-size:14px;padding:6px 0;border-bottom:1px solid #f1e9e3}.opt:last-child{border-bottom:0}.opt small{color:var(--muted);font-size:12px;display:block}
.web{background:#eef3fb;border:1px solid #d6e2f3;color:#24476f;border-radius:12px;padding:10px 12px;font-size:13.5px}.web b{display:block}
.cnt-row{display:grid;grid-template-columns:50px minmax(0,1fr) 70px 80px 70px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f1e9e3;font-size:14px}.cnt-row input{width:80px;padding:7px 8px;border:1px solid var(--line);border-radius:9px;text-align:center}.cnt-row .d{text-align:right;font-weight:700}
.rcv-h{display:grid;grid-template-columns:minmax(0,1fr) 72px 100px 28px;gap:8px;font-size:12px;font-weight:600;color:var(--muted);padding-bottom:4px;border-bottom:1px solid var(--line)}.rcv-h span:nth-child(2),.rcv-h span:nth-child(3){text-align:right}
.rcv-tot{display:flex;justify-content:space-between;font-size:14px;font-weight:700;padding-top:8px}
.rcv-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 100px 28px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f1e9e3}.rcv-row input{width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:9px;text-align:right}
.dlg.wide{max-width:680px}
.mk{display:grid;grid-template-columns:minmax(0,1.4fr) 76px 120px 80px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f1e9e3;font-size:13.5px}.mk.h{font-size:12px;color:var(--muted);font-weight:600}.mk span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.mk input{width:70px;padding:6px;border:1px solid var(--line);border-radius:8px;text-align:right}
@media (max-width:560px){.mk{grid-template-columns:minmax(0,1fr) 60px 100px 64px;font-size:12.5px}.mk input{width:56px}}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.scanv{position:relative;height:150px;border-radius:14px;background:#1d1719;color:#fff;display:grid;place-items:center;font-size:13px;overflow:hidden}.scanl{position:absolute;left:12%;right:12%;height:2px;background:#ff4d6d;top:50%;box-shadow:0 0 12px #ff4d6d;animation:scl 1.4s ease-in-out infinite alternate}@keyframes scl{from{top:25%}to{top:75%}}
.sn{display:grid;grid-template-columns:minmax(0,1.2fr) 1fr 1fr 10px;gap:8px;padding:8px 6px;border-bottom:1px solid #f1e9e3;font-size:13.5px;border-radius:8px}.sn.h{font-size:12px;color:var(--muted);font-weight:600}.sn span:nth-child(2),.sn span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
.sres{list-style:none;margin:4px 0 0;padding:0;border:1px solid var(--line);border-radius:11px;background:#fff;max-height:240px;overflow:auto}.sres button{all:unset;cursor:pointer;display:flex;justify-content:space-between;gap:10px;width:calc(100% - 20px);padding:8px 10px;font-size:13.5px;border-bottom:1px solid #f1e9e3}.sres button:hover{background:var(--ivory)}.sres small{color:var(--muted)}
.pl{display:grid;grid-template-columns:minmax(0,1fr) 120px 64px 64px 28px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f1e9e3;font-size:13.5px}.pl.h{font-size:12px;color:var(--muted);font-weight:600}.pl input:not([type=checkbox]),.pl select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;min-width:0;background:#fff}.pl span{text-align:center}.pl input[type=checkbox]{width:18px;height:18px;accent-color:var(--wine)}
.avl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.avl div{background:var(--ivory);border-radius:10px;padding:8px}.avl b{display:block;font:600 22px/1 var(--display)}.avl small{font-size:12px;color:var(--muted)}
.row.p.selm{grid-template-columns:24px 48px minmax(0,2fr) minmax(0,1.1fr) 110px 110px 120px}.selbox{width:18px;height:18px;accent-color:var(--wine)}
.bulkbar{position:sticky;top:8px;z-index:9;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--wine);color:#fff;border-radius:14px;padding:9px 12px;margin-bottom:8px}.bulkbar[hidden]{display:none}.bulkbar .mini{background:#fff}.bulkbar .mini[disabled]{opacity:.5}
.fixban{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--warn-soft);color:var(--warn);border-radius:12px;padding:9px 12px;font-size:13.5px;margin-bottom:8px}.fixban[hidden]{display:none}
details.fx{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}details.fx summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14.5px}details.fx .row{border-radius:0;border-left:0;border-right:0}
@media (max-width:760px){.row.p.selm{grid-template-columns:24px 48px minmax(0,1fr) auto}}
.choice{all:unset;cursor:pointer;display:grid;gap:3px;border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:#fff;margin-bottom:10px;box-sizing:border-box;width:100%}.choice:hover,.choice:focus-visible{border-color:var(--wine);background:var(--wine-soft)}.choice b{color:var(--wine);font-size:15px}.choice span{font-size:13.5px}.choice small{font-size:12px;color:var(--muted)}
.eo{display:grid;grid-template-columns:minmax(0,1fr) 100px 70px 28px;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid #f1e9e3}.eo.h{font-size:12px;color:var(--muted);font-weight:600}.eo input{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px;min-width:0}.eo span:nth-child(3){text-align:center}
.mwrap{position:relative}.mnu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(40,10,20,.16);padding:6px;z-index:15;min-width:250px;display:grid}.mnu[hidden]{display:none}.mnu button{all:unset;cursor:pointer;padding:9px 11px;border-radius:10px;font-weight:600;font-size:14px;display:grid;gap:2px}.mnu button small{font-weight:400;color:var(--muted);font-size:12px}.mnu button:hover,.mnu button:focus-visible{background:var(--ivory)}
.frow .srch{flex:1 1 320px}#bFilt small{background:var(--wine);color:#fff;border-radius:999px;padding:0 6px;margin-left:6px;font-size:11px}.fpanel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px}.fpanel[hidden]{display:none}
#invMain .kpi{padding:9px 14px}#invMain .kpi b{font-size:22px}
.pvw{position:fixed;right:14px;bottom:14px;z-index:12;background:#fff;border:1px dashed var(--wine);border-radius:12px;padding:6px 10px;font-size:12px;color:var(--muted);display:grid;gap:2px;max-width:230px;box-shadow:0 6px 20px rgba(40,10,20,.12)}.pvw select{border:1px solid var(--line);border-radius:8px;padding:4px;font-size:12.5px}.pvw small{font-size:10.5px}@media (max-width:600px){.pvw small{display:none}.pvw{padding:4px 8px}.frow{flex-wrap:nowrap}@media(max-width:560px){.frow{flex-wrap:wrap}.frow .srch{flex-basis:100%}}}

.addg{display:inline-flex;gap:6px;flex-wrap:wrap}
.cmeta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:-4px 0 6px}.cmeta b{color:var(--ink);font-weight:600}#cProg{font-weight:700;color:var(--wine)}
.cbar{height:6px;border-radius:9px;background:var(--ivory);overflow:hidden;margin-bottom:6px}.cbar i{display:block;height:100%;background:var(--wine);border-radius:9px;transition:width .2s}
.full{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;background:var(--ivory);border-radius:12px;padding:10px 12px;font-size:13.5px}
.sc{display:grid;grid-template-columns:minmax(0,1.6fr) 110px 70px 90px 130px 80px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f1e9e3;font-size:13.5px}.sc.h{font-size:12px;color:var(--muted);font-weight:600}.sc select{padding:5px;border:1px solid var(--line);border-radius:8px;min-width:0;background:#fff}.sc span:last-child{text-align:right}
@media (max-width:640px){.sc{grid-template-columns:minmax(0,1fr) 110px 70px}.sc>span:nth-child(2),.sc>span:nth-child(3),.sc>span:nth-child(4){display:none}.full{grid-template-columns:1fr}}
.cnt-row .tb img,.cnt-row .tb .ni,.rv .tb img,.rv .tb .ni{width:46px;height:46px;border-radius:8px;object-fit:cover;background:#efe7df;display:grid;place-items:center;font-size:9.5px;color:var(--muted);font-weight:700}
.rv{display:grid;grid-template-columns:50px minmax(0,1fr) 60px 60px 60px 92px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f1e9e3;font-size:13.5px}.rv.h{font-size:12px;color:var(--muted);font-weight:600}.rv span:nth-child(n+3):not(:last-child){text-align:right;font-variant-numeric:tabular-nums}.rv input{width:100%;padding:6px;border:1px solid var(--line);border-radius:8px;text-align:right}
@media (max-width:560px){.rv{grid-template-columns:34px minmax(0,1fr) 46px 46px 70px}.rv span:nth-child(5){display:none}}
.tsale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tsale label{display:grid;gap:4px;font-size:12.5px;color:var(--muted)}.tsale input{padding:7px;border:1px solid var(--line);border-radius:9px;text-align:center}@media (max-width:560px){.tsale{grid-template-columns:repeat(3,1fr)}}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.recg{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:10px}
.recc{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:10px;align-content:start}
.recc .rh{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:start}.recc h2{margin:0;font:600 21px/1.15 var(--display)}.recc .rh small{color:var(--muted);font-size:12.5px}
.recc .rh img,.recc .rh .ni{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#efe7df;display:grid;place-items:center;font-size:11px;color:var(--muted);font-weight:700}
.recc .rl{display:grid;gap:2px}.method{background:var(--ivory);border-radius:11px;padding:9px 11px;font-size:13px;line-height:1.45}.method b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.rcl{display:grid;grid-template-columns:minmax(0,1fr) 90px 34px 28px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f1e9e3}.rcl select,.rcl input{padding:7px;border:1px solid var(--line);border-radius:9px;min-width:0;background:#fff}.rcl input{text-align:right}.rmx{all:unset;cursor:pointer;color:var(--bad);font-size:18px;text-align:center}
@media (max-width:560px){.recg{grid-template-columns:1fr}}
.row.p .ni{width:48px;height:48px}
.web b{display:block}