/* @@SPLIT_HEADER@@
   css/pages/addr-review.css —— XIX. 买家改地址审核：样式
      由 redesign2.html 拆分而来（原行号 33282-33360），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* ---- ① 表格列里的徽标 ---- */
.xix-badge{display:inline-block;padding:1px 6px;border-radius:9px;font-size:11px;
  font-weight:600;line-height:16px;white-space:nowrap;cursor:default;border:1px solid transparent}
.xix-b-pending{background:var(--warn-bg);color:var(--warn);border-color:#fdba74}
.xix-b-changed{background:var(--warn-bg);color:var(--warn);border-color:#fdba74}
.xix-b-ok{background:var(--green-bg);color:var(--green);border-color:#86efac}
.xix-b-no{background:var(--hover);color:var(--mut);border-color:#cbd5e1}
.xix-b-done{background:var(--bg);color:var(--mut);border-color:#cbd5e1}

/* ---- ② 展开面板里的「地址变更」段 ---- */
.xix-sec{margin:10px 0 2px;border-top:1px dashed var(--line);padding-top:10px}
.xix-sec-hd{font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:6px;display:flex;
  align-items:center;gap:8px}
.xix-sec-hd .xix-cnt{font-weight:600;color:#64748b}
.xix-sec-hd .xix-mode{font-weight:500;color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-line);
  border-radius:8px;padding:0 6px;font-size:11px}
.xix-card{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:6px;
  background:#fcfdff}
.xix-card.xix-pending{border-color:#fdba74;background:#fffcf7}
.xix-card.xix-changed{border-color:#fdba74;background:#fffcf7}
.xix-card .xix-t{font-size:12px;color:var(--mut);margin-bottom:4px}
.xix-card .xix-t b{color:#c2410c}
.xix-line{display:flex;gap:8px;font-size:12px;line-height:20px}
.xix-line .k{color:var(--faint);flex:0 0 30px}
.xix-line .v{color:var(--text-2);word-break:break-all}
.xix-line .v.new{color:var(--warn);font-weight:600}
.xix-card .xix-note{font-size:11px;color:var(--faint);margin-top:4px}
.xix-acts{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* ---- 按钮（本块自己的一套，不借全局 .btn，避免和别的块互相影响）---- */
.xix-btn{border:1px solid var(--line-strong);background:var(--card);color:var(--text-2);border-radius:6px;
  padding:2px 10px;font-size:12px;line-height:20px;cursor:pointer}
.xix-btn:hover{background:#f8fafc}
.xix-btn.xix-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.xix-btn.xix-primary:hover{background:#1d4ed8}
.xix-btn.xix-danger{background:var(--card);border-color:#fca5a5;color:#b91c1c}
.xix-btn.xix-danger:hover{background:#fef2f2}
.xix-btn[disabled]{opacity:.5;cursor:not-allowed}
.xix-ask{margin-top:6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.xix-reason{flex:1 1 220px;min-width:160px;border:1px solid var(--line-strong);border-radius:6px;
  padding:3px 8px;font-size:12px}
.xix-ask .xix-tip{font-size:11px;color:#94a3b8}

/* ---- ③ 设置 ▾ → 地址变更记录（右侧抽屉）---- */
.xix-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(15,23,42,.38);
  z-index:9500;display:none}
.xix-mask.show{display:block}
.xix-drawer{position:fixed;top:0;right:0;bottom:0;width:min(860px,96vw);background:var(--card);
  z-index:9501;display:none;flex-direction:column;box-shadow:-10px 0 30px rgba(15,23,42,.18)}
.xix-drawer.show{display:flex}
.xix-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e2e8f0}
.xix-hd .xix-title{font-size:15px;font-weight:700;color:#0f172a}
.xix-hd .xix-sub{font-size:12px;color:#64748b}
.xix-hd .xix-x{margin-left:auto;border:0;background:transparent;font-size:18px;color:var(--mut);
  cursor:pointer;padding:0 4px}
.xix-tabs{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.xix-tab{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:3px 12px;
  font-size:12px;color:var(--mut);cursor:pointer}
.xix-tab.on{background:var(--warn-bg);border-color:#fdba74;color:var(--warn);font-weight:600}
.xix-modebar{margin:10px 16px 0;padding:8px 10px;border-radius:8px;font-size:12px;line-height:18px}
.xix-modebar.dry{background:var(--warn-bg);border:1px solid var(--warn-line);color:#92400e}
.xix-modebar.live{background:var(--danger-bg);border:1px solid var(--danger-line);color:#991b1b}
.xix-list{flex:1 1 auto;overflow:auto;padding:10px 16px 20px}
.xix-row{border:1px solid var(--line);border-radius:8px;padding:9px 10px;margin-bottom:8px}
.xix-row.xix-pending{border-color:#fdba74;background:#fffcf7}
.xix-row.xix-changed{border-color:#fdba74;background:#fffcf7}
.xix-row .xix-r1{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-size:12px;color:#64748b}
.xix-row .xix-oid{font-family:ui-monospace,Consolas,monospace;color:var(--text);font-weight:600}
.xix-row .xix-oid .xix-cp{cursor:pointer;color:var(--faint);margin-left:4px}
.xix-row .xix-st{font-weight:600;color:#c2410c}
.xix-row .xix-r2{font-size:12px;color:var(--text-2);margin-top:4px;word-break:break-all;line-height:19px}
.xix-row .xix-r2 .old{color:var(--faint);text-decoration:line-through}
.xix-row .xix-r2 .arrow{color:var(--faint);margin:0 6px}
.xix-row .xix-r2 .new{color:var(--warn);font-weight:600}
.xix-row .xix-r3{font-size:11px;color:var(--faint);margin-top:4px}
.xix-empty{color:var(--faint);font-size:13px;text-align:center;padding:40px 0}
.xix-menu-n{display:inline-block;min-width:16px;height:16px;line-height:16px;text-align:center;
  border-radius:8px;background:#f97316;color:#fff;font-size:11px;font-weight:700;margin-left:6px;
  padding:0 4px}