/* ===== 拣单排车（预装车）页面样式 —— 全部限定在 #preloadPage 内，不影响其它页面 ===== */
#preloadPage{position:fixed;inset:0;z-index:9990;background:#eef1f5;display:flex;flex-direction:column;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang HK","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  color:#1f2937;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top)}
#preloadPage.pl-hidden{display:none!important}
#preloadPage *{box-sizing:border-box}
#preloadPage .pl-top{flex:0 0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:#fff;border-bottom:1px solid #dfe3e9;box-shadow:0 1px 3px rgba(16,24,40,.05)}
#preloadPage .pl-brand{font-size:17px;font-weight:800;white-space:nowrap}
#preloadPage .pl-filters{display:flex;gap:7px;align-items:center;flex:0 1 auto;min-width:0}
#preloadPage .pl-lab{font-size:12px;color:#64748b;font-weight:700;white-space:nowrap}
#preloadPage .pl-filters input,#preloadPage .pl-filters select,#preloadPage .pl-scan input{height:38px;border:1px solid #dfe3e9;border-radius:9px;padding:0 10px;font-size:14px;background:#f9fafb;color:#1f2937;outline:none;min-width:0}
#preloadPage .pl-filters input[type=date]{width:138px}
#preloadPage .pl-filters select{width:116px}
/* 2026-10-31：扫码框从「第二行」挪到顶栏中间（原三个计数位），常驻可见 */
#preloadPage .pl-scan{display:flex;flex:1 1 240px;min-width:130px}
#preloadPage .pl-scan input{flex:1 1 auto;width:100%}
#preloadPage .pl-filters input:focus,#preloadPage .pl-filters select:focus,#preloadPage .pl-scan input:focus{border-color:#2563eb;background:#fff}
#preloadPage .pl-counts{display:flex;gap:6px;font-size:13px;font-weight:700;white-space:nowrap;color:#475569}
#preloadPage .pl-counts span{background:#f1f5f9;border-radius:20px;padding:5px 11px}
#preloadPage .pl-counts b{color:#0f172a;font-size:14px}
#preloadPage #plDirtyBox{display:none;background:#fff7ed;color:#c2410c}
#preloadPage .pl-acts{display:flex;gap:7px;align-items:center}
/* 2026-10-31：平板专用「日期/区域/搜索」折叠按钮（电脑端不显示） */
#preloadPage .pl-filterbtn{display:none}
#preloadPage button{font-family:inherit;cursor:pointer;border-radius:9px;border:1px solid #dfe3e9;background:#fff;color:#1f2937;font-size:14px;font-weight:600;height:38px;padding:0 13px;white-space:nowrap}
#preloadPage button:active{transform:scale(.97)}
#preloadPage button.pl-primary{background:#2563eb;border-color:#2563eb;color:#fff}
#preloadPage button.pl-icon{width:38px;padding:0;font-size:16px}
#preloadPage button:disabled{opacity:.45;cursor:default}
#preloadPage .pl-main{flex:1 1 auto;display:flex;min-height:0;gap:10px;padding:10px}
#preloadPage .pl-pool,#preloadPage .pl-board{background:#fff;border:1px solid #dfe3e9;border-radius:14px;display:flex;flex-direction:column;min-height:0;box-shadow:0 1px 2px rgba(16,24,40,.06),0 4px 12px rgba(16,24,40,.05)}
#preloadPage .pl-pool{flex:0 0 52%;max-width:960px;min-width:320px}
#preloadPage .pl-board{flex:1 1 auto;min-width:0}
#preloadPage .pl-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid #dfe3e9;flex:0 0 auto;font-size:14px;font-weight:800}
#preloadPage .pl-hd b{color:#2563eb;font-size:16px;margin:0 2px}
#preloadPage .pl-hint{font-size:12px;color:#6b7280;font-weight:400;margin-left:6px}
#preloadPage .pl-hd button{height:32px;font-size:13px;padding:0 10px}

/* ---- 左：合单表 ---- */
#preloadPage .pl-list{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;padding:0 8px 10px}
#preloadPage .pl-phead,#preloadPage .pl-row{display:grid;align-items:start;gap:0 6px;
  grid-template-columns:50px 64px minmax(48px,.8fr) 42px minmax(110px,1.5fr) minmax(80px,1fr) minmax(74px,.9fr) 58px 66px;
  padding:6px 5px;border-bottom:1px solid #f1f4f8}
#preloadPage .pl-phead{position:sticky;top:0;z-index:3;background:#f8fafc;font-size:11px;font-weight:800;color:#64748b;border-bottom:1px solid #dfe3e9;padding:7px 5px}
#preloadPage .pl-row{font-size:12px;color:#334155;touch-action:pan-y;position:relative;border-left:3px solid transparent}
#preloadPage .pl-row:nth-child(even){background:#fcfdfe}
#preloadPage .pl-row.pl-sel{background:#eff6ff;border-left-color:#2563eb;box-shadow:inset 0 0 0 1px #bfdbfe}
#preloadPage .pl-row.pl-dirty{border-left-color:#ea580c}
#preloadPage .pl-row.pl-warn{border-left-color:#f59e0b;background:#fffdf5}
#preloadPage .pl-row > span{min-width:0;overflow-wrap:anywhere;line-height:1.4}
#preloadPage .pl-no{font-weight:800;color:#0f172a;white-space:nowrap}
#preloadPage .pl-area{color:#0369a1}
#preloadPage .pl-addr{color:#475569}
#preloadPage .pl-note{color:#b45309}
#preloadPage .pl-goods{color:#475569}
#preloadPage .pl-date{color:#64748b;white-space:nowrap}
#preloadPage .pl-pkg{font-weight:700;white-space:nowrap;color:#0f172a}
#preloadPage .pl-edit{color:#94a3b8;font-size:11px;cursor:pointer;padding:0 2px}
#preloadPage .pl-edit:hover{color:#2563eb}
#preloadPage .pl-st{white-space:nowrap;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
#preloadPage .pl-chip{display:inline-block;border-radius:5px;padding:1px 5px;background:#f1f5f9;color:#475569;font-weight:700;font-size:11px}
#preloadPage .pl-chip.loaded{background:#dcfce7;color:#15803d}
#preloadPage .pl-chip.warn{background:#fef3c7;color:#b45309}
#preloadPage .pl-chip.dirty{background:#ffedd5;color:#c2410c}
#preloadPage .pl-empty{padding:26px 12px;text-align:center;color:#9aa4b2;font-size:13px;line-height:1.7}

/* ---- 右：车框（上下排列） ---- */
#preloadPage .pl-trucks{flex:1 1 auto;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:9px;-webkit-overflow-scrolling:touch}
#preloadPage .pl-tbox{flex:0 0 auto;background:#fbfcfe;border:1.5px solid #dfe3e9;border-radius:12px;overflow:hidden}
#preloadPage .pl-tbox.pl-over{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14);background:#f5f9ff}
#preloadPage .pl-tbox.pl-emptybox{border-style:dashed}
#preloadPage .pl-thead{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#f1f5f9;border-bottom:1px solid #dfe3e9;cursor:pointer;flex-wrap:wrap;touch-action:manipulation}
#preloadPage .pl-tbox.pl-over .pl-thead{background:#e8f1ff}
#preloadPage .pl-plate{font-size:15px;font-weight:800;letter-spacing:.4px;white-space:nowrap}
#preloadPage .pl-tsize{font-size:11.5px;color:#6b7280;white-space:nowrap}
#preloadPage .pl-tstat{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11.5px;color:#475569;white-space:nowrap}
#preloadPage .pl-bar{flex:0 0 54px;height:5px;background:#e9edf3;border-radius:4px;overflow:hidden}
#preloadPage .pl-bar i{display:block;height:100%;background:linear-gradient(90deg,#34d399,#16a34a);border-radius:4px}
#preloadPage .pl-bar.warn i{background:linear-gradient(90deg,#fbbf24,#ea580c)}
#preloadPage .pl-bar.danger i{background:linear-gradient(90deg,#f87171,#dc2626)}
#preloadPage .pl-tmax{font-size:11px;font-weight:700;color:#2563eb;background:#e8f1ff;border-radius:6px;padding:3px 7px;white-space:nowrap}
#preloadPage .pl-tdel{font-size:11px;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2px 6px;white-space:nowrap;cursor:pointer}
#preloadPage .pl-tlist{padding:5px;display:flex;flex-direction:column;gap:4px;min-height:46px}
#preloadPage .pl-titem{display:grid;align-items:start;gap:0 7px;
  grid-template-columns:24px 62px minmax(46px,.7fr) 40px minmax(90px,1.4fr) minmax(64px,.9fr) minmax(58px,.8fr) 52px;
  background:#fff;border:1px solid #dfe3e9;border-radius:8px;padding:5px 16px 5px 6px;font-size:12px;touch-action:pan-y;cursor:grab;position:relative}
#preloadPage .pl-titem:active{cursor:grabbing}
#preloadPage .pl-titem.pl-dirty{border-color:#fdba74;background:#fffbf5}
#preloadPage .pl-titem.pl-warn{border-color:#fcd34d;background:#fffdf5}
#preloadPage .pl-titem > span{min-width:0;overflow-wrap:anywhere;line-height:1.4}
#preloadPage .pl-titem .sq{width:20px;height:20px;border-radius:6px;background:#eef2f7;color:#334155;font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
#preloadPage .pl-titem .tno{font-weight:800;white-space:nowrap}
#preloadPage .pl-titem .tarea{color:#0369a1}
#preloadPage .pl-titem .taddr{color:#475569}
#preloadPage .pl-titem .tnote{color:#b45309}
#preloadPage .pl-titem .tgoods{color:#64748b}
#preloadPage .pl-titem .tpkg{font-weight:800;white-space:nowrap}
#preloadPage .pl-titem .warnmini{margin-left:4px;font-size:10.5px;font-weight:800;color:#b45309;background:#fef3c7;border-radius:4px;padding:0 4px;white-space:nowrap}
#preloadPage .pl-titem .tgrip{position:absolute;right:2px;top:50%;transform:translateY(-50%);color:#cbd5e1;font-size:12px;touch-action:none;cursor:grab;padding:2px}
#preloadPage .pl-tempty{color:#b6bec9;font-size:12px;text-align:center;padding:12px 4px}
/* 2026-10-26：合单下面挂子单（默认只挂未入仓的货，点一下展开全部） */
#preloadPage .pl-subs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;padding-top:5px;border-top:1px dashed #e5e7eb;cursor:pointer}
#preloadPage .pl-subs-lab{font-size:10.5px;font-weight:800;color:#b45309;background:#fef3c7;border-radius:4px;padding:1px 5px;white-space:nowrap}
#preloadPage .pl-sub{font-size:11px;color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:4px;padding:1px 6px}
#preloadPage .pl-sub.bad{color:#92400e;background:#fffbeb;border-color:#fcd34d;font-weight:700}
#preloadPage .pl-sub i{font-style:normal;margin-left:4px;color:#d97706;font-size:10px}
#preloadPage .pl-tfoot{display:flex;gap:6px;padding:6px 8px;border-top:1px solid #eef1f5}
#preloadPage .pl-tfoot button{flex:1 1 auto;height:30px;font-size:12px;font-weight:700}
/* 2026-10-27：车框「全屏排序」= 真·全屏覆盖整页（平板也能用整块屏幕拖动排序）
   顶部保留一条切换条（还原 / 换另一台车），下面整块都是这车的清单 */
#preloadPage.pl-maxed .pl-trucks{padding:8px}
#preloadPage.pl-maxed .pl-tbox{display:none}
#preloadPage.pl-maxed .pl-tbox.pl-max{position:fixed;left:0;right:0;top:var(--plMaxTop,42px);bottom:0;z-index:9997;
  display:flex;flex-direction:column;min-height:0;border:none;border-radius:0;background:#fff;box-shadow:none}
#preloadPage.pl-maxed .pl-tbox.pl-max .pl-tlist{flex:1 1 auto;overflow-y:auto;padding:8px 10px}
#preloadPage.pl-maxed .pl-tbox.pl-max .pl-thead{flex:0 0 auto}
#preloadPage.pl-maxed .pl-tbox.pl-max .pl-tfoot{flex:0 0 auto;background:#fff}
#preloadPage.pl-maxed .pl-titem{font-size:13.5px;padding:8px 24px 8px 8px;grid-template-columns:28px 70px minmax(60px,.8fr) 46px minmax(140px,1.8fr) minmax(90px,1fr) minmax(80px,.9fr) 60px 20px}
#preloadPage .pl-maxbar{display:none;flex:0 0 auto;gap:0;padding:6px 8px;background:#f8fafc;border-bottom:1px solid #dfe3e9;overflow:hidden}
#preloadPage.pl-maxed .pl-maxbar{display:flex;position:fixed;left:0;right:0;top:0;z-index:9998;
  background:#0f172a;border-bottom:1px solid #1e293b;padding:5px 8px;align-items:center}
/* 2026-10-31：全屏排序顶栏分两段 —— 左边「退出全屏 / 保存排序」冻结不动，右边车牌横向滑动 */
#preloadPage .pl-maxbar .mh-fixed{display:flex;align-items:center;gap:6px;flex:0 0 auto;
  margin-right:8px;padding-right:8px;border-right:1px solid #334155;position:relative;z-index:1}
#preloadPage .pl-maxbar .mh-scroll{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:2px}
#preloadPage .pl-maxbar .mh-scroll button{flex:0 0 auto}
#preloadPage .pl-maxbar .mh-scroll::-webkit-scrollbar{height:6px;background:transparent}
#preloadPage .pl-maxbar .mh-scroll::-webkit-scrollbar-track{background:#1e293b;border-radius:3px}
#preloadPage .pl-maxbar .mh-scroll::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}
#preloadPage .pl-maxbar .mh-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}
#preloadPage.pl-maxed .pl-maxbar button{background:#1e293b;color:#e2e8f0;border:1px solid #334155}
#preloadPage .pl-maxbar button{height:30px;font-size:12.5px;padding:0 9px;white-space:nowrap}
#preloadPage .pl-maxbar button.cur{background:#2563eb;border-color:#2563eb;color:#fff}
#preloadPage.pl-maxed .pl-maxbar button.cur{background:#2563eb;border-color:#2563eb;color:#fff}
/* 2026-10-27：全屏排序顶栏 —— 保存按钮 / 提示文字 / 拖到车牌上换车的高亮 */
#preloadPage.pl-maxed .pl-maxbar .mh-save{background:#16a34a;border-color:#16a34a;color:#fff;font-weight:800}
#preloadPage.pl-maxed .pl-maxbar .mh-hint{color:#94a3b8;font-size:12px;white-space:nowrap;padding:0 6px;align-self:center}
#preloadPage.pl-maxed .pl-maxbar button.pl-drop{background:#16a34a;border-color:#16a34a;color:#fff;transform:scale(1.06)}
@media (max-width:900px){ #preloadPage.pl-maxed .pl-maxbar .mh-hint{display:none} }

/* ---- 拖动 ---- */
#plGhost{position:fixed;left:0;top:0;z-index:99999;pointer-events:none;display:none;background:#fff;border:1.5px solid #2563eb;
  border-left-width:5px;border-radius:11px;box-shadow:0 12px 28px rgba(16,24,40,.22);padding:9px 11px;max-width:300px;transform:translate(-14px,-18px) rotate(-1.2deg)}
#plGhost .g-no{font-size:15px;font-weight:800}
#plGhost .g-sub{font-size:12px;color:#6b7280;margin-top:3px}
#plGhost .g-goods{font-size:11.5px;color:#94a3b8;margin-top:2px}
#preloadPage .pl-ph{height:32px;border:2px dashed #93c5fd;background:#eff6ff;border-radius:8px;margin:2px 0}
#preloadPage.pl-dragging .pl-row,#preloadPage.pl-dragging .pl-titem{opacity:.45}
#preloadPage.pl-dragging .pl-row.pl-dragsrc,#preloadPage.pl-dragging .pl-titem.pl-dragsrc{opacity:.25}

/* ---- 弹窗 / toast ---- */
#preloadPage .pl-mask{position:fixed;inset:0;background:rgba(17,24,39,.45);display:none;align-items:center;justify-content:center;z-index:99950;padding:16px}
#preloadPage .pl-mask.pl-on{display:flex}
#preloadPage .pl-dlg{background:#fff;border-radius:16px;width:min(520px,100%);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(16,24,40,.3)}
#preloadPage .pl-dlg h3{margin:0;padding:14px 16px;font-size:16px;border-bottom:1px solid #dfe3e9;display:flex;align-items:center;gap:9px}
#preloadPage .pl-dlg h3 .pl-plus{margin-left:auto;width:30px;height:30px;flex:0 0 30px;padding:0;border-radius:50%;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;font-size:19px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s,background .18s}
#preloadPage .pl-dlg h3 .pl-plus:hover{background:#dbeafe;border-color:#93c5fd}
#preloadPage .pl-dlg h3 .pl-plus.on{transform:rotate(45deg);background:#dbeafe}
#preloadPage .pl-dlg .bd{padding:12px 16px;overflow-y:auto;font-size:14px;line-height:1.7}
#preloadPage .pl-dlg .ft{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #dfe3e9}
#preloadPage .pl-dlg .ft button{flex:1 1 auto;height:42px}
#preloadPage .pl-pick{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #dfe3e9;border-radius:10px;margin-bottom:7px}
#preloadPage .pl-pick input{width:20px;height:20px;accent-color:#2563eb}
#preloadPage .pl-pick .p1{font-weight:800}
#preloadPage .pl-pick .p2{font-size:12px;color:#6b7280}
#preloadPage .pl-pick.dis{opacity:.45}
/* 2026-10-26：弹窗内新增港车表单 */
#preloadPage .pl-mini{height:34px;padding:0 12px;font-size:13px;font-weight:700;background:#fff;color:#2563eb;border:1px dashed #93c5fd;border-radius:8px;cursor:pointer}
#preloadPage .pl-mini:hover{background:#eff6ff}
#preloadPage .pl-f2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
#preloadPage .pl-f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}
#preloadPage .pl-f2 label,#preloadPage .pl-f3 label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#4b5563;font-weight:700}
#preloadPage .pl-f2 label b,#preloadPage .pl-f3 label b{color:#dc2626;font-weight:800}
#preloadPage .pl-f2 input,#preloadPage .pl-f3 input{height:34px;padding:0 9px;font-size:13px;font-weight:400;background:#fff;border:1px solid #d1d5db;border-radius:7px;color:#111827;outline:none}
#preloadPage .pl-f2 input:focus,#preloadPage .pl-f3 input:focus{border-color:#2563eb}
#plToast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);opacity:0;background:#111827;color:#fff;font-size:14px;font-weight:600;
  padding:11px 18px;border-radius:24px;box-shadow:0 10px 26px rgba(0,0,0,.25);transition:.22s;z-index:99999;pointer-events:none;max-width:88vw;text-align:center}
#plToast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---- 窄屏 ---- */
@media (max-width:1180px){
  #preloadPage .pl-phead{display:none}
  #preloadPage .pl-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 9px;padding:8px 6px;font-size:12.5px}
  #preloadPage .pl-row .pl-no{font-size:14px;order:1}
  #preloadPage .pl-row .pl-st{order:2;flex-direction:row;align-items:center}
  #preloadPage .pl-row .c-name{order:3;font-weight:700}
  #preloadPage .pl-row .pl-area{order:4}
  #preloadPage .pl-row .pl-pkg{order:5}
  #preloadPage .pl-row .pl-date{order:6;font-size:11.5px}
  #preloadPage .pl-row .pl-addr{order:7;flex:1 1 100%}
  #preloadPage .pl-row .pl-addr::before{content:"📍 "}
  #preloadPage .pl-row .pl-note{order:8;flex:1 1 100%;font-size:12px}
  #preloadPage .pl-row .pl-note::before{content:"📝 ";color:#94a3b8}
  #preloadPage .pl-row .pl-goods{order:9;flex:1 1 100%;font-size:11.5px}
  #preloadPage .pl-row .pl-goods::before{content:"📦 ";color:#94a3b8}
  #preloadPage .pl-row .pl-subs{order:10;flex:1 1 100%;grid-column:auto}

  #preloadPage .pl-titem{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;padding:6px 18px 6px 6px}
  #preloadPage .pl-titem .sq{order:1}
  #preloadPage .pl-titem .tno{order:2}
  #preloadPage .pl-titem .c-name{order:3;font-weight:700}
  #preloadPage .pl-titem .tarea{order:4}
  #preloadPage .pl-titem .tpkg{order:5}
  #preloadPage .pl-titem .taddr{order:6;flex:1 1 100%}
  #preloadPage .pl-titem .taddr::before{content:"📍 "}
  #preloadPage .pl-titem .tnote{order:7;flex:1 1 100%}
  #preloadPage .pl-titem .tnote::before{content:"📝 "}
  #preloadPage .pl-titem .tgoods{order:8;flex:1 1 100%;font-size:11.5px}
  #preloadPage .pl-titem .tgoods::before{content:"📦 "}
  #preloadPage .pl-titem .pl-subs{order:9;flex:1 1 100%;grid-column:auto}
}
/* 2026-10-31 用户要求：平板顶部压成两行 —— 第一行 = 品牌 + 计数(居中) + 全部按钮；第二行 = 日期/区域/搜索
   v2（同日再瘦身）：品牌只留图标；第二行可折叠（默认收起），第一行留个「📅 10-31」小按钮点开 */
@media (max-width:900px){
  #preloadPage .pl-main{flex-direction:row;padding:8px;gap:8px}
  #preloadPage .pl-pool{flex:0 0 46%;max-width:none;min-width:260px}
  #preloadPage .pl-board{flex:1 1 54%;min-width:0}
  #preloadPage .pl-top{padding:6px 10px;gap:6px}
  #preloadPage .pl-brand{order:1;font-size:17px}
  #preloadPage .pl-brand-txt{display:none}
  #preloadPage .pl-filterbtn{display:inline-flex;align-items:center;gap:4px;order:2;height:32px;padding:0 9px;font-size:13px;border-radius:8px;flex:0 0 auto}
  #preloadPage .pl-filterbtn.pl-on{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
  /* 2026-10-31：三个计数去掉，中间换常驻扫码框；未保存提示跟着按钮排在右边 */
  #preloadPage .pl-scan{order:3;flex:1 1 auto;min-width:120px;margin:0 2px}
  #preloadPage .pl-scan input{height:34px;font-size:16px}   /* 16px：iPad 聚焦不会放大页面 */
  #preloadPage .pl-counts{order:4;margin:0;gap:5px;font-size:12px}
  #preloadPage .pl-counts span{padding:4px 9px}
  #preloadPage .pl-acts{order:5;margin-left:0;flex-wrap:nowrap;gap:5px}
  #preloadPage .pl-acts button{padding:0 10px;font-size:13.5px}
  #preloadPage .pl-filters{order:6;flex:1 1 100%;flex-basis:100%}
  #preloadPage.pl-fcollapse .pl-filters{display:none!important}
  #preloadPage .pl-plate{font-size:13.5px}
}
/* 手机（≤600px）才改为上下结构 */
@media (max-width:600px){
  #preloadPage .pl-main{flex-direction:column}
  #preloadPage .pl-pool{flex:1 1 40%;min-width:0}
  #preloadPage .pl-board{flex:1 1 60%}
}
/* 2026-10-27：全屏排序时（平板也）把每票压成单行 —— 行矮、一屏看得到更多，方便上下拖动排序 */
@media (max-width:1180px){
  #preloadPage.pl-maxed .pl-tbox.pl-max .pl-titem{
    display:grid;flex-wrap:nowrap;align-items:start;gap:0 8px;
    padding:9px 26px 9px 8px;font-size:13px;
    grid-template-columns:26px 70px minmax(54px,.9fr) 44px minmax(110px,1.6fr) minmax(76px,1fr) minmax(66px,.9fr) 56px 18px;
  }
  #preloadPage.pl-maxed .pl-tbox.pl-max .pl-titem > span{order:0}
  #preloadPage.pl-maxed .pl-tbox.pl-max .pl-titem .taddr::before,
  #preloadPage.pl-maxed .pl-tbox.pl-max .pl-titem .tnote::before,
  #preloadPage.pl-maxed .pl-tbox.pl-max .pl-titem .tgoods::before{content:none}
  #preloadPage.pl-maxed .pl-tbox.pl-max .pl-titem .pl-subs{grid-column:1/-1}
}

/* ===== 2026-10-27：平板触屏滚动条「摸得到、看得见」 + 行右边距收窄 =====
   用户口径：合单列表上下滚动条不好用（拉不动、看不到单），滚动条触摸边界放宽；行只收右边距。
   ① 16px 触摸热区（滑块可见 8px，四周 4px 与轨道同色内缩）——默认浏览器细条点不中
   ② 轨道常显，一眼能看到这条能拖 ③ 滑块最小 44px、靠边不留空 ④ 左右内边距只收右侧
   作用范围：左合单列表(pl-list) / 右车框(pl-trucks) / 全屏车内清单(pl-max .pl-tlist) */
#preloadPage .pl-list,
#preloadPage .pl-trucks,
#preloadPage .pl-tbox.pl-max .pl-tlist{
  scrollbar-width:auto;scrollbar-color:#8b9bb1 #e7ecf3;
  overscroll-behavior:contain}
#preloadPage .pl-list::-webkit-scrollbar,
#preloadPage .pl-trucks::-webkit-scrollbar,
#preloadPage .pl-tbox.pl-max .pl-tlist::-webkit-scrollbar{width:20px;height:20px;background:#e7ecf3}
#preloadPage .pl-list::-webkit-scrollbar-track,
#preloadPage .pl-trucks::-webkit-scrollbar-track,
#preloadPage .pl-tbox.pl-max .pl-tlist::-webkit-scrollbar-track{background:#e7ecf3;border-radius:10px}
/* 2026-10-31：滑块再加粗（可见 14px、热区 20px），平板手指一摸就能拖住 */
#preloadPage .pl-list::-webkit-scrollbar-thumb,
#preloadPage .pl-trucks::-webkit-scrollbar-thumb,
#preloadPage .pl-tbox.pl-max .pl-tlist::-webkit-scrollbar-thumb{
  background:#8b9bb1;border:3px solid #e7ecf3;border-radius:10px;min-height:56px}
#preloadPage .pl-list::-webkit-scrollbar-thumb:hover,
#preloadPage .pl-trucks::-webkit-scrollbar-thumb:hover,
#preloadPage .pl-tbox.pl-max .pl-tlist::-webkit-scrollbar-thumb:hover{background:#64748b}
#preloadPage .pl-list::-webkit-scrollbar-thumb:active,
#preloadPage .pl-trucks::-webkit-scrollbar-thumb:active,
#preloadPage .pl-tbox.pl-max .pl-tlist::-webkit-scrollbar-thumb:active{background:#475569}
#preloadPage .pl-list::-webkit-scrollbar-button,
#preloadPage .pl-trucks::-webkit-scrollbar-button,
#preloadPage .pl-tbox.pl-max .pl-tlist::-webkit-scrollbar-button{display:none;width:0;height:0}
/* 只收右边距：内容往右让位，滑块不再被行盖住 */
#preloadPage .pl-list{padding:0 4px 10px 8px}
#preloadPage .pl-trucks{padding:10px 4px 10px 10px}
#preloadPage .pl-row{padding:6px 2px 6px 5px}
#preloadPage .pl-phead{padding:7px 2px 7px 5px}
#preloadPage .pl-titem{padding:5px 13px 5px 6px}
#preloadPage .pl-titem .tgrip{right:1px}
@media (max-width:1180px){
  #preloadPage .pl-row{padding:8px 2px 8px 6px}
  #preloadPage .pl-titem{padding:6px 13px 6px 6px}
}