/* @@SPLIT_HEADER@@
   css/pages/export.css —— IX. 导出与拆分
      由 redesign2.html 拆分而来（原行号 22772-22852），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* ══════════════════════════════════════════════════════════════════════════
   IX. 样式（统一 ix- 前缀，避免和 .odlg / .ppop / .adv-* 撞）
   ══════════════════════════════════════════════════════════════════════════ */
#ixMask{position:fixed;inset:0;z-index:960;background:rgba(15,23,42,.42);
  display:none;align-items:center;justify-content:center;backdrop-filter:blur(1px)}
#ixMask.show{display:flex}
.ix-dlg{background:var(--card);border-radius:12px;box-shadow:0 18px 50px rgba(15,23,42,.28);
  width:min(640px,96vw);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}
.ix-dlg.ix-wide{width:min(760px,97vw)}
.ix-hd{flex:none;display:flex;align-items:center;gap:8px;padding:12px 16px;
  border-bottom:1px solid var(--line, #e5e7eb)}
.ix-hd .t{font-size:15px;font-weight:600;color:var(--text, #0f172a)}
.ix-hd .grow{flex:1 1 auto}
.ix-x{border:0;background:transparent;font-size:18px;line-height:1;color:var(--mut, var(--faint));
  cursor:pointer;padding:2px 7px;border-radius:6px}
.ix-x:hover{background:var(--bg);color:var(--text, #0f172a)}
.ix-bd{flex:1 1 auto;overflow:auto;padding:12px 16px 6px;font-size:12px;color:var(--text-2, #334155)}
.ix-ft{flex:none;display:flex;align-items:center;gap:8px;padding:10px 16px;
  border-top:1px solid var(--line, var(--line));background:#fbfcfe}
.ix-ft .ix-meta{flex:1 1 auto;font-size:11px;color:var(--mut, var(--faint));line-height:1.5}
.ix-sec{margin:2px 0 12px}
.ix-sec-hd{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;
  color:var(--mut, var(--faint));letter-spacing:.4px;padding:8px 0 6px;
  border-bottom:1px solid var(--line, var(--line));margin-bottom:8px}
.ix-sec-hd .grow{flex:1 1 auto}
.ix-sec-hd button{border:1px solid var(--line-strong, var(--line-strong));background:var(--card);
  border-radius:6px;font:inherit;font-size:11px;color:var(--text-2, var(--text-2));
  padding:1px 7px;cursor:pointer}
.ix-sec-hd button:hover{background:#f8fafc}
.ix-row{display:flex;align-items:center;gap:8px;min-height:28px;padding:2px 4px;
  border-radius:6px;cursor:pointer}
.ix-row:hover{background:#f8fafc}
.ix-row input{margin:0;cursor:pointer}
.ix-row.ix-off{cursor:not-allowed;color:#9ca3af}
.ix-row.ix-off:hover{background:#fafafa}
.ix-row.ix-off input{cursor:not-allowed;opacity:.45}
.ix-row .ix-nm{flex:1 1 auto;min-width:0}
.ix-row .ix-tag{flex:none;font-size:10px;border:1px solid var(--line);border-radius:999px;
  padding:0 6px;color:var(--faint);background:#f9fafb}
/* 列清单：三列网格，勾选项紧凑排列 */
.ix-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px}
.ix-cols .ix-row{min-height:26px}
/* 拆分面板（展开行里那块）
   ★ max-width：展开面板的 <td> 是 colspan 到整张表的宽（22 列时常超过一屏），
     不限宽的话右边的「按商品拆分包裹」按钮会被窗口裁掉一半（第一版就这样）。 */
.ix-parcelbox{margin:10px 0 4px;padding:10px 12px;border:1px solid var(--line);
  background:var(--hover);border-radius:10px;font-size:12px;color:var(--text-2, var(--text-2));
  max-width:1080px;box-sizing:border-box}
.ix-pb-hd{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-hover);margin-bottom:6px}
.ix-pb-hd .ix-grow{flex:1 1 auto}
.ix-pb-hd .ix-mini{font-weight:400;font-size:11px;color:var(--mut, #94a3b8)}
.ix-mini{font-size:11px;color:var(--mut, var(--faint));line-height:1.6}
.ix-pcar{display:flex;align-items:center;gap:8px;padding:5px 8px;margin:2px 0;
  background:var(--card);border:1px solid var(--line);border-radius:8px}
.ix-pcar .ix-c{flex:none;font-weight:600;color:var(--text);min-width:52px}
.ix-pcar .ix-p{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:#475569}
.ix-pcar .ix-state{flex:none;font-size:11px;color:var(--mut, #94a3b8)}
.ix-pcar .ix-state.ok{color:#059669}
.ix-btn{border:1px solid var(--line-strong, var(--line-strong));background:var(--card);border-radius:7px;
  font:inherit;font-size:11px;color:var(--text-2, var(--text-2));padding:2px 8px;cursor:pointer;
  white-space:nowrap}
.ix-btn:hover{background:#f1f5f9}
.ix-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.ix-btn.primary:hover{background:#1d4ed8}
.ix-btn:disabled{border-color:var(--line);color:#cbd5e1;background:#fafafa;cursor:not-allowed}
.ix-hint{margin:8px 0 4px;padding:7px 9px;font-size:11px;line-height:1.7;color:var(--warn);
  background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:8px}
.ix-hint b{color:#b45309}
/* 拆分对话框：每个商品一行，右侧选「放进哪个包裹」 */
.ix-items{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.ix-item{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--card);
  border:1px solid var(--line);border-radius:8px}
.ix-item .ix-n{flex:1 1 auto;min-width:0}
.ix-item .ix-n b{color:#0f172a}
.ix-item .ix-n i{font-style:normal;color:var(--mut, var(--faint));font-size:11px}
.ix-item select{height:26px;border:1px solid var(--line-strong, var(--line-strong));border-radius:7px;
  font:inherit;font-size:12px;padding:0 4px;color:var(--text, var(--text));background:#fff}
.ix-plan{font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.6;
  white-space:pre-wrap;word-break:break-all;background:#0f172a;color:#e2e8f0;
  border-radius:8px;padding:10px 12px;max-height:46vh;overflow:auto}