/* 组件层：可复用控件（按钮/表格/弹窗/上传/分页/Toast 等） */
.btn{height:36px;border:1px solid #d7dee8;border-radius:7px;background:#fff;padding:0 12px;color:#334155}
.btn:hover{background:#f8fafc}
.primary{background:var(--grad);color:#fff;border-color:transparent;font-weight:600}
/* hover 必须重新声明背景：.btn:hover{background:#f8fafc} 特异性(0,2,0)高于
   .primary(0,1,0)，若不覆盖会导致悬停时「白底 + 白字」，按钮看上去凭空消失 */
.btn.primary:hover,.primary:hover{background:var(--grad);color:#fff;filter:brightness(1.07)}
.ghost{background:transparent}
.danger{color:var(--red);border-color:#f3c9c9}
.danger:hover{background:var(--red2)}
.warn{color:var(--orange);border-color:#fbd3b8}
.warn:hover{background:var(--orange2)}
.mini{height:28px;padding:0 9px;border:1px solid #dbe2ea;background:#fff;border-radius:6px;
  color:#334155;font-size:12px;white-space:nowrap}
.mini:hover{background:#f1f5f9}
.mini.danger{color:var(--red);border-color:#f3c9c9}
.mini.danger:hover{background:var(--red2)}
.mini:disabled{opacity:.45;cursor:not-allowed}
.panel{background:#fff;border:0;border-radius:var(--r);box-shadow:var(--shadow)}
.panel-head{padding:12px 15px;border-bottom:1px solid var(--line);display:flex;
  justify-content:space-between;align-items:center;font-weight:700}
.panel-head .sub{font-weight:400;color:var(--muted);font-size:12px}
.chart{height:170px;padding:12px 15px;display:flex;align-items:flex-end;gap:10px}

/* ---------- 筛选 ---------- */
.panel.main{overflow:visible}
.filters{padding:12px 13px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);align-items:center}
.filters .grow{flex:1}

/* ---------- 表格 ---------- */
.tablewrap{width:100%;overflow:auto;max-height:min(60vh,660px);border-top:1px solid #f1f5f9}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
thead th{position:sticky;top:0;z-index:5;background:#f8fafc;color:#475569;font-weight:600;
  text-align:left;padding:10px;border-bottom:1px solid #e2e8f0;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;height:42px;box-sizing:border-box}
tbody td{padding:9px 10px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:top;
  background:#fff;box-sizing:border-box}
tbody tr:hover td{background:#f8fbff}
tbody tr.sel td{background:#eff6ff}
td.money{font-variant-numeric:tabular-nums;color:#0f172a;font-weight:600;white-space:nowrap}
td.mono{font-family:Consolas,Monaco,monospace;font-size:12px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.cell{white-space:pre-wrap;word-break:break-all;line-height:1.45;max-height:58px;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ops{display:flex;gap:5px;white-space:nowrap}

/* ---------- 标签 ---------- */
.tag{display:inline-block;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:600;
  white-space:nowrap;border:1px solid transparent;line-height:1.5}
.tag.done{background:var(--green2);color:var(--green);border-color:#cdeed8}
.tag.returned{background:#fff8e8;color:#b45309;border-color:#f6dfb6}
.tag.processing{background:var(--blue2);color:var(--blue);border-color:#cfe0ff}
.tag.pending{background:var(--orange2);color:var(--orange);border-color:#f8d5bd}
.tag.closed{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}
.tag.model{background:var(--purple2);color:var(--purple);border-color:#e2d8fb}
.tag.no{background:var(--red2);color:var(--red);border-color:#fbd5d5}
.tag.yes{background:var(--green2);color:var(--green);border-color:#cdeed8}
.tag.visit{background:#f1f5f9;color:#475569;border-color:#e2e8f0}
.tag.file{background:#eef2ff;color:var(--blue);border-color:#d7e0ff}
.link{color:var(--blue);cursor:pointer}
.link:hover{text-decoration:underline}
.emptymark{color:#b6c2d1}

.pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;
  color:#64748b;gap:10px;flex-wrap:wrap}
.pages{display:flex;gap:4px;flex-wrap:wrap}
.page{min-width:30px;height:30px;border:1px solid #dbe2ea;background:#fff;border-radius:6px}
.page.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.pagesize{height:30px;padding:0 6px}

/* ---------- 弹窗 ---------- */
.modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:40;
  align-items:center;justify-content:center;padding:18px}
.modal.show{display:flex}
.box{background:#fff;width:min(1040px,100%);max-height:92vh;overflow:auto;border-radius:12px;
  box-shadow:0 15px 50px rgba(0,0,0,.18);display:flex;flex-direction:column}
.modalhead{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;
  justify-content:space-between;align-items:center;flex:none}
.modalhead b{font-size:15px}
.modalbody{padding:20px;overflow:auto}
.modalfoot{padding:13px 20px;border-top:1px solid var(--line);display:flex;
  justify-content:flex-end;gap:8px;flex:none;flex-wrap:wrap}
.close{border:0;background:#f1f5f9;border-radius:50%;width:30px;height:30px;font-size:16px;line-height:1}
.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.field label{display:block;color:#64748b;font-size:12px;margin-bottom:5px}
.field input,.field select,.field textarea{width:100%}
.field textarea{min-height:78px;padding:8px 9px;resize:vertical;line-height:1.55}
.full{grid-column:1/-1}
.req{color:var(--red)}
.notice{padding:10px 12px;background:#f8fafc;border-radius:7px;color:#64748b;margin-bottom:14px;font-size:12.5px}
.notice.warn{background:var(--orange2);color:#9a3412;border:1px solid #fbd9bf}
.notice.err{background:var(--red2);color:#991b1b;border:1px solid #fbd5d5}

.detailgrid{display:grid;grid-template-columns:140px 1fr;border:1px solid var(--line);
  border-radius:8px;overflow:hidden;margin-bottom:4px}
.detailgrid>div{padding:9px 12px;border-bottom:1px solid var(--line);word-break:break-all}
.detailgrid>div:nth-child(odd){background:#f8fafc;color:#64748b}
.detailgrid>div:nth-last-child(2),.detailgrid>div:last-child{border-bottom:0}

.steps{display:flex;margin:4px 0 18px}
.step{flex:1;text-align:center;position:relative;color:#94a3b8;font-size:12px}
.step:before{content:"";display:block;width:23px;height:23px;border-radius:50%;background:#e2e8f0;
  margin:0 auto 5px;position:relative;z-index:2}
.step:after{content:"";height:2px;background:#e2e8f0;position:absolute;top:11px;left:-50%;width:100%}
.step:first-child:after{display:none}
.step.on{color:var(--blue);font-weight:600}
.step.on:before{background:var(--blue)}
.step.on:after{background:var(--blue)}
.step.cur:after{}

/* ---------- 上传 ---------- */
.upload-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.upload-row input[type=file]{flex:1;min-width:170px;height:36px;padding:5px;background:#fff}
.drop{border:1px dashed #cbd5e1;border-radius:9px;padding:14px;text-align:center;color:#94a3b8;
  background:#fafbfd;font-size:12.5px}
.drop.over{border-color:var(--blue);background:var(--blue2);color:var(--blue)}
.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.file-chip{background:#eef2ff;color:var(--blue);padding:3px 9px;border-radius:20px;font-size:12px;
  display:inline-flex;align-items:center;gap:5px;border:1px solid #dbe4ff;max-width:100%}
.file-chip .fn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.file-chip button{background:transparent;border:0;color:var(--red);font-size:14px;line-height:1;padding:0 1px}
.media-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.media-box{position:relative;border:1px solid #e2e8f0;border-radius:7px;padding:3px;background:#fff;cursor:zoom-in}
.media-box img,.media-box video{display:block;width:78px;height:58px;object-fit:cover;border-radius:5px}
.media-box .badge{position:absolute;left:5px;bottom:5px;background:rgba(15,23,42,.7);color:#fff;
  font-size:10px;padding:1px 5px;border-radius:4px}
.media-box button{position:absolute;top:-7px;right:-7px;background:var(--red);color:#fff;border:0;
  border-radius:50%;width:19px;height:19px;font-size:12px;line-height:1;padding:0}
.pbar{height:5px;background:#eef2f8;border-radius:4px;overflow:hidden;margin-top:8px}
.pbar i{display:block;height:100%;background:var(--blue);width:0;transition:width .2s}

/* ---------- 灯箱 ---------- */
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:60;
  align-items:center;justify-content:center;padding:24px}
.lightbox.show{display:flex}
.lightbox img,.lightbox video{max-width:100%;max-height:88vh;border-radius:8px}
.lightbox .lbclose{position:absolute;top:16px;right:20px;background:rgba(255,255,255,.16);
  color:#fff;border:0;border-radius:50%;width:36px;height:36px;font-size:20px;line-height:1}
.lightbox .lbname{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#dbe4f0;font-size:13px}

/* ---------- 其他 ---------- */
.colmenu{position:relative}
.dropdown{display:none;position:absolute;right:0;top:40px;background:#fff;border:1px solid var(--line);
  border-radius:8px;box-shadow:0 8px 25px rgba(15,23,42,.12);padding:9px;width:190px;z-index:25;max-height:340px;overflow:auto}
.dropdown.show{display:block}
.dropdown label{display:flex;padding:5px 6px;gap:7px;align-items:center;font-size:12.5px;border-radius:5px}
.dropdown label:hover{background:#f8fafc}
.dropdown .dr{height:1px;background:var(--line);margin:6px 2px}
.toast{position:fixed;right:20px;bottom:20px;background:#172033;color:#fff;padding:10px 15px;
  border-radius:8px;display:none;z-index:80;max-width:80vw;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.toast.show{display:block}
.toast.err{background:#b91c1c}
.toast.ok{background:#15803d}
.empty{padding:44px;text-align:center;color:#94a3b8}
.empty b{display:block;font-size:14px;color:#64748b;margin-bottom:6px}

/* ---------- 视图切换 ---------- */
.vswitch{display:flex;border:1px solid #d7dee8;border-radius:8px;overflow:hidden;background:#fff;flex:none}
.vswitch button{border:0;background:#fff;padding:0 13px;height:36px;color:#475569;font-size:13px}
.vswitch button:hover{background:#f8fafc}
.vswitch button.on{background:var(--blue);color:#fff}

/* ---------- 账号管理 ---------- */
table.users{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
table.users th{background:#f8fafc;color:#475569;font-weight:600;text-align:left;padding:9px 10px;
  border-bottom:1px solid var(--line);font-size:12.5px;white-space:nowrap}
table.users td{padding:9px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle}
table.users tr:hover td{background:#fafcff}
.toast-undo{margin-left:10px;border:1px solid rgba(255,255,255,.55);background:transparent;
  color:#fff;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer;font-weight:600}
.toast-undo:hover{background:rgba(255,255,255,.18)}
.ck-col{width:40px;text-align:center}
th.ck-col,td.ck-col{padding-left:8px !important;padding-right:8px !important}
tr.sel{background:#f0f6ff !important;border-color:#93b4f7 !important}
tr.sel td{border-color:#dbe7fb !important}
.batchbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:9px 13px;background:#f0f6ff;border-bottom:1px solid #dbe7fb}
.bb-n{font-size:12.5px;color:#1e40af}
.bb-n b{font-size:14px}
.batchbar select,.batchbar .mini{height:30px}
th{position:relative}
.col-resizer{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:col-resize;
  user-select:none;z-index:2}
.col-resizer:hover{background:linear-gradient(90deg,transparent,#93b4f7,transparent)}
.empty .link{color:var(--blue);cursor:pointer;text-decoration:underline}

/* ===== SN 自动带出 ===== */
/* 被系统带出的字段：浅灰底，示意「来自交付订单，无需手填」 */
.field input.auto,.field select.auto,.field textarea.auto{
  background:#f4f6f9;border-color:#e6eaf0;color:#41506b}
.field input.auto:focus,.field select.auto:focus{
  border-color:var(--blue);background:#f4f6f9}

/* 识别结果提示块 */
.sn-tip{margin-top:8px;border-radius:9px;padding:9px 11px;font-size:12.5px;line-height:1.55}
.sn-tip.hit{background:#f0fdf4;border:1px solid #cfe7d5;color:#166534}
.sn-tip.miss{background:#fdf6e7;border:1px solid #f2ddb0;color:#8a5a00}
.sn-tip .sn-hd{font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.sn-tip .sn-kv{display:grid;grid-template-columns:repeat(2,1fr);gap:3px 14px}
.sn-tip .sn-kv span{color:#8b9098;margin-right:5px}
.sn-tip .sn-kv b.ok{color:#16a34a}
.sn-tip .sn-kv b.no{color:#b42318}
.sn-tip .sn-sub{margin-top:6px;font-size:11.5px;opacity:.8}