/* @@SPLIT_HEADER@@
   css/pages/aftersale-sub.css —— 售后 4 个子页面
      由 redesign2.html 拆分而来（原行号 1802-1879），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* ==========================================================================
   15. 售后子页面（扫退货快递单 / 换货补寄 / 退货地址 / 快递拦截）
   ========================================================================== */
.subview{overflow-y:auto}
.subhead{flex:none;display:flex;align-items:center;gap:14px;padding:10px 14px;font-size:12px;color:var(--mut);flex-wrap:wrap}
.subhead b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.subhead .right{margin-left:auto;display:flex;align-items:center;gap:8px}
/* 子表：和主表同一套「百分比列宽 + table-layout:fixed」策略，永远不出横向滚动 */
.subtable{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px}
.subtable thead th{
  position:sticky;top:0;z-index:3;height:36px;padding:0 8px;background:var(--card);
  border-bottom:1px solid var(--line);box-shadow:0 1px 3px rgba(0,0,0,.06);
  font-size:12px;font-weight:600;color:var(--text-2);text-align:left;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.subtable tbody td{height:44px;padding:4px 8px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:middle;overflow:hidden}
.subtable tbody tr:last-child td{border-bottom:none}
.subtable tbody tr:hover td{background:var(--hover)}
.subtable td.c-chk{padding-left:12px}
.subwrap{flex:1;min-height:0;overflow:auto;overflow-x:hidden}
/* 拦截状态胶囊 */
.pill-s-intercepting{background:var(--warn-bg);color:#c2410c}
.pill-s-int-ok{background:var(--green-bg);color:var(--green)}
.pill-s-int-fail{background:var(--danger-bg);color:#b91c1c}
/* 默认地址徽章 */
.badge-def{display:inline-block;padding:0 7px;border-radius:var(--r-pill);background:var(--accent-weak);color:var(--accent);font-size:11px;line-height:18px;border:1px solid var(--accent-line)}
.badge-none{color:var(--faint);font-size:12px}

/* ---- 扫退货快递单 ---- */
.scanpage{flex:none;padding:14px 16px}
.scan-tip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);
  background:var(--accent-weak);border:1px solid var(--accent-line);border-radius:8px;padding:7px 10px;margin-bottom:14px}
.scan-tip .i{width:13px;height:13px;flex:none}
.scan-biglab{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}
.scan-big{width:100%;height:56px;padding:0 16px;border:1px solid var(--line-strong);border-radius:10px;
  font-size:20px;letter-spacing:.6px;color:var(--text);outline:none;font-variant-numeric:tabular-nums}
.scan-big:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.scan-status{display:flex;align-items:center;gap:18px;margin-top:12px;font-size:12px;color:var(--mut);flex-wrap:wrap}
.scan-status b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.scan-status .scan-live{display:inline-flex;align-items:center;gap:6px}
.scan-status .btn{margin-left:auto}
.scan-result{display:none;flex:none;padding:14px 16px}
.scan-result.show{display:block}
.scan-result .rhd{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px}
.scan-kv{display:grid;grid-template-columns:96px minmax(0,1fr);gap:7px 12px;font-size:12px}
.scan-kv .k{color:var(--mut)}
.scan-kv .v{color:var(--text);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scan-none{color:var(--danger);font-size:13px;font-weight:600}
.scan-log{flex:1;min-height:0;display:flex;flex-direction:column}
.scan-log .lghd{flex:none;display:flex;align-items:center;gap:10px;height:34px;padding:0 14px;
  border-bottom:1px solid var(--line);font-size:12px;font-weight:600;color:var(--text)}
.scan-log .lghd .n{margin-left:auto;font-weight:400;color:var(--faint)}
.scan-log-list{flex:1;min-height:0;overflow:auto;padding:0 14px 8px}
.slog{display:grid;grid-template-columns:64px 170px 170px minmax(0,1fr);gap:10px;align-items:center;
  height:34px;border-bottom:1px solid var(--line);font-size:12px;color:var(--text-2)}
.slog:last-child{border-bottom:none}
.slog .mono{font-size:11.5px;color:var(--text)}
.slog .t{color:var(--faint);font-variant-numeric:tabular-nums}
.slog .ok{color:var(--green);font-weight:600}
.slog .bad{color:var(--danger);font-weight:600}
.scan-log .lghd + .scan-log-list{padding-top:0}

/* ---- 小表单弹窗（补寄 / 退货地址新增编辑） ---- */
#formMask{position:fixed;inset:0;z-index:320;background:rgba(15,23,42,.34);display:none;align-items:center;justify-content:center}
#formMask.show{display:flex}
.form-modal{width:430px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 20px 48px rgba(15,23,42,.24);overflow:hidden}
.form-hd{display:flex;align-items:center;height:44px;padding:0 14px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--text)}
.form-hd .x{margin-left:auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;
  border:0;background:none;border-radius:6px;color:var(--faint);cursor:pointer;padding:0}
.form-hd .x:hover{background:var(--bg);color:var(--text)}
.form-bd{padding:14px}
.form-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.form-row .k{flex:none;width:78px;font-size:12px;color:var(--mut);padding-top:9px}
.form-row .ipt{flex:1;width:auto;min-width:0}
.form-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);padding-top:8px}
.form-ft{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px 14px;border-top:1px solid #f1f3f6}