/* ════════════════════════════════════════════════════════════════════════════
   Inventory & Stock (inventory.js) — builds on psa.css tokens and components. Light and dark are
   both selected through the same tokens; the few inventory-specific colours get a dark step too.
   ════════════════════════════════════════════════════════════════════════════ */
:root{--inv-res:#7a5af8;--inv-res-ink:#5b3fd6;--inv-res-bg:color-mix(in srgb,#7a5af8 11%,var(--surface));--inv-q:#2a78d6;--inv-q-bg:color-mix(in srgb,#2a78d6 11%,var(--surface));
  --inv-flash:color-mix(in srgb,var(--brand) 12%,var(--surface))}
:root[data-theme="dark"]{--inv-res:#9d87fb;--inv-res-ink:#c3b5ff;--inv-res-bg:color-mix(in srgb,#7a5af8 22%,var(--surface));--inv-q:#5b9cf0;--inv-q-bg:color-mix(in srgb,#2a78d6 24%,var(--surface));
  --inv-flash:color-mix(in srgb,var(--brand) 30%,var(--surface))}

/* ── shared bits ───────────────────────────────────────────────────────────── */
#invBody .sp,.inv-card .sp,.inv-step .sp,.inv-basket .sp,.inv-runcfg .sp,.inv-foot .sp,.inv-pah .sp,.inv-poadd .sp,.inv-bar .sp,.inv-verdict .sp,.inv-savebar .sp,.inv-prog .sp,.inv-runjh .sp{flex:1}
.inv-skel{display:grid;gap:8px}
.inv-skel i,.inv-skt{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--surface3),var(--surface2),var(--surface3));background-size:200% 100%;animation:shimmer 1.2s linear infinite}
.inv-skpad{padding:14px 16px}
.inv-skt{display:inline-block;width:220px;height:18px;vertical-align:middle}
.inv-skt.sm{width:42px;height:14px}
.inv-mono{font-family:var(--mono);font-size:12px}
code.inv-code{font-family:var(--mono);font-size:11.5px;background:var(--surface3);border:1px solid var(--line);border-radius:5px;padding:0 5px;color:var(--ink2)}
.inv-unit{font-size:11px;color:var(--mut);font-weight:500}
.inv-lnk{cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.inv-lnk svg{width:13px;height:13px}
.inv-dim td{color:var(--mut)} .inv-dim td b{color:var(--ink2)}
.inv-okt{color:var(--ok)} .inv-badt{color:var(--bad)}
.inv-okt svg,.inv-badt svg{width:13px;height:13px;vertical-align:-2px;margin-right:3px}
.inv-inl{display:inline;margin:0;font-weight:600;font-size:12px;color:var(--mut)}
.inv-inlrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.inv-tree{color:var(--mut2);margin-right:4px;font-size:12px}
.inv-rm,.btn.link.inv-rm{color:var(--bad)}
.inv-actc{text-align:right;white-space:nowrap}
.inv-actc .btn+.btn{margin-left:4px}

/* chips — status vocabulary (always icon/label, never colour alone) */
.inv-chip{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.55;white-space:nowrap;background:var(--surface3);color:var(--ink2)}
.inv-chip svg{width:12px;height:12px;flex-shrink:0}
.inv-chip.sm{font-size:10.5px;padding:0 6px}
.inv-chip.ok{background:var(--ok-bg);color:var(--ok)} .inv-chip.warn{background:var(--warn-bg);color:var(--warn)} .inv-chip.bad{background:var(--bad-bg);color:var(--bad)}
.inv-chip.q{background:var(--inv-q-bg);color:var(--inv-q)} .inv-chip.res{background:var(--inv-res-bg);color:var(--inv-res-ink)} .inv-chip.mut{background:var(--surface3);color:var(--mut)}
.inv-mv{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;white-space:nowrap;border-radius:6px;padding:1px 8px 1px 6px;line-height:1.55}
.inv-mv svg{width:12px;height:12px}
.inv-mv.in{background:var(--ok-bg);color:var(--ok)} .inv-mv.out{background:var(--inv-q-bg);color:var(--inv-q)} .inv-mv.adj{background:var(--warn-bg);color:var(--warn)} .inv-mv.res{background:var(--inv-res-bg);color:var(--inv-res-ink)}
.inv-q{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:3px}
.inv-q svg{width:12px;height:12px}
.inv-q.pos{color:var(--ok)} .inv-q.neg{color:var(--bad)} .inv-q.warnq{color:var(--warn)}
.inv-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--st-good)}
.inv-dot.low{background:var(--st-warn)} .inv-dot.out{background:var(--st-crit)}
.inv-lic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--surface3);color:var(--ink2);flex-shrink:0}
.inv-lic svg{width:14px;height:14px}
.inv-loc,.inv-cat{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.inv-loc svg{width:14px;height:14px;color:var(--mut);flex-shrink:0}
.inv-sw{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.inv-itc{display:flex;align-items:baseline;gap:7px;min-width:0}
.inv-itc .trunc{max-width:320px}
td .inv-itc+small,td>small{display:block;font-size:11.5px;margin-top:1px}
.inv-ext{display:inline-flex;align-items:center;gap:6px}
.inv-extsys{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--mut);background:var(--surface3);border-radius:4px;padding:0 5px}
.inv-refc{display:inline-flex;align-items:center;gap:2px;color:var(--accent);font-size:11px}
.inv-refc svg{width:11px;height:11px}
.inv-hic{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;background:var(--accent-bg2);color:var(--accent-ink)}
.inv-hic svg{width:17px;height:17px}
.inv-hsku{font-size:14px}
.inv-tagx{background:none;border:0;color:var(--mut);cursor:pointer;padding:0 0 0 4px;font-size:14px;line-height:1}
.inv-tagx:hover{color:var(--bad)}
.inv-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}

/* banners, notes, confirmation, verdict */
.inv-ban{display:flex;align-items:flex-start;gap:12px;border-radius:var(--radius);padding:11px 14px;margin:0 0 12px;border:1px solid var(--line);background:var(--surface)}
.inv-ban>svg{width:19px;height:19px;flex-shrink:0;margin-top:1px}
.inv-ban b{display:block;font-size:13px;font-weight:650} .inv-ban span{display:block;font-size:12.5px;color:var(--ink2);margin-top:1px}
.inv-ban.info{background:var(--info-bg);border-color:color-mix(in srgb,var(--info) 25%,var(--line))} .inv-ban.info>svg,.inv-ban.info b{color:var(--info)}
.inv-ban.warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 30%,var(--line))} .inv-ban.warn>svg,.inv-ban.warn b{color:var(--warn)}
.inv-ban.bad{background:var(--bad-bg);border-color:color-mix(in srgb,var(--bad) 35%,var(--line));margin:10px 12px 0} .inv-ban.bad>svg,.inv-ban.bad b{color:var(--bad)}
.inv-note{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--ink2);background:var(--surface2);border:1px solid var(--line-soft);border-radius:9px;padding:9px 12px;line-height:1.45}
.inv-note>svg{width:16px;height:16px;color:var(--mut);flex-shrink:0;margin-top:1px}
.inv-cf{display:flex;gap:12px;align-items:flex-start;border-radius:10px;padding:12px 14px;background:var(--info-bg);font-size:13px;line-height:1.55;color:var(--ink2)}
.inv-cf>svg{width:20px;height:20px;flex-shrink:0;color:var(--info);margin-top:1px}
.inv-cf.dgr{background:var(--bad-bg)} .inv-cf.dgr>svg{color:var(--bad)}
.inv-cfv{margin-top:14px;font-size:12.5px;border:1px solid var(--line);border-radius:8px}
.inv-cfv .inv-itc .trunc{max-width:170px}
.btn.inv-icb{width:28px;padding:0}
/* a button inside an empty state keeps button-sized icons (the empty state enlarges its own icon) */
.empty-st .btn svg{width:15px;height:15px;margin:0;color:currentColor}
.btn.inv-dbtn{background:var(--bad);border-color:var(--bad);color:#fff}
.btn.inv-dbtn:hover{background:color-mix(in oklab,var(--bad) 85%,black);border-color:color-mix(in oklab,var(--bad) 85%,black)}
:root[data-theme="dark"] .btn.inv-dbtn{background:#c93a2f;border-color:#c93a2f}
.inv-verdict{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:var(--radius);padding:12px 14px;margin:0 0 12px;border:1px solid var(--line);background:var(--surface)}
.inv-verdict>svg{width:22px;height:22px;flex-shrink:0}
.inv-verdict>div{min-width:0;flex:1 1 240px}
.inv-verdict b{display:block;font-size:14px;font-weight:650} .inv-verdict span{display:block;font-size:12.5px;color:var(--ink2);margin-top:1px}
.inv-verdict.ok{background:var(--ok-bg);border-color:color-mix(in srgb,var(--ok) 30%,var(--line))} .inv-verdict.ok>svg,.inv-verdict.ok b{color:var(--ok)}
.inv-verdict.warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 30%,var(--line))} .inv-verdict.warn>svg,.inv-verdict.warn b{color:var(--warn)}
.inv-verdict.bad{background:var(--bad-bg);border-color:color-mix(in srgb,var(--bad) 30%,var(--line))} .inv-verdict.bad>svg,.inv-verdict.bad b{color:var(--bad)}
.inv-verdict.mut>svg{color:var(--mut)}
.inv-verdict .btn{flex-shrink:0}

/* summary tiles row */
.inv-sumrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0 0 12px}
.inv-sumrow.sm{margin:12px 0 0}
.inv-sumt{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;box-shadow:var(--shadow-xs);min-width:0}
.inv-sumrow.sm .inv-sumt{background:var(--surface2);box-shadow:none}
.inv-sumt span{display:block;font-size:11.5px;color:var(--mut);font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-sumt b{display:block;font-size:18px;font-weight:650;letter-spacing:-.3px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-sumt.warn b{color:var(--warn)} .inv-sumt.bad b{color:var(--bad)}
#invCtSum .inv-sumrow,#invSkSum .inv-sumrow{margin:0}
#invSkSum{padding:10px 12px;border-bottom:1px solid var(--line-soft)}
#invSkSum .inv-sumt{background:var(--surface2);box-shadow:none;padding:6px 10px}
#invSkSum .inv-sumt b{font-size:15px}
.inv-ctm{margin:10px 0 12px}

/* tabs count, page bar, tables, pager */
.inv-tabs button{display:inline-flex;align-items:center;gap:6px}
.inv-tn{font-size:11px;font-weight:700;padding:0 7px;border-radius:999px;background:var(--surface3);color:var(--ink2);line-height:18px}
.inv-tn.q{background:var(--inv-q-bg);color:var(--inv-q)} .inv-tn.warn{background:var(--warn-bg);color:var(--warn)}
.inv-card{overflow:hidden}
.inv-card>.hd>input[type=checkbox]{margin:0}
.inv-tb{gap:8px}
.inv-tb .search-in input{width:240px}
.inv-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.inv-bar input,.inv-bar select{width:auto}
.inv-scroll{max-height:calc(100vh - 290px);min-height:160px}
.inv-tall{max-height:calc(100vh - 300px)}
.inv-table td{vertical-align:middle}
.inv-table .inv-nm{min-width:180px;max-width:360px}
.inv-table .inv-nm small{display:block}
tr.inv-rout td:first-child{box-shadow:inset 3px 0 0 var(--st-crit)}
tr.inv-rlow td:first-child{box-shadow:inset 3px 0 0 var(--st-warn)}
tr.inv-var td:first-child{box-shadow:inset 3px 0 0 var(--st-warn)}
tr.inv-tot td{background:var(--th-bg);font-weight:600;border-top:1px solid var(--line)}
tr.flash td,li.flash{animation:invflash 1s ease}
@keyframes invflash{from{background:var(--inv-flash)}to{background:transparent}}
.inv-arrow{color:var(--mut2);padding-left:0;padding-right:0;width:18px}
.inv-arrow svg{width:14px;height:14px}
.inv-foot{flex-wrap:wrap}
.inv-foot .btn{padding:0 6px}
.inv-foot .inv-next svg{transform:rotate(180deg)}
.inv-pg{font-size:11.5px;color:var(--mut);white-space:nowrap}
.inv-psz{width:auto;min-height:26px;height:26px;padding:2px 24px 2px 8px;font-size:11.5px;background-position:right 6px center}
.inv-savebar{display:flex;gap:8px;align-items:center;position:sticky;bottom:-40px;padding:12px 0;background:linear-gradient(transparent,var(--bg) 30%)}
.inv-segwrap{overflow-x:auto;scrollbar-width:none}
.inv-seg button{display:inline-flex;align-items:center;gap:6px}
.inv-seg svg{width:14px;height:14px}
.inv-elfoot{padding-top:10px}
.inv-kpis .kpi .v.inv-kwarn{color:var(--warn)} .inv-kpis .kpi .v.inv-kbad{color:var(--bad)}
.inv-kpis .kpi:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:6px}
.inv-qa{height:100%;align-content:center;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.inv-qa .qlink{padding:10px 12px}
.inv-mvrow .inv-mv{min-width:92px}
.inv-alrow .btn{flex-shrink:0}
.inv-alic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;background:var(--surface3);color:var(--mut)}
.inv-alic svg{width:14px;height:14px}
.inv-alic.warn{background:var(--warn-bg);color:var(--warn)} .inv-alic.bad{background:var(--bad-bg);color:var(--bad)} .inv-alic.ok{background:var(--ok-bg);color:var(--ok)} .inv-alic.q{background:var(--inv-q-bg);color:var(--inv-q)}
.inv-alt{display:flex;gap:10px;align-items:center;min-width:220px}
.inv-alt b{display:block;font-size:13px} .inv-alt small{display:block;color:var(--ink2);font-size:12px}

/* stock-level meter in tables */
.inv-mm{display:inline-flex;align-items:center}
.inv-mb{position:relative;width:90px;height:7px;border-radius:4px;background:var(--surface3);display:block}
.inv-mb>i{display:block;height:100%;border-radius:4px;background:var(--st-good)}
.inv-mm.warn .inv-mb>i{background:var(--st-warn)} .inv-mm.crit .inv-mb>i{background:var(--st-crit)}
.inv-mb>b{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink2);border-radius:1px}
.inv-cov{display:flex;width:90px;height:7px;border-radius:4px;background:var(--surface3);overflow:hidden}
.inv-cov>i{display:block;height:100%;background:var(--st-good)} .inv-cov>i.oo{background:var(--c1);opacity:.65}

/* ── stock location switcher ───────────────────────────────────────────────── */
.inv-locbar{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;scrollbar-width:thin;margin-bottom:2px}
.inv-locb{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink2);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}
.inv-locb svg{width:14px;height:14px;color:var(--mut)}
.inv-locb:hover{background:var(--surface2)}
.inv-locb.sub{height:28px;font-size:12px;font-weight:550;border-style:dashed}
.inv-locb.on{background:var(--brand);border-color:var(--brand);color:#fff}
.inv-locb.on svg{color:#fff}

/* ── comboboxes (ticket picker, item finder / scanner) ─────────────────────── */
.inv-cb{position:relative}
.inv-cbl{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;box-shadow:var(--shadow-lg);padding:4px;max-height:320px;overflow:auto}
.inv-cbo{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:6px;cursor:pointer}
.inv-cbo.act,.inv-cbo:hover{background:var(--accent-bg2)}
.inv-cbic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--surface3);color:var(--ink2);flex-shrink:0}
.inv-cbic svg{width:14px;height:14px}
.inv-cbm{flex:1;min-width:0;display:flex;flex-direction:column}
.inv-cbm b{font-size:13px;font-weight:600} .inv-cbm small{font-size:11.5px;color:var(--mut)}
.inv-cbe{padding:10px;color:var(--mut);font-size:12.5px}
.inv-cbe:empty{display:none}
.inv-scan.big input{height:46px;font-size:15px;padding-left:42px;border-width:1.5px}
.inv-scan.big .search-in svg{width:20px;height:20px;left:12px;color:var(--accent)}
.inv-scan.big input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}
.inv-sel{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));background:var(--accent-bg);border-radius:9px}
.inv-sel>svg{width:18px;height:18px;color:var(--accent-ink);flex-shrink:0}
.inv-selm{flex:1;min-width:0}
.inv-selm b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .inv-selm small{display:block;font-size:12px;color:var(--mut)}
.inv-lkrow{display:flex;gap:8px}
.inv-lkrow input{flex:1}

/* ── BOOK OUT ─────────────────────────────────────────────────────────────── */
.inv-bo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:16px;align-items:start}
.inv-bo-main{min-width:0}
.inv-bo-side{min-width:0;position:sticky;top:0}
.inv-step{overflow:visible}
.inv-step .hd h3,.inv-basket .hd h3,.inv-runcfg .hd h3{font-size:13.5px;margin:0;font-weight:650}
.inv-stepn{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:var(--brand);color:#fff;font-size:11.5px;font-weight:700;flex-shrink:0}
.inv-step .hd .seg button{height:28px}
.inv-bo-opts{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
.inv-bo-opts label{margin-top:0}
.inv-bo-loc{flex:1;min-width:200px}
.inv-bo .hint svg{width:13px;height:13px;vertical-align:-2px;margin-right:4px}
.inv-sugs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:14px}
.inv-sugb{display:flex;align-items:center;gap:10px;text-align:left;border:1px dashed color-mix(in srgb,var(--brand) 40%,var(--line-strong));background:var(--accent-bg);border-radius:9px;padding:9px 12px;cursor:pointer;color:var(--ink)}
.inv-sugb:hover{border-style:solid;border-color:var(--brand)}
.inv-sugb svg{width:18px;height:18px;color:var(--accent-ink);flex-shrink:0}
.inv-sugb b{display:block;font-size:12.5px} .inv-sugb small{display:block;font-size:11.5px;color:var(--mut)}
.inv-basket{margin-bottom:0}
.inv-bl{list-style:none;margin:0;padding:0;max-height:calc(100vh - 430px);min-height:80px;overflow:auto}
.inv-bl.done{max-height:none}
.inv-bli{padding:10px 14px;border-bottom:1px solid var(--line-soft)}
.inv-bli.bad{background:color-mix(in srgb,var(--bad-bg) 45%,transparent)}
.inv-blt{display:flex;align-items:center;gap:10px;min-width:0}
.inv-blic{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:var(--surface3);color:var(--ink2);flex-shrink:0}
.inv-blic svg{width:15px;height:15px}
.inv-bl.done .inv-blic{background:var(--ok-bg);color:var(--ok)}
.inv-blm{flex:1;min-width:0}
.inv-blm b{display:block;font-size:13px} .inv-blm small{display:block;font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-blc{display:flex;gap:8px;margin:8px 0 0 38px;align-items:center}
.inv-blloc{flex:1;min-width:0;min-height:30px;height:30px;padding-top:3px;padding-bottom:3px;font-size:12.5px}
.inv-step-q{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);flex-shrink:0}
.inv-step-q button{width:30px;border:0;background:var(--surface2);cursor:pointer;font-size:15px;color:var(--ink2);font-weight:600}
.inv-step-q button:hover{background:var(--surface3)}
.inv-step-q input{width:58px;border:0;border-radius:0;text-align:center;min-height:28px;height:28px;padding:2px 4px;box-shadow:none;-moz-appearance:textfield;appearance:textfield}
.inv-step-q input::-webkit-inner-spin-button,.inv-step-q input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.inv-step-q.big input{height:34px;min-height:34px;width:70px}
.inv-step-q.big button{width:36px}
.inv-bls{display:flex;align-items:center;gap:6px;margin:6px 0 0 38px;font-size:12px;font-weight:550}
.inv-bls svg{width:13px;height:13px;flex-shrink:0}
.inv-bls.ok{color:var(--ok)} .inv-bls.warn{color:var(--warn)} .inv-bls.bad{color:var(--bad)}
.inv-bls .btn{margin-left:auto}
.inv-serpick{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.inv-serpick.sm{margin:8px 0 0 38px}
.inv-ser{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;padding:3px 9px 3px 7px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);cursor:pointer;font-weight:500!important}
.inv-ser input{margin:0}
.inv-ser:has(input:checked){border-color:var(--brand);background:var(--accent-bg)}
.inv-bsum{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-soft);background:var(--surface2)}
.inv-bsum>div{padding:8px 14px;border-left:1px solid var(--line-soft)}
.inv-bsum>div:first-child{border-left:0}
.inv-bsum span{display:block;font-size:11px;color:var(--mut);font-weight:600}
.inv-bsum b{font-size:15px;font-variant-numeric:tabular-nums}
.inv-bfields{padding:2px 14px 12px}
.inv-bgo{padding:12px 14px 14px;border-top:1px solid var(--line);background:var(--surface2)}
.inv-gobtn{width:100%;height:42px;font-size:14px}
.inv-gobtn svg{width:17px;height:17px}
.inv-goto{font-weight:500;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-why{font-size:11.5px;color:var(--mut);text-align:center;margin-top:7px}
.inv-why.ok{color:var(--mut)} .inv-why svg{width:12px;height:12px;vertical-align:-2px;margin-right:3px;color:var(--ok)}
.inv-done{text-align:center;padding:22px 16px 10px}
.inv-doneic{width:48px;height:48px;border-radius:50%;display:inline-grid;place-items:center;background:var(--ok-bg);color:var(--ok);animation:invpop .35s cubic-bezier(.2,.9,.3,1.4)}
.inv-doneic svg{width:26px;height:26px}
@keyframes invpop{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
.inv-done h3{margin:10px 0 2px;font-size:17px}
.inv-done p{margin:0;color:var(--ink2);font-size:13px}
.inv-doneacts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}

/* quick-book drawer */
.inv-qbh{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface2);border:1px solid var(--line);border-radius:9px;margin-bottom:4px}
.inv-qbh>svg{width:20px;height:20px;color:var(--accent-ink);flex-shrink:0}
.inv-qbh b{display:block;font-size:13.5px} .inv-qbh small{display:block;color:var(--mut);font-size:12px}
.inv-avl{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2);margin-top:10px;padding:7px 10px;background:var(--surface2);border-radius:7px}
.inv-avl svg{width:15px;height:15px;color:var(--mut)}

/* ── forms in drawers ──────────────────────────────────────────────────────── */
.inv-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.inv-span2{grid-column:1/-1}
.csub.inv-gh{margin-top:20px;padding-bottom:4px;border-bottom:1px solid var(--line-soft)}
.inv-kvr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 28px;gap:6px;margin-bottom:6px;align-items:center}
.inv-kitr{display:grid;grid-template-columns:auto minmax(0,1fr) 80px 28px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-soft)}
.inv-kitr input{min-height:30px;height:30px}
#if_kit{margin-bottom:8px}
.inv-polh{display:grid;grid-template-columns:minmax(0,1fr) 76px 96px 28px;gap:6px;font-size:11px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;padding:0 0 4px}
.inv-pol{display:grid;grid-template-columns:minmax(0,1fr) 76px 96px 28px;gap:6px;align-items:start;padding:7px 0;border-bottom:1px solid var(--line-soft)}
.inv-polm{display:flex;flex-direction:column;gap:4px;min-width:0}
.inv-polm b{font-size:12.5px;padding-top:6px}
.inv-pol input{min-height:30px;height:30px;padding:4px 8px;font-size:12.5px}
#pf_lines{margin-bottom:8px}
.inv-poadd{display:flex;align-items:center;gap:8px;margin-top:6px}
.inv-pototal{font-size:13px;color:var(--mut)} .inv-pototal b{color:var(--ink);font-size:15px;margin-left:4px}
.inv-rcvh{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.inv-rcv{border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin-bottom:8px}
.inv-rcvt b{display:block;font-size:13px} .inv-rcvt small{display:block;color:var(--mut);font-size:12px}
.inv-rcvc{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}
.inv-rcvc label{margin-top:8px}
.inv-trl{display:grid;grid-template-columns:minmax(0,1fr) 80px 28px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line-soft)}
.inv-trl input{min-height:30px;height:30px}
.inv-trl .inv-serpick{grid-column:1/-1;margin:0}
.inv-trlt b{display:block;font-size:12.5px} .inv-trlt small{display:block;color:var(--mut);font-size:11.5px}
.inv-trft{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}
.inv-trft>svg{width:16px;height:16px;color:var(--mut)}

/* ── PO page ──────────────────────────────────────────────────────────────── */
.inv-pogrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.inv-pogrid .card{margin-bottom:16px}
.inv-prog .meter{margin-top:8px;height:10px}
.inv-progt{display:flex;align-items:baseline;gap:6px;font-size:13px}
.inv-progt b{font-size:18px}

/* ── count sheet ─────────────────────────────────────────────────────────── */
.inv-ctscan{overflow:visible}
.inv-ctin{width:96px;text-align:right;min-height:30px;height:30px;padding:3px 8px;font-variant-numeric:tabular-nums}
.inv-cttbl td{padding-top:6px;padding-bottom:6px}
.inv-qin{width:86px;text-align:right;min-height:28px;height:28px;padding:2px 8px}

/* ── stock run ───────────────────────────────────────────────────────────── */
.inv-run{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;align-items:start}
.inv-runcfg{position:sticky;top:0;overflow:visible}
.inv-runcfg .hd .seg button{height:28px}
.inv-runq{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.inv-runjh{display:flex;align-items:center;gap:6px;margin:16px 0 6px}
.inv-runjh label{font-size:12px}
.inv-runjobs{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto;padding-right:2px}
.inv-runj{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:8px 10px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:400!important;background:var(--surface)}
.inv-runj:hover{border-color:var(--line-strong)}
.inv-runj.on{border-color:var(--brand);background:var(--accent-bg)}
.inv-runj.dim{opacity:.7}
.inv-runj input{margin:0}
.inv-runjm{flex:1;min-width:0;display:flex;flex-direction:column}
.inv-runjm b{font-size:12.5px;color:var(--ink)} .inv-runjm small{font-size:11.5px;color:var(--mut)}
.inv-runjc{display:flex;gap:4px;align-items:center;flex-shrink:0}
.inv-runadh{margin-top:8px}
.inv-runbtn{width:100%;margin-top:16px;height:38px}

/* ── reports catalogue ───────────────────────────────────────────────────── */
.inv-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.inv-repc{display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer;box-shadow:var(--shadow-xs);color:var(--ink);transition:border-color .12s,box-shadow .12s}
.inv-repc:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}
.inv-repch{display:flex;align-items:center;gap:10px}
.inv-repch b{font-size:13.5px}
.inv-repic{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent-bg2);color:var(--accent-ink);flex-shrink:0}
.inv-repic svg{width:17px;height:17px}
.inv-repc p{margin:0;font-size:12.5px;color:var(--mut);line-height:1.45;flex:1}
.inv-repgo{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;color:var(--accent)}
.inv-repgo svg{width:13px;height:13px}
.inv-repchart{overflow-x:auto}

/* ── settings ────────────────────────────────────────────────────────────── */
.inv-setgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}

/* ── item page ───────────────────────────────────────────────────────────── */
.inv-refs{display:flex;flex-direction:column;gap:6px}
.inv-ref{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line-soft);border-radius:7px;background:var(--surface2)}
.inv-refs-k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;color:var(--mut);min-width:90px}

/* ── ticket ▸ Stock card ─────────────────────────────────────────────────── */
.inv-tk{display:flex;flex-direction:column;min-height:100%}
.inv-tkk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line-soft);background:var(--surface2)}
.inv-tkk>div{padding:8px 14px;border-left:1px solid var(--line-soft);min-width:0}
.inv-tkk>div:first-child{border-left:0}
.inv-tkk span{display:block;font-size:11px;color:var(--mut);font-weight:600;white-space:nowrap}
.inv-tkk b{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.inv-tkres{margin:0 8px}
.inv-tkres .btn{flex-shrink:0}
.inv-tkacts{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-top:auto;border-top:1px solid var(--line-soft)}

/* ── Plan Ahead ▸ Stock plan ─────────────────────────────────────────────── */
.inv-pah{display:flex;align-items:center;gap:8px}
.inv-pah .csub svg{width:13px;height:13px;vertical-align:-2px;margin-right:4px}
.inv-paplan{margin-bottom:8px}
.inv-pal{display:grid;grid-template-columns:minmax(0,1fr) 150px 72px 28px;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-soft)}
.inv-pal select,.inv-pal input{min-height:30px;height:30px;padding-top:3px;padding-bottom:3px;font-size:12.5px}
.inv-palm b{display:block;font-size:12.5px} .inv-palm small{display:flex;align-items:center;font-size:11.5px}

/* ── enterprise polish: scanner feedback, bulk selection, photos, lots, UoM, files, history ───────── */
.inv-tkacts .sp,.inv-tkbh .sp,.inv-impin .sp,.inv-bulk .sp,.inv-dacts .sp{flex:1}
@keyframes invokfx{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 55%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
@keyframes invbadfx{0%,100%{transform:none}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.inv-okfx .search-in,.inv-okfx.search-in,input.inv-okfx{animation:invokfx .6s ease-out;border-color:var(--ok)!important;border-radius:var(--radius-sm,8px)}
.inv-badfx .search-in,.inv-badfx.search-in,input.inv-badfx{animation:invbadfx .35s ease-in-out;border-color:var(--bad)!important;background:var(--bad-bg)}
@media (prefers-reduced-motion:reduce){.inv-okfx .search-in,.inv-badfx .search-in,input.inv-okfx,input.inv-badfx{animation:none}}
.inv-ban.ok{background:var(--ok-bg);border-color:color-mix(in srgb,var(--ok) 30%,var(--line));align-items:center;flex-wrap:wrap} .inv-ban.ok>svg,.inv-ban.ok b{color:var(--ok)}
#invImpR>.inv-ban.bad,#invBody>.inv-ban.bad{margin:0 0 12px}
.inv-ban .btn{flex-shrink:0}

/* bulk selection bar (Stock / Items lists) */
.inv-cbx{width:34px;cursor:default}
.inv-cbx input{margin:0;vertical-align:middle}
tr.inv-selr td{background:color-mix(in srgb,var(--brand) 7%,var(--surface))}
.inv-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;margin:0 0 10px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--surface));position:sticky;top:0;z-index:3;box-shadow:var(--shadow-xs)}
.inv-bulk b{font-size:13px}
.inv-bulk .btn svg{width:14px;height:14px}
.btn.inv-rmb{color:var(--bad)}

/* photos */
.inv-thumb{width:26px;height:26px;border-radius:6px;object-fit:cover;border:1px solid var(--line);flex-shrink:0;background:var(--surface2)}
.inv-photo{max-width:160px;max-height:120px;border-radius:8px;border:1px solid var(--line);object-fit:contain;background:var(--surface2)}
.inv-himg{width:34px;height:34px;border-radius:8px;object-fit:cover;border:1px solid var(--line);vertical-align:middle;margin-right:8px}

/* quick-book / book out: units, lots, override */
.inv-rofield{min-height:36px;display:flex;align-items:center;padding:0 10px;border:1px dashed var(--line);border-radius:var(--radius-sm,8px);color:var(--ink2);font-size:13px;background:var(--surface2)}
.inv-lotrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.inv-lotc{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 8px;border-radius:6px;background:var(--surface3);color:var(--ink2);white-space:nowrap}
.inv-lotc b{font-family:var(--mono);font-size:11px}
.inv-lotc.bad{background:var(--bad-bg);color:var(--bad)}
.inv-ovr{margin-top:10px;padding:10px 12px;border-radius:var(--radius-sm,8px);border:1px solid color-mix(in srgb,var(--bad) 35%,var(--line));background:var(--bad-bg);display:grid;gap:8px}
.inv-ovr input:not([type=checkbox]),.inv-ovr textarea{background:var(--surface)}
.inv-bluom{min-height:30px;height:30px;padding-top:2px;padding-bottom:2px;font-size:12.5px;max-width:150px}
.inv-uomg{margin-top:4px}
.inv-polx{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}
.inv-polx input,.inv-polx select{flex:1 1 120px;min-height:28px;height:28px;font-size:12px;padding-top:2px;padding-bottom:2px}
.inv-rcvscan{margin:0 0 12px}
.inv-dacts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}

/* price-history sparkline */
.inv-spark{padding:8px 12px 2px}
.inv-spark svg{display:block;width:100%;height:64px}
.inv-sparkl{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--mut);margin-top:4px}
.inv-sparkl i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}
.inv-sparkl i.dash{background:repeating-linear-gradient(90deg,var(--warn) 0 4px,transparent 4px 7px)}

/* attachments */
.inv-files{display:grid;gap:8px}
.inv-file{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 8px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface)}
.inv-file img{width:36px;height:36px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.inv-fic{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;background:var(--surface3);color:var(--mut)}
.inv-fic svg{width:18px;height:18px}
.inv-filem{min-width:0;display:flex;flex-direction:column}
.inv-filem a{font-size:12.5px;font-weight:600}
.inv-filem small{font-size:11px;color:var(--mut)}
.inv-fempty{padding:4px 0}
.inv-fup{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}
.inv-fup select{flex:1 1 150px;min-height:32px;height:32px;padding-top:3px;padding-bottom:3px;font-size:12.5px}
.inv-upl{cursor:pointer;position:relative}
.inv-upl input[type=file]{position:absolute;inset:0;opacity:0;width:1px;height:1px}

/* document history */
.inv-evs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.inv-evs li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:flex-start;position:relative}
.inv-evs li:not(:last-child)::after{content:"";position:absolute;left:12.5px;top:28px;bottom:-10px;width:1px;background:var(--line)}
.inv-evs li b{font-size:12.5px} .inv-evs li small{display:block;font-size:11px;color:var(--mut)}
.inv-evn{font-size:12.5px;color:var(--ink2)}
.inv-evic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface3);color:var(--ink2)}
.inv-evic svg{width:13px;height:13px}
.inv-evic.approved,.inv-evic.credited,.inv-evic.closed{background:var(--ok-bg);color:var(--ok)}
.inv-evic.rejected,.inv-evic.cancelled{background:var(--bad-bg);color:var(--bad)}
.inv-evic.submitted{background:var(--warn-bg);color:var(--warn)}
.inv-evic.ordered,.inv-evic.emailed,.inv-evic.sent{background:var(--inv-q-bg);color:var(--inv-q)}

/* count sheet: serial scanning and lots */
tr.inv-ctsub>td{background:var(--surface2);padding:8px 12px 12px}
.inv-ctser{display:grid;gap:8px}
.inv-ctserin{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inv-ctserin .search-in{flex:1 1 240px}
.inv-ctsc{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;border:1px solid var(--line);background:var(--surface);font-size:11.5px;color:var(--ink2);cursor:default;user-select:none}
.inv-ctsc[data-click]{cursor:pointer}
.inv-ctsc[data-click]:hover{border-color:var(--brand)}
.inv-ctsc svg{width:12px;height:12px}
.inv-ctsc.ok{background:var(--ok-bg);border-color:color-mix(in srgb,var(--ok) 40%,var(--line));color:var(--ok)}
.inv-ctsc.miss{background:var(--bad-bg);border-color:color-mix(in srgb,var(--bad) 40%,var(--line));color:var(--bad);text-decoration:line-through;text-decoration-thickness:1px}
.inv-ctsc.unexp{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 40%,var(--line));color:var(--warn)}
.inv-ctlots table{width:100%;font-size:12.5px}
.inv-ctlots th{font-size:11px}
.inv-ctlots input{max-width:100px;min-height:28px;height:28px;text-align:right}
.inv-ctlotadd{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.inv-ctlotadd input{flex:1 1 180px;min-height:28px;height:28px}

/* item list: attribute filter */
.inv-attrin{max-width:150px}

/* ticket ▸ Stock: billable */
.inv-bilh{width:74px}
.inv-bilc{white-space:nowrap}
.inv-bilt{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:12px;font-weight:500;cursor:pointer}
.inv-bilt input{margin:0}
.inv-tkbill{margin:10px 12px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.inv-tkbh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--surface2);border-bottom:1px solid var(--line-soft)}
.inv-tkbh svg{width:15px;height:15px;color:var(--brand)}
.inv-tkbh b{font-size:12.5px}
.inv-tkbl{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px}
.inv-tkbi{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;padding:2px 8px;border-radius:6px;background:var(--surface3);color:var(--ink2)}
.inv-tkbi.ok{background:var(--ok-bg);color:var(--ok)}
.inv-tkbi svg{width:12px;height:12px}
table.inv-tkt small{font-size:11px}

/* supplier return lines */
.inv-rtl{grid-template-columns:minmax(0,1fr) 80px 28px}
.inv-rtlx{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}
.inv-rtlx input,.inv-rtlx select{min-height:30px;height:30px;font-size:12.5px;padding-top:3px;padding-bottom:3px}

/* settings: presets, preview, attribute editor, import */
.inv-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.inv-preset{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.inv-preset:hover:not([disabled]){border-color:var(--brand);box-shadow:var(--shadow-sm)}
.inv-preset[disabled]{cursor:default;opacity:.8}
.inv-preset.on{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}
.inv-preset b{font-size:13.5px}
.inv-preset small{font-size:12px;color:var(--mut);line-height:1.4}
.inv-presic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand);margin-bottom:2px}
.inv-presic svg{width:16px;height:16px}
.inv-presm{font-size:11px;color:var(--mut2);margin-top:auto;padding-top:4px}
.inv-prevl{display:grid;gap:4px;margin-bottom:6px}
.inv-prevr{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:5px 0;border-bottom:1px solid var(--line-soft);font-size:12.5px}
.inv-prevr small{flex-basis:100%;font-size:11.5px}
.inv-prevr .inv-chip{flex-shrink:0}
.inv-attred{display:grid;grid-template-columns:minmax(0,1fr) 110px 80px auto 28px;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-soft)}
.inv-attred input,.inv-attred select{min-height:30px;height:30px;font-size:12.5px;padding-top:3px;padding-bottom:3px}
.inv-attred input[hidden]{display:none}
.inv-attrq{margin:0!important;font-size:12px;white-space:nowrap}
.inv-attro{grid-column:1/-1}
.inv-impin{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.inv-imptx{font-size:12px!important;min-height:110px}
.inv-impbtn{margin-top:12px;display:flex;gap:8px}

@media print{
  /* printing an Inventory page (the PDFs are the proper documents; this keeps a screen print tidy) */
  #main:has(#invBody) .pagehd .actions,#invBody .inv-tb,#invBody .inv-bulk,#invBody .inv-savebar,#invBody .inv-fup,#invBody .btn,#main:has(#invBody) .inv-tabs{display:none!important}
  #invBody .card{box-shadow:none!important;break-inside:avoid}
  #invBody .inv-scroll,#invBody .inv-tall,#invBody .tbl-scroll{max-height:none!important;overflow:visible!important}
}

/* ── responsive ──────────────────────────────────────────────────────────── */
/* secondary table columns step aside before a table has to scroll sideways */
@media (max-width:1500px){.inv-hxl{display:none}}
@media (max-width:1400px){.inv-h14{display:none}.inv-table .inv-itc .trunc{max-width:240px}}
@media (max-width:1280px){.inv-hlg{display:none}.inv-table .inv-itc .trunc{max-width:170px}}
@media (max-width:1180px){
  .inv-run{grid-template-columns:minmax(0,1fr)}.inv-runcfg{position:static}
  .inv-bo{grid-template-columns:minmax(0,1fr)}.inv-bo-side{position:static}.inv-bl{max-height:none}
}
@media (max-width:900px){
  .inv-pogrid,.inv-setgrid{grid-template-columns:minmax(0,1fr)}
  .inv-scroll,.inv-tall{max-height:none}
  .inv-tb .search-in{flex:1 1 100%}.inv-tb .search-in input{width:100%}
  .inv-tb select{flex:1 1 140px}
  .inv-bar{gap:6px}.inv-bar .back{width:100%}
  .inv-tkk{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-tkk>div:nth-child(3){border-left:0}
  .inv-tkk>div:nth-child(n+3){border-top:1px solid var(--line-soft)}
}
@media (max-width:640px){
  .inv-fgrid{grid-template-columns:minmax(0,1fr)}
  .inv-rcvc{grid-template-columns:100px minmax(0,1fr)}
  .inv-pal{grid-template-columns:minmax(0,1fr) 72px 28px}.inv-pal select{grid-column:1/-1;grid-row:2}
  .inv-polh{display:none}.inv-pol{grid-template-columns:minmax(0,1fr) 64px 80px 28px}
  .inv-verdict .btn{flex:1 1 100%}
  .inv-bsum>div{padding:8px 10px}
  .inv-blc,.inv-bls,.inv-serpick.sm{margin-left:0}
  .inv-sumrow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inv-cards{grid-template-columns:minmax(0,1fr)}
  .inv-itc .trunc{max-width:180px}
  .inv-bar input[type=date]{flex:1 1 130px}
  .inv-attred{grid-template-columns:minmax(0,1fr) 100px 28px}.inv-attred input[id^=ca_u],.inv-attrq{grid-row:2}
  .inv-bulk{position:static}.inv-bulk .btn span{display:none}
  .inv-presets{grid-template-columns:minmax(0,1fr)}
  .inv-rtlx{grid-template-columns:minmax(0,1fr)}
  .inv-tkbh{align-items:flex-start}
  .inv-himg{width:28px;height:28px}
}