/* @@SPLIT_HEADER@@
   css/pages/ewaybill.css —— 电子面单模块
      由 redesign2.html 拆分而来（原行号 17855-17905），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* ==========================================================================
   电子面单前端样式（2026-10-26）
   --------------------------------------------------------------------------
   为什么单独一段而不是塞进上面的大样式表：
     · 这一块的类名全部以 eb- 开头（电子面单），和原有 .pset / .dd 不冲突，
       放在文件末尾便于一眼看出"这是那次改版加的"；
     · 另有一个原因：redesign2.html 由多个会话先后追加代码，往 4 行宽的
       大样式表中间插东西最容易改坏别人的规则，追加最安全。
   ========================================================================== */

/* 运单号单元格下方那行状态标记（原来放的是永远为空的模板名） */
.wb-tag{display:inline-block;margin-top:2px;padding:0 5px;border-radius:4px;
  font-size:10px;line-height:14px;background:var(--accent-weak);color:var(--info);
  border:1px solid #c7d2fe;white-space:nowrap}
.wb-tag.ok{background:var(--green-bg);color:var(--green);border-color:#a7f3d0}

.eb-bad{color:var(--danger);font-weight:600}
.eb-warn{color:#b45309}
.eb-dim{color:#9ca3af}

/* 电子面单自己的浮层（参数回显 / 取号结果 / 错误详情 / 同步结果）
   ★ 为什么不用 #mask 那个 .modal：那边是 380px 一句话弹窗，
     取号结果要一单一行带按钮、参数要贴一整段 JSON，塞进去会把通用弹窗撑坏。 */
#ebMask{position:fixed;inset:0;z-index:360;background:rgba(15,23,42,.38);display:none;
  align-items:center;justify-content:center;backdrop-filter:blur(1px)}
#ebMask.show{display:flex}
.eb-box{width:min(680px,94vw);max-height:88vh;background:var(--card);border-radius:12px;
  box-shadow:0 24px 64px rgba(15,23,42,.24);display:flex;flex-direction:column;overflow:hidden}
.eb-hd{flex:none;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;
  border-bottom:1px solid var(--line);font-size:14px;font-weight:600;color:var(--text)}
.eb-hd .sub{font-size:12px;color:var(--mut);font-weight:400}
.eb-x{margin-left:auto;width:26px;height:26px;display:inline-flex;align-items:center;
  justify-content:center;border:0;background:none;border-radius:6px;color:var(--faint);
  cursor:pointer;font-size:16px;line-height:1;padding:0}
.eb-x:hover{background:var(--bg);color:var(--text)}
.eb-body{flex:1 1 auto;min-height:0;overflow:auto;padding:12px 16px;
  font-size:12px;color:var(--text-2);line-height:1.7}
.eb-ft{flex:none;display:flex;align-items:center;gap:8px;padding:10px 16px;
  border-top:1px solid var(--line);background:#fafbfc}
.eb-ft .grow{flex:1 1 auto}
.eb-row{display:flex;align-items:center;gap:8px;padding:7px 0;
  border-bottom:1px dashed var(--line)}
.eb-row:last-child{border-bottom:0}
.eb-row .grow{flex:1 1 auto;min-width:0}
.eb-oid{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--mut)}
.eb-wb{font-weight:600;color:var(--text);font-family:ui-monospace,Consolas,monospace}
.eb-pre{max-height:300px;overflow:auto;background:#0f172a;color:#e2e8f0;border-radius:8px;
  padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:11px;
  line-height:1.55;white-space:pre-wrap;word-break:break-all;text-align:left}
.eb-k{color:var(--mut)}
.eb-hr{height:1px;background:var(--line);margin:10px 0}