:root{--bg:#f4f6f9;--card:#fff;--pri:#2563eb;--pri2:#1d4ed8;--ok:#16a34a;--warn:#f59e0b;--err:#dc2626;--bd:#e5e7eb;--tx:#1f2937;--mut:#6b7280}
*{box-sizing:border-box;margin:0;padding:0}
body{font:14px/1.6 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--tx)}
header{background:linear-gradient(135deg,var(--pri),#7c3aed);color:#fff;padding:12px 22px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-wrap:wrap}
header .lg-hd{height:30px;width:auto;flex:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.18))}
header h1{font-size:17px;font-weight:600}
header .sub{font-size:12px;opacity:.9}
header .who{font-size:12px;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:12px}
header button{margin-left:0}
header>*:last-child,header>#who{margin-left:auto}
#shell{display:flex;align-items:stretch;min-height:calc(100vh - 60px)}
main{flex:1;min-width:0;padding:20px 22px;max-width:1560px}
.page{display:none}.page.on{display:block}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}
.card{background:var(--card);border-radius:10px;padding:15px 17px;border:1px solid var(--bd)}
.card .l{font-size:12px;color:var(--mut)}
.card .v{font-size:24px;font-weight:700;margin-top:3px}
.card.b .v{color:var(--pri)}.card.g .v{color:var(--ok)}.card.r .v{color:var(--err)}.card.o .v{color:var(--warn)}.card.p .v{color:#7c3aed}
.bar{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:11px 13px;margin-bottom:14px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}
input,select,button,textarea{font:inherit;padding:7px 11px;border:1px solid var(--bd);border-radius:6px;background:#fff;color:var(--tx)}
input:focus,select:focus{outline:none;border-color:var(--pri)}
button{cursor:pointer}
.btn{background:var(--pri);color:#fff;border:none;padding:7px 15px;border-radius:6px}
.btn:hover{background:var(--pri2)}
.btn.gh{background:#fff;color:var(--tx);border:1px solid var(--bd)}
.btn.gh:hover{background:#f3f4f6}
.btn.dg{background:#fff;color:var(--err);border:1px solid #fecaca}
.btn.dg:hover{background:#fef2f2}
.btn.ok{background:var(--ok)}
.btn.sm{padding:4px 9px;font-size:12px}
table{width:100%;border-collapse:collapse;background:var(--card);font-size:13px}
table.box{border:1px solid var(--bd);border-radius:10px}
th{background:#f8fafc;padding:9px 11px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid var(--bd);white-space:nowrap;position:sticky;top:0;z-index:2}
td{padding:8px 11px;border-bottom:1px solid #f1f5f9}
tr:hover td{background:#f8fafc}
.num{text-align:right;font-variant-numeric:tabular-nums}
.tw{overflow:auto;border:1px solid var(--bd);border-radius:10px;max-height:calc(100vh - 262px)}
.tw.h56{max-height:56vh}.tw.h40{max-height:40vh}
.mask{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:100;padding:16px}
.mask.on{display:flex}
.modal{background:#fff;border-radius:12px;padding:22px;width:500px;max-width:96vw;max-height:90vh;overflow:auto}
.modal h3{margin-bottom:14px;font-size:16px}
.fg{margin-bottom:11px}
.fg label{display:block;font-size:12px;color:var(--mut);margin-bottom:4px}
.fg input,.fg select,.fg textarea{width:100%}
.fr{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}
.tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600}
.tag.in{background:#dbeafe;color:#1d4ed8}
.tag.out{background:#fef3c7;color:#b45309}
.tag.tr{background:#ede9fe;color:#6d28d9}
.tag.low{background:#fee2e2;color:#b91c1c}
.tag.nor{background:#dcfce7;color:#15803d}
.empty{text-align:center;padding:44px;color:var(--mut)}
.toast{position:fixed;top:66px;right:22px;background:#1f2937;color:#fff;padding:11px 18px;border-radius:8px;z-index:200;opacity:0;transform:translateY(-12px);transition:.25s;pointer-events:none;max-width:400px}
.toast.on{opacity:1;transform:none}
.toast.err{background:var(--err)}.toast.ok{background:var(--ok)}
.login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--pri),#7c3aed)}
.login .box{background:#fff;padding:34px;border-radius:14px;width:340px;box-shadow:0 12px 40px rgba(0,0,0,.2);text-align:center}
.lg-login{width:186px;max-width:78%;height:auto;margin-bottom:16px}
.login h2{margin-bottom:6px;font-size:19px}
.login p{color:var(--mut);font-size:13px;margin-bottom:16px}
.login input{width:100%;margin-bottom:11px}
.login .btn{width:100%}
.login .remember{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;margin:-2px 0 11px;font-size:13px;color:var(--mut);cursor:pointer;user-select:none}
.login .remember input{width:auto;margin:0;cursor:pointer}
.sec{margin-bottom:22px}
.sec>h2{font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.sec>h2:before{content:"";width:3px;height:15px;background:var(--pri);border-radius:2px}
.hint{font-size:12px;color:var(--mut);margin-top:6px;line-height:1.7}
.mut{color:var(--mut)}
.chk{display:flex;align-items:center;gap:5px;font-size:13px}
.chk input{width:auto}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.warnbox{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:13px}
/* 开关：仓库是否允许作为调出仓 */
.sw{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none;font-size:13px}
.sw input{position:absolute;opacity:0;width:0;height:0}
.swt{width:38px;height:21px;border-radius:11px;background:#cbd5e1;position:relative;transition:.2s;flex:none}
.swt:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sw input:checked+.swt{background:var(--ok)}
.sw input:checked+.swt:after{transform:translateX(17px)}
.sw input:disabled+.swt{opacity:.5;cursor:not-allowed}
.swl{color:var(--mut);white-space:nowrap}
.sw input:checked~.swl{color:var(--ok);font-weight:600}

/* ---- 导航分组 ---- */
nav .ng{align-self:center;font-size:11px;color:var(--mut);padding:0 10px 0 14px;
  letter-spacing:1px;white-space:nowrap;user-select:none;opacity:.75}
nav .ng:first-child{padding-left:0}
nav button{position:relative}
nav button .dot{display:none;min-width:17px;height:17px;line-height:17px;padding:0 4px;
  margin-left:6px;border-radius:9px;background:var(--err);color:#fff;font-size:11px;
  font-style:normal;font-weight:700;text-align:center;vertical-align:1px}
/* ---- 总览待办提醒 ---- */
.alerts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.alert{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--bd);
  border-left:4px solid var(--pri);border-radius:8px;background:var(--card);cursor:pointer;transition:.15s}
.alert:hover{box-shadow:0 2px 10px rgba(0,0,0,.08);transform:translateY(-1px)}
.alert .an{font-size:22px;font-weight:800;line-height:1;min-width:38px;text-align:center}
.alert .at{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.alert .at b{font-size:13px}
.alert .at span{font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alert .ag{font-size:12px;color:var(--pri);white-space:nowrap}
.alert.a-err{border-left-color:var(--err)}   .alert.a-err .an{color:var(--err)}
.alert.a-warn{border-left-color:var(--warn)} .alert.a-warn .an{color:var(--warn)}
.alert.a-info{border-left-color:var(--pri)}  .alert.a-info .an{color:var(--pri)}
/* ---- 盘点明细汇总 ---- */
.stsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}
.stsum .si{background:var(--bg);border:1px solid var(--bd);border-radius:8px;padding:9px 12px;
  display:flex;flex-direction:column;gap:4px}
.stsum .si span{font-size:11px;color:var(--mut)}
.stsum .si b{font-size:18px}
.stsum .si b i{font-style:normal}
.stsum .si.up b{color:var(--ok)}
.stsum .si.dn b{color:var(--err)}
table.box tr.tot td{background:var(--bg);border-top:2px solid var(--bd)}

/* ---- 左侧目录导航 ---- */
.side{width:222px;flex:0 0 222px;background:linear-gradient(180deg,#fbfcff,#f6f8fd);
  border-right:1px solid var(--bd);padding:16px 12px 30px;overflow-y:auto;
  max-height:calc(100vh - 60px);position:sticky;top:60px}
.side .sg{font-size:11.5px;font-weight:700;color:#94a3b8;letter-spacing:1.5px;
  padding:16px 12px 7px}
.side .sg:first-child{padding-top:4px}
.side a{display:flex;align-items:center;gap:10px;text-decoration:none;
  padding:10px 12px;border-radius:9px;font-size:14.5px;color:#475569;
  margin-bottom:2px;transition:.14s;font-weight:500}
.side a .ic{flex:0 0 26px;height:26px;border-radius:7px;display:flex;
  align-items:center;justify-content:center;font-size:14px;background:#e8edf7}
.side a .tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side a:hover{background:#eef2ff;color:var(--pri2);font-weight:600}
.side a:hover .ic{background:#dbe6fe}
.side a.on{background:linear-gradient(135deg,var(--pri),#7c3aed);color:#fff;
  font-weight:600;box-shadow:0 2px 9px rgba(37,99,235,.32)}
.side a.on .ic{background:rgba(255,255,255,.25)}
.side .bdg{display:none;min-width:19px;height:19px;padding:0 5px;border-radius:10px;
  background:var(--err);color:#fff;font-size:11px;font-weight:700;font-style:normal;
  align-items:center;justify-content:center}
.side a.on .bdg{background:#fff;color:var(--err)}
@media(max-width:860px){
  #shell{flex-direction:column}
  .side{width:100%;flex:none;position:static;max-height:none;padding:10px;
    display:flex;flex-wrap:wrap;gap:2px;border-right:none;
    border-bottom:1px solid var(--bd)}
  .side .sg{width:100%;padding:10px 8px 4px}
  .side a{width:auto;flex:0 0 auto}
}
/* 旧下拉样式（已弃用，保留兼容） */
nav{padding:0 18px;gap:6px;overflow:visible;
  background:linear-gradient(180deg,#fff,#fafbff);border-bottom:2px solid var(--bd)}
.dd{position:relative;display:flex;align-items:stretch}
.ddt{background:none;border:none;padding:15px 20px;cursor:pointer;font-size:16px;font-weight:600;
  color:var(--mut);border-bottom:3px solid transparent;white-space:nowrap;display:flex;
  align-items:center;gap:7px;transition:.15s;border-radius:8px 8px 0 0}
.ddt:hover{color:var(--pri2);background:#eef2ff}
.dd .car{font-style:normal;font-size:12px;transition:transform .18s;opacity:.8}
.dd.open .car,.ddt:hover .car{transform:rotate(180deg)}
.dd.cur>.ddt{color:var(--pri2);border-bottom-color:var(--pri);font-weight:700;
  background:linear-gradient(180deg,#eef2ff,#f5f3ff)}
.dd.open>.ddt{color:var(--pri2);background:#eef2ff}
.ddm{display:none;position:absolute;top:100%;left:0;min-width:200px;z-index:80;
  background:var(--card);border:1px solid var(--bd);border-radius:10px;
  box-shadow:0 10px 30px rgba(37,99,235,.16);padding:7px;flex-direction:column}
.dd.open .ddm{display:flex}
.ddi{background:none;border:none;text-align:left;padding:12px 16px;cursor:pointer;
  font-size:15px;color:var(--tx);border-radius:8px;white-space:nowrap;
  display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  transition:.12s}
.ddi:hover{background:#eef2ff;color:var(--pri2);font-weight:600}
.ddi.on{background:linear-gradient(135deg,var(--pri),#7c3aed);color:#fff;font-weight:700;
  box-shadow:0 2px 8px rgba(37,99,235,.3)}
.ddi.on:hover{background:linear-gradient(135deg,var(--pri),#7c3aed);color:#fff}
.ddi .dot{background:#fff;color:var(--err)}
@media(max-width:760px){nav{gap:0}.ddt{padding:14px 12px;font-size:15px}.ddm{min-width:170px}}

/* ---- 用户权限：子菜单勾选 ---- */
.permgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:6px 10px;
  margin-top:8px;max-height:44vh;overflow:auto;padding:10px;border:1px solid var(--bd);border-radius:8px}
.permgrid .pg{font-size:11px;color:var(--mut);grid-column:1/-1;font-weight:700;
  letter-spacing:.5px;margin-top:4px;padding-top:4px;border-top:1px dashed var(--bd)}
.permgrid .pg:first-child{margin-top:0;padding-top:0;border-top:none}
.permlbl{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;user-select:none;padding:2px 0}
.permlbl input{width:15px;height:15px;accent-color:var(--pri);cursor:pointer;flex:none}
.permbar{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}
.permbar button{font-size:12px;padding:4px 10px}

/* ---------- 行勾选框 / 批量操作条 ---------- */
th.ck,td.ck{width:38px;min-width:38px;padding:8px 0 8px 12px;text-align:center;
  position:sticky;left:0;background:var(--card);z-index:1}
th.ck{background:#f8fafc;z-index:3}
tr:hover td.ck{background:#f8fafc}
tr.sel td{background:#eff6ff}
tr.sel td.ck{background:#eff6ff}
tr.sel:hover td{background:#dbeafe}
th.ck input,td.ck input{width:15px;height:15px;accent-color:var(--pri);cursor:pointer;margin:0;vertical-align:middle}
td.ck input:disabled{cursor:not-allowed;opacity:.35}
.bulkbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;margin-bottom:10px;
  border:1px solid var(--bd);border-radius:9px;background:#f8fafc;font-size:13px}
.bulkbar .n{font-weight:700;color:var(--pri)}
.bulkbar .sp{flex:1}
.bulkbar.off{display:none}
@media(max-width:760px){th.ck,td.ck{width:34px;min-width:34px;padding-left:8px}}

/* ---------- 图表 ---------- */
.charts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:6px}
.charts .ch{background:var(--card);border:1px solid var(--bd);border-radius:11px;padding:14px 16px 10px;
  box-shadow:0 1px 2px rgba(15,23,42,.04)}
.charts .ch.full{grid-column:1/-1}
.ch-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.ch-head b{font-size:13.5px;color:var(--tx)}
.ch-head .sub{font-size:11.5px;color:var(--mut)}
.ch-head .sp{flex:1}
.ch-legend{display:flex;gap:12px;font-size:11.5px;color:var(--mut);align-items:center}
.ch-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.chart-svg{display:block;width:100%;height:auto;overflow:visible}
.chart-svg text{font-family:inherit}
.ch-empty{text-align:center;padding:26px;color:var(--mut);font-size:12.5px}
@media(max-width:1000px){.charts{grid-template-columns:1fr}}

/* ---------- 打印 ---------- */
@media print{
  @page{size:A4 landscape;margin:10mm}
  html,body{background:#fff!important}
  /* 打印时隐藏：左侧导航、顶栏按钮、侧栏、筛选条、弹窗、勾选列、操作列 */
  .side,nav,header .btn,#nav,.toast,.mask,.bulkbar,.ch-legend .noprint{display:none!important}
  header{position:static!important;background:var(--pri)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;
    box-shadow:none!important;padding:8px 0!important}
  #shell{display:block!important}
  main{padding:0!important;max-width:none!important}
  .page{display:none!important}
  .page.printing{display:block!important}
  .sec{break-inside:avoid;page-break-inside:avoid;margin-bottom:12px}
  .sec>h2{font-size:13px!important;margin-bottom:6px}
  /* 表格：放开滚动高度，表头每页重复 */
  .tw{max-height:none!important;overflow:visible!important;border:1px solid #cbd5e1!important}
  table{font-size:10.5px!important;border-collapse:collapse!important;width:100%!important}
  thead{display:table-header-group}
  tr{break-inside:avoid;page-break-inside:avoid}
  th,td{border:1px solid #cbd5e1!important;padding:4px 6px!important;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  th{background:#eef2f7!important}
  th.ck,td.ck,.col-act{display:none!important}
  .cards{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin-bottom:10px}
  .card{padding:8px!important;break-inside:avoid}
  .tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  a[href]:after{content:""}
}
/* 打印预览弹窗 */
#pv{position:fixed;inset:0;background:rgba(15,23,42,.6);z-index:150;display:none;
  align-items:center;justify-content:center;padding:20px}
#pv.on{display:flex}
.pv-box{background:#fff;border-radius:12px;width:min(1100px,96vw);max-height:94vh;display:flex;flex-direction:column;overflow:hidden}
.pv-hd{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--bd);flex-wrap:wrap}
.pv-hd b{font-size:15px}
.pv-hd .sp{flex:1}
.pv-bd{flex:1;overflow:auto;background:#f1f5f9;padding:16px;display:flex;justify-content:center}
/* A4 纸样 */
.pv-paper{background:#fff;width:297mm;min-height:210mm;padding:12mm;box-shadow:0 4px 20px rgba(0,0,0,.15);
  transform-origin:top center;color:#111}
.pv-title{font-size:17px;font-weight:700;margin-bottom:3px}
.pv-meta{font-size:11.5px;color:#666;margin-bottom:12px;display:flex;gap:14px;flex-wrap:wrap}
.pv-paper table{font-size:11px;border-collapse:collapse;width:100%}
.pv-paper th,.pv-paper td{border:1px solid #cbd5e1;padding:4px 7px;text-align:left}
.pv-paper th{background:#eef2f7;font-weight:600}
.pv-paper .num{text-align:right}
.pv-empty{padding:40px;text-align:center;color:#888}

/* 单据打印预览：打印时只输出 A4 纸内容 */
body.pv-printing>*{display:none!important}
body.pv-printing>#pv-print{display:block!important}
#pv-print{display:none;background:#fff;color:#111;padding:12mm}
#pv-print table{font-size:11px;border-collapse:collapse;width:100%}
#pv-print th,#pv-print td{border:1px solid #cbd5e1;padding:4px 7px;text-align:left;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
#pv-print th{background:#eef2f7!important;font-weight:600}
#pv-print .num{text-align:right}
#pv-print tr.tot td{background:#f8fafc!important;font-weight:700}
@media print{
  body.pv-printing{background:#fff}
  body.pv-printing>*{display:none!important}
  body.pv-printing>#pv-print{display:block!important}
}

/* ==================== PDA 扫码作业（v6） ====================
   现场用 PDA/手机，戴手套操作所以按钮大；扫码框常驻聚焦。 */
.pda-wrap{max-width:640px;margin:0 auto;padding-bottom:30px}
.pda-mode{display:flex;gap:10px;margin-bottom:14px}
.pda-m{flex:1;padding:16px 0;font-size:18px;font-weight:700;border:1px solid var(--bd);
  background:#fff;color:var(--tx);border-radius:10px;cursor:pointer;min-height:56px}
.pda-m.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.pda-scan{display:flex;gap:10px;margin-bottom:14px}
.pda-input{flex:1;padding:16px 14px;font-size:19px;border:2px solid var(--pri);
  border-radius:10px;min-height:60px;letter-spacing:.5px}
.pda-input:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.16)}
.pda-go{padding:0 24px;font-size:18px;min-height:60px;min-width:96px}
.pda-card{background:var(--card);border:1px solid var(--bd);border-radius:10px;
  padding:16px;margin-bottom:14px}
.pda-card.hit{border-color:var(--ok);background:#f0fdf4}
.pda-card.miss{border-color:var(--err);background:#fef2f2}
.pda-sku{font-size:22px;font-weight:700;line-height:1.3;word-break:break-all}
.pda-sub{font-size:14px;color:var(--mut);margin-top:6px;word-break:break-all}
.pda-stock{font-size:16px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--bd)}
.pda-stock b{font-size:22px}
.pda-form{background:var(--card);border:1px solid var(--bd);border-radius:10px;
  padding:16px;margin-bottom:14px}
.pda-row{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.pda-row label{width:74px;flex-shrink:0;font-size:15px;color:var(--mut)}
.pda-row input,.pda-row select{flex:1;min-width:0;padding:13px 11px;font-size:17px;
  border:1px solid var(--bd);border-radius:8px;min-height:50px}
.pda-row input:focus,.pda-row select:focus{outline:none;border-color:var(--pri)}
.pda-half{width:calc(50% - 5px)!important;flex:none!important}
.pda-unit{flex:0 0 108px!important;width:108px!important}
.pda-sel{flex:1}
.pda-submit{width:100%;padding:18px 0;font-size:19px;font-weight:700;min-height:60px}
.pda-hint{font-size:14px;color:var(--mut);text-align:center;margin:10px 0;min-height:20px}
.pda-hint.err{color:var(--err)}
.pda-hint.ok{color:var(--ok)}
.pda-acts{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}
.pda-acts .btn{flex:1;min-width:130px;padding:13px 6px;font-size:15px;min-height:50px}
.pda-list{display:flex;flex-direction:column;gap:10px}
.pda-item{background:var(--card);border:1px solid var(--bd);border-radius:10px;
  padding:14px;cursor:pointer}
.pda-item:active{background:#f3f4f6}
.pda-item .t{font-size:17px;font-weight:700;word-break:break-all}
.pda-item .s{font-size:13px;color:var(--mut);margin-top:5px}
.pda-item .c{font-size:13px;color:var(--mut);margin-top:3px;font-family:monospace}
@media(max-width:760px){
  .pda-row label{width:100%;margin-bottom:2px}
  .pda-half{width:100%!important}
  .pda-unit{flex:0 0 100px!important;width:100px!important}
}
.pda-chk{width:100%!important;display:flex;align-items:center;gap:9px;
  font-size:15px;color:var(--tx);cursor:pointer;min-height:44px}
.pda-chk input{width:22px!important;height:22px;flex:none;min-height:auto!important}
.tag.sn{background:#cffafe;color:#0e7490}
/* 序列号扫描区 */
.snbox{border:1px dashed var(--bd);border-radius:8px;padding:11px;margin:10px 0}
.snbox .hd{display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:var(--mut);margin-bottom:8px}
.snbox .hd b{color:var(--pri);font-size:15px}
.sn-in{width:100%;padding:11px;font-size:16px;border:2px solid var(--pri);
  border-radius:8px;box-sizing:border-box}
.sn-list{max-height:132px;overflow:auto;margin-top:8px;display:flex;
  flex-wrap:wrap;gap:6px}
.sn-chip{background:#f1f5f9;border:1px solid var(--bd);border-radius:14px;
  padding:3px 10px;font-size:13px;display:inline-flex;gap:6px;align-items:center}
.sn-chip b{font-family:monospace}
.sn-chip i{cursor:pointer;color:var(--err);font-style:normal;font-weight:700}
.sn-err{color:var(--err);font-size:13px;margin-top:6px}