/* @@SPLIT_HEADER@@
   css/pages/rules.css —— XXIX. 规则 / 店铺 / 账号 六项：样式
      由 redesign2.html 拆分而来（原行号 37579-37662），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* ---- 面板骨架（和 XXVI 的电子面单面板同一套观感，类名加 xxix- 前缀避免撞车） ---- */
.xxix-mask{position:fixed;inset:0;z-index:1270;background:rgba(15,23,42,.34);
  display:none;align-items:center;justify-content:center;padding:18px}
.xxix-mask.show{display:flex}
.xxix-dlg{width:min(880px,calc(100vw - 36px));max-height:min(88vh,840px);background:var(--card);
  border-radius:12px;box-shadow:0 24px 64px rgba(15,23,42,.22);display:flex;
  flex-direction:column;overflow:hidden}
.xxix-hd{display:flex;align-items:center;gap:10px;padding:11px 16px;
  border-bottom:1px solid var(--line);flex:none}
.xxix-title{font-size:15px;font-weight:600;color:var(--text)}
.xxix-sub{font-size:11.5px;color:var(--mut);font-weight:400}
.xxix-x{margin-left:auto;flex:none;width:24px;height:24px;border:0;background:none;
  border-radius:6px;color:var(--faint);cursor:pointer;font-size:13px;line-height:1}
.xxix-x:hover{background:var(--bg);color:var(--text)}
.xxix-bd{padding:12px 16px;overflow:auto;flex:1 1 auto;font-size:12.5px;color:var(--text-2)}
.xxix-ft{display:flex;gap:8px;align-items:center;padding:10px 16px;
  border-top:1px solid var(--line);flex:none;background:#fafbfc}
.xxix-ft .xxix-sp{flex:1 1 auto}
.xxix-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;
  padding:0 11px;border:1px solid var(--line-strong);border-radius:7px;background:var(--card);
  font-size:12px;font-weight:500;color:var(--text-2);cursor:pointer;white-space:nowrap}
.xxix-btn:hover{border-color:var(--accent);color:var(--accent)}
.xxix-btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.xxix-btn.pri:hover{background:var(--accent-hover);color:#fff}
.xxix-btn:disabled{opacity:.45;cursor:not-allowed}
.xxix-btn.sm{height:24px;padding:0 8px;font-size:11.5px}

/* ---- 提示块 ---- */
.xxix-warn{border:1px solid var(--warn-line);background:var(--warn-bg);color:var(--warn);border-radius:8px;
  padding:7px 10px;font-size:11.8px;line-height:1.6;margin:0 0 9px}
.xxix-warn.err{border-color:var(--danger-line);background:var(--danger-bg);color:#b91c1c}
.xxix-note{font-size:11.5px;color:var(--mut);line-height:1.65;margin:5px 0}
.xxix-note b{color:var(--text-2)}
.xxix-num{font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}

/* ---- 分区 ---- */
.xxix-sec{border:1px solid var(--line);border-radius:9px;padding:9px 11px;margin:0 0 9px}
.xxix-sec>h4{margin:0 0 7px;font-size:12.5px;color:var(--text);font-weight:600;
  display:flex;align-items:center;gap:6px}
.xxix-chk{display:flex;align-items:center;gap:7px;padding:3px 0;cursor:pointer;
  font-size:12.3px;color:var(--text-2)}
.xxix-chk input{width:14px;height:14px;margin:0;cursor:pointer;accent-color:#2563eb}
.xxix-rule{display:flex;align-items:center;gap:6px;padding:4px 0;flex-wrap:wrap;
  font-size:12.3px}
.xxix-rule .n{flex:none;width:16px;height:16px;border-radius:50%;background:var(--accent-weak);
  color:var(--info);font-size:10.5px;line-height:16px;text-align:center}
.xxix-inp,.xxix-sel{border:1px solid var(--line-strong);border-radius:7px;height:26px;
  padding:0 7px;font-size:12px;color:var(--text);background:var(--card);outline:none}
.xxix-inp:focus,.xxix-sel:focus{border-color:var(--accent)}
.xxix-inp.w60{width:60px}.xxix-inp.w100{width:100px}.xxix-inp.w180{width:180px}
.xxix-inp.grow,.xxix-sel.grow{flex:1 1 auto;min-width:120px}
.xxix-area{width:100%;box-sizing:border-box;min-height:48px;border:1px solid var(--line-strong);
  border-radius:7px;padding:5px 7px;font-size:12px;font-family:inherit;color:var(--text);
  resize:vertical;outline:none}
.xxix-area:focus{border-color:var(--accent)}
.xxix-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:3px 0}

/* ---- 表格 ---- */
.xxix-tbl{width:100%;border-collapse:collapse;font-size:12px}
.xxix-tbl th,.xxix-tbl td{border-bottom:1px solid var(--line);padding:5px 7px;
  text-align:left;vertical-align:middle}
.xxix-tbl th{color:var(--mut);font-weight:500;background:#fafbfc}
.xxix-tbl tr:last-child td{border-bottom:0}
.xxix-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;
  vertical-align:-1px;margin-right:5px}
.xxix-pill{display:inline-block;padding:0 6px;border-radius:999px;font-size:10.5px;
  line-height:17px;background:var(--accent-weak);color:var(--info);white-space:nowrap}
.xxix-pill.ok{background:var(--green-bg);color:#047857}
.xxix-pill.off{background:var(--bg);color:#6b7280}
.xxix-pill.bad{background:var(--danger-bg);color:#b91c1c}
.xxix-empty{padding:14px 0;color:var(--mut);font-size:12px;text-align:center}

/* ---- 合单分组卡片 ---- */
.xxix-grp{border:1px solid var(--line);border-radius:8px;padding:6px 9px;margin:0 0 6px;
  background:#fcfdff}
.xxix-grp .hd{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.xxix-oid{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:var(--text)}

/* ---- ★ 打单页收件人列的客户标签色块（本块在 ⑫ 列表页上的唯一可见痕迹） ---- */
.rc-ctags{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}
.rc-ctag{display:inline-block;max-width:66px;overflow:hidden;text-overflow:ellipsis;
  padding:0 4px;border-radius:4px;font-size:9.5px;line-height:14px;
  border:1px solid transparent;white-space:nowrap}
.rc-ctag-more{background:var(--bg)!important;color:var(--mut)!important;border-color:#e5e7eb!important}