/* @@SPLIT_HEADER@@
   css/pages/aftersale-write.css —— XVII. 售后处理写接口
      由 redesign2.html 拆分而来（原行号 29980-30021），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* ---- 顶栏「售后处理」标识：必须显眼（用户随时要知道会不会真退钱） ---- */
.aft-badge{flex:none;margin-left:auto;display:inline-flex;align-items:center;height:18px;
  padding:0 9px;border-radius:9px;font-size:11px;line-height:1;font-weight:600;
  letter-spacing:.2px;white-space:nowrap}
.aft-badge.dry{background:var(--warn-bg);color:var(--danger);border:1px solid #fdba74}
.aft-badge.live{background:var(--green-bg);color:var(--green);border:1px solid #86efac}
.aft-badge.unknown{background:var(--sel);color:var(--mut);border:1px solid #cbd5e1}
/* ★ 标识要放得下：状态条是 nowrap + overflow:hidden，长文案会把右边的标识裁掉。
   所以让 connTxt 可收缩省略（只影响这一条状态栏，不动公共 .conn-bar 规则）。 */
#connBar #connTxt{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* ---- 覆盖层（二次确认 / 拒绝原因）---- */
.aft-mask{position:fixed;inset:0;z-index:1200;background:rgba(15,23,42,.38);
  display:none;align-items:center;justify-content:center;padding:24px}
.aft-mask.show{display:flex}
.aft-dlg{width:540px;max-width:100%;max-height:86vh;background:var(--card);border-radius:12px;
  box-shadow:0 24px 64px rgba(15,23,42,.3);display:flex;flex-direction:column;overflow:hidden;
  text-align:left}
.aft-dlg-hd{padding:11px 14px;border-bottom:1px solid var(--line);font-weight:600;font-size:13px;
  color:var(--text)}
.aft-dlg-bd{padding:12px 14px;overflow:auto;font-size:12.5px;line-height:1.6;color:var(--text-2)}
.aft-dlg-ft{display:flex;align-items:center;gap:8px;padding:10px 14px;
  border-top:1px solid var(--line);background:#fcfdff}
.aft-dlg-hint{flex:1;min-width:0;font-size:11px;color:var(--warn);line-height:1.4}
.aft-warn{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger);border-radius:8px;
  padding:7px 10px;margin-bottom:9px}
.aft-act{margin:6px 0 4px}
.aft-list{margin:4px 0 0;padding-left:18px;max-height:200px;overflow:auto}
.aft-list li{font-variant-numeric:tabular-nums;font-size:12px;color:var(--text)}
.aft-rsn{display:flex;align-items:flex-start;gap:7px;padding:5px 6px;border-radius:7px;cursor:pointer}
.aft-rsn:hover{background:#f8fafc}
.aft-rsn input{margin:2px 0 0;flex:none}
.aft-rsn .aft-rsn-t{flex:1;min-width:0}
.aft-must{flex:none;font-size:10px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);
  border-radius:5px;padding:1px 5px;margin-left:4px;font-weight:600}
.aft-tip{font-size:11px;color:var(--faint);margin-top:5px;line-height:1.5}
.aft-fld{margin-top:10px}
.aft-fld>label{display:block;font-size:11.5px;color:var(--mut);margin-bottom:3px}
.aft-fld textarea{width:100%;box-sizing:border-box;height:54px;resize:vertical;
  border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-size:12px;font-family:inherit}
.aft-fld input[type=file]{width:100%;box-sizing:border-box;font-size:11.5px}
.aft-file-warn{font-size:11px;color:var(--warn);margin-top:4px;line-height:1.45}