/**
 * 客户版设计令牌（Design Tokens）
 * 来源：《客户版设计基准 V1》第 1 节（从内部工作台 5177 提取，逐项带 file:line 证据）。
 *
 * 规则：
 * 1. 客户版**只在本文件写颜色与尺寸常量**；app.css / styleguide.css 一律用 var() 引用，
 *    不允许再出现零散的十六进制色值（可用 `npm run check:design` 自查）。
 * 2. 基准铁律二：旧项目所有 px 都是"缩放前"的数字（旧项目整块内容 zoom .70）。
 *    2026-10-01 业务方实机对照后拍板：**客户版复刻同一套板块缩放**（"报价合同字体太大"，
 *    与 5177 并排一比正是少了这档 0.70）。所以本文件的 px 仍按 5177 原值（缩放前）抄，
 *    由 `main > .view > .card > * { zoom: var(--workbench-section-scale) }` 统一缩放，
 *    与 5177 的最终观感逐项对齐；缩放机制见 `public/app/ui/workbench-scale.js`。
 *    （旧基准 §6 C9 的"不复刻"建议已被这次业务拍板取代。）
 * 3. 基准 §6 列出的冲突项（C1–C15）在本文件里按"取值 + 注释说明"的方式落定，
 *    逐条理由见 docs/设计基准对照清单-V1.md 的偏差清单。
 */

:root {
  /* ============================================================
   * 0. 板块内容缩放（2026-10-01 业务方拍板复刻 5177）
   *    默认 100% ↔ 0.70；由 public/app/ui/workbench-scale.js 按当前视图覆盖；
   *    消费点 = app.css 的 `main > .view > .card > * { zoom: var(--workbench-section-scale) }`。
   * ============================================================ */
  --workbench-section-scale: 0.70;  /* 01-todo.css:32（默认值） */

  /* ============================================================
   * 1. 颜色 · 基础（基准 §1.1 · src/styles/01-todo.css:1-42）
   * ============================================================ */
  --wb-bg: #eef3f7;                 /* 页面底色（实际由 body 渐变覆盖） 01-todo.css:3 */
  /* 页面背景渐变（基准 §1.1 · 01-todo.css:48-53）：右上冷雾 + 斜向浅灰蓝，fixed */
  --wb-page-bg:
    radial-gradient(circle at 78% 8%, rgba(47, 111, 143, .10), transparent 28%),
    linear-gradient(135deg, #edf3f7 0%, #f8fafc 42%, #e7eef4 100%) fixed;
  --wb-canvas: #f4f7fa;             /* 画布浅底 01-todo.css:4 */
  --wb-panel-bg: #ffffff;           /* 面板底 01-todo.css:5 */
  --wb-panel-bg-soft: #f8fbfd;      /* 次级面板底 / 卡片渐变末端 01-todo.css:6 */
  --wb-surface: #ffffff;            /* 通用表面 01-todo.css:7 */
  --wb-surface-muted: #eaf1f6;      /* 弱化表面 01-todo.css:8 */
  --wb-text-primary: #162338;       /* 正文 / 控件文字 01-todo.css:9 */
  --wb-text-secondary: #667589;     /* 次要文字 / 说明 01-todo.css:10 */
  --wb-border: #d7e1ea;             /* 通用边框 / 分隔线 01-todo.css:11 */
  --wb-border-strong: #b8c7d6;      /* 加重边框 01-todo.css:12 */
  --wb-fill-soft: #eef4f8;          /* 浅填充（表头 / 标记底） 01-todo.css:13 */
  --wb-accent: #2f6f8f;             /* 主色 01-todo.css:14 */
  --wb-accent-soft: #e8f1f6;        /* 主色浅底（悬停底） 01-todo.css:15 */
  --wb-accent-ink: #1f5774;         /* 主色上的文字色 01-todo.css:16 */
  --wb-accent-strong: #285f7e;      /* 主色加深 01-todo.css:17 */
  --wb-accent-btn-top: #3f7fa0;     /* 主按钮渐变上端 01-todo.css:18 */
  --wb-accent-btn-bottom: #285f7e;  /* 主按钮渐变下端 01-todo.css:19 */
  --wb-success: #0d7b66;            /* 成功 / 正向 01-todo.css:20 */
  --wb-warning: #9b6a1f;            /* 警告 01-todo.css:21 */
  --wb-danger: #b94343;             /* 错误 / 危险 01-todo.css:22 */
  --wb-text-disabled: #8c98a4;      /* 禁用文字 01-todo.css:1436-1439 */
  --wb-text-placeholder: #7c8da3;   /* 占位符 03-price-list.css:517 */
  --wb-caret: #0b6cff;              /* 输入光标色 01-todo.css:64-68 */
  --wb-link: #176b87;               /* 可点击文字 07-order-archives.css:234-239 */

  /* 焦点环（基准 §1.3 令牌，01-todo.css:27） */
  --wb-focus-ring: 0 0 0 3px rgba(47, 111, 143, .18);
  /* 焦点描边（基准 §6 C4：旧项目侧栏焦点不可见，客户版必须补；取 §2.1 焦点流派① 的形态） */
  --wb-focus-outline: 2px solid var(--wb-accent);
  --wb-focus-outline-offset: 2px;

  /* ============================================================
   * 2. 颜色 · 状态（提示条 / 横幅 / 胶囊）
   * ============================================================ */
  /* 行内提示盒（基准 §2.6 · 10-shell-base-2.css:881-897） */
  --wb-success-bg: #e8f5ee;
  --wb-warning-bg: #fff4d6;
  /* toast（基准 §2.6 · 01-todo.css:1448-1475） */
  --wb-toast-info-bg: #edf7fc;
  --wb-toast-info-border: rgba(45, 105, 137, .24);
  --wb-toast-info-ink: #173a50;
  --wb-toast-success-bg: #eef9f3;
  --wb-toast-success-border: rgba(29, 128, 83, .26);
  --wb-toast-success-ink: #17633f;
  --wb-toast-error-bg: #fff2f0;
  --wb-toast-error-border: rgba(180, 35, 24, .28);
  --wb-toast-error-ink: #8f2018;
  /* 横幅（基准 §2.6 · finance-order-archives.css:10-50、invoice.css:10-63） */
  --wb-banner-info-border: #bfdbfe;
  --wb-banner-info-bg: #eff6ff;
  --wb-banner-info-ink: #1d4ed8;
  --wb-banner-warn-border: #facc15;
  --wb-banner-warn-bg: #fffbea;
  --wb-banner-warn-ink: #92400e;
  --wb-banner-danger-border: #fecaca;
  --wb-banner-danger-bg: #fff2f0;
  --wb-banner-danger-ink: #8f2018;
  /* 只读横幅左侧色条（基准 §5 · quote-library-product-list.css:8091-8133 范式） */
  --wb-banner-bar-readonly: #f2535b;

  /* ============================================================
   * 3. 颜色 · 侧栏（基准 §1.1 · 01-todo.css:1246-1249、1258/1317-1319/1343）
   * ============================================================ */
  --wb-sidebar-bg: linear-gradient(180deg, #11243a 0%, #1b344f 52%, #102236 100%);
  --wb-sidebar-ink: #edf5fb;
  --wb-sidebar-border: rgba(255, 255, 255, .12);
  --wb-sidebar-shadow: 14px 0 34px rgba(15, 35, 55, .20);
  --wb-sidebar-brand-ink: #f7fbff;              /* 品牌标题 01-todo.css:1258 */
  --wb-sidebar-eyebrow-ink: rgba(237, 245, 251, .58); /* 眉题：基准 §6 C1 指出旧项目用的是棕色 #8a6a4c（疑为历史遗留错位），
                                                        客户版按"同族语义色"取分组标题色，理由见偏差清单 C1 */
  --wb-sidebar-item-ink: rgba(255, 255, 255, .82);    /* 导航项默认文字 01-todo.css:1343 */
  --wb-sidebar-item-ink-hover: #ffffff;               /* 悬停仅变文字色 01-todo.css:1349-1352 */
  --wb-sidebar-item-ink-active: #ffffff;              /* 选中 01-todo.css:1279-1284 */
  --wb-sidebar-item-active-bg: linear-gradient(90deg, rgba(47, 111, 143, .26), rgba(56, 95, 123, .46)); /* 01-todo.css:1318 */
  --wb-sidebar-item-active-border: rgba(113, 167, 201, .72);  /* 01-todo.css:1317 */
  --wb-sidebar-item-active-inset: inset 0 0 0 1px rgba(236, 247, 255, .20); /* 01-todo.css:1319 */
  --wb-sidebar-group-ink: rgba(237, 245, 251, .58);   /* 分组标题 01-todo.css:1292 */
  --wb-sidebar-divider: rgba(255, 255, 255, .12);     /* 底部区块分隔线 01-todo.css:1480 */
  --wb-sidebar-note-ink: rgba(237, 245, 251, .58);    /* 侧栏内注记（客户版用途：账号状态行） */
  /* 「页面大小」控件的浅色按钮（侧栏底部，2026-10-01 照 5177 搬回；01-todo.css:1498-1525） */
  --wb-scale-btn-border: rgba(255, 255, 255, .18);    /* 01-todo.css:1500 */
  --wb-scale-btn-bg: rgba(255, 255, 255, .92);         /* 01-todo.css:1502 */
  --wb-scale-btn-ink: #172033;                         /* 01-todo.css:1503 */
  --wb-scale-btn-hover-border: #71a7c9;                /* 01-todo.css:1512 */
  --wb-scale-reset-ink: #344054;                       /* 01-todo.css:1524 */

  /* ============================================================
   * 4. 颜色 · 组件（按基准 §2 各表逐项取值）
   * ============================================================ */
  --wb-btn-ink: var(--wb-text-primary);              /* §2.1 默认文字 */
  --wb-btn-border: #d7e1ea;                          /* §2.1 10-shell-base-2.css:899 */
  --wb-btn-bg: linear-gradient(180deg, #ffffff, #f7f9fb);
  --wb-btn-hover-ink: #1f5774;                       /* §2.1 10-shell-base-2.css:914-918 */
  --wb-btn-hover-border: #2f6f8f;
  --wb-btn-hover-bg: #e8f1f6;
  --wb-btn-hover-shadow: 0 6px 16px rgba(47, 111, 143, .16);
  /* 主按钮 §2.1 · 11-customers.css:1263-1267；悬停为基准 §6 C2 建议的"深一档同色系"（新增规则） */
  --wb-btn-primary-ink: #f7fbff;
  --wb-btn-primary-border: #2f6f8f;
  --wb-btn-primary-bg: linear-gradient(180deg, var(--wb-accent-btn-top), var(--wb-accent-btn-bottom));
  --wb-btn-primary-hover-bg: linear-gradient(180deg, #356d8a, #224f6a);
  /* 危险（描边）按钮 §2.1 · 12-freight.css:1742-1754 */
  --wb-btn-danger-ink: #e5534b;
  --wb-btn-danger-border: #e5534b;
  --wb-btn-danger-hover-bg: #fff0ef;
  /* 文字按钮 §2.1 · 01-todo.css:1415-1434（右键菜单范式） */
  --wb-btn-text-ink: var(--wb-text-primary);
  --wb-btn-text-hover-bg: #edf6fb;
  /* 禁用（基准 §6 C3：旧项目有九档 opacity，客户版收敛为 1 档） */
  --wb-disabled-opacity: .5;

  --wb-input-bg: #ffffff;                            /* §2.2 10-shell-base-2.css:242-251 */
  --wb-input-border: #d7e1ea;
  --wb-input-ink: var(--wb-text-primary);
  --wb-input-shadow: inset 0 1px 0 rgba(255, 255, 255, .80), var(--wb-shadow-control);
  --wb-input-focus-border: var(--wb-accent);
  --wb-input-focus-shadow: var(--wb-focus-ring), inset 0 1px 0 rgba(255, 255, 255, .75);
  --wb-input-readonly-bg: #f7fbff;                   /* §2.2 只读底 */
  --wb-input-disabled-bg: #f8fafc;
  --wb-input-disabled-ink: #93a3b7;

  --wb-check-border: #b8c7d5;                        /* §2.2 自绘勾选（基准 §6 C7 要求显式定尺寸） */

  --wb-table-container-border: #d8e0ea;              /* §2.3 报价排列表（基准建议基准） */
  --wb-table-head-bg: linear-gradient(180deg, #eef4f8, #e4edf4); /* §2.3 公共基线 10-shell-base-2.css:1391-1413 */
  --wb-table-head-ink: #334257;
  --wb-table-border: #d8e0ea;
  --wb-table-row-hover-bg: #eff6ff;                  /* §2.3 只读行悬停 */
  --wb-table-row-selected-bg: #eff6ff;               /* §2.3 通用选中行 */
  --wb-table-cell-focus-border: #1f6feb;             /* §2.3 可编辑单元格聚焦 */
  --wb-table-cell-focus-ring: rgba(31, 111, 235, .12);
  --wb-table-total-ink: var(--wb-text-primary);      /* §2.3 合计行：白底 + 900 字重 */

  /* §2.7 价目表大表（2026-10-13 对齐 5177：03-price-list.css 的墨绿网格 + 草绿表头配色，
     颜色全部按 5177 源码取值，本文件是唯一一处出现这些十六进制的地方） */
  --wb-price-list-grid-line: #27364a;                /* 03-price-list.css:575/616-617：外框+每格网格线 */
  --wb-price-list-head-bg: #c5deb8;                  /* :603/1228/1319/1429/1615：所有表头绿底 */
  --wb-price-list-head-ink: #25364f;                 /* :604/1229：表头字色 */
  --wb-price-list-cell-bg: #ffffff;                  /* :577/685：表格与行白底 */
  --wb-price-list-cell-ink: #111827;                 /* :1170/1275：格内正文字色 */
  --wb-price-list-calc-bg: #f8fafc;                  /* :1169/1289：calc 格/草稿输入底 */
  --wb-price-list-input-border: #b8c8db;             /* :1272/1352/1461/1625：输入框/素材瓦片描边 */
  --wb-price-list-readonly-border: #d6e0eb;          /* :1911：只读值外框 */
  --wb-price-list-divide-line: #d8e1ec;              /* :1297：多条参考值之间分隔线 */
  --wb-price-list-toggle-bg: #9ed3eb;                /* :1384：Reference 展开竖条 */
  --wb-price-list-toggle-border: #70add0;            /* :1379-1380：竖条两侧边 */
  --wb-price-list-toggle-hover: #85c5e2;             /* :1393：竖条悬停 */
  --wb-price-list-toggle-focus: #93c5fd;             /* :1394：竖条聚焦描边 */
  --wb-price-list-resizer-ink: #2f95c8;              /* :675/719：拖宽/拖动指示蓝 */
  --wb-price-list-empty-ink: #64748b;                /* :648/1177：表头副字色/空态 */
  --wb-price-list-placeholder-ink: #8a98aa;          /* :1932：只读值占位「—」 */
  --wb-price-list-muted-ink: #94a3b8;                /* :1483：自定义图空态 */
  --wb-price-list-more-ink: #1d6f9f;                 /* :1475：「更多」蓝字 */
  --wb-price-list-render-border: #bfd8ea;            /* :1187：继续显示条蓝系配色 */
  --wb-price-list-render-bg: #f4fbff;
  --wb-price-list-render-ink: #33566f;
  --wb-price-list-render-btn-border: #9fc7df;        /* :1197 */
  --wb-price-list-render-btn-bg: #e7f5fd;            /* :1199 */
  --wb-price-list-render-btn-ink: #1f6d94;           /* :1200 */
  --wb-price-list-render-btn-hover-border: var(--wb-price-list-resizer-ink); /* :1209 */
  --wb-price-list-render-btn-hover-bg: #d8effb;      /* :1210 */

  --wb-tab-ink: #475569;                             /* §2.4 下划线式（基准建议） */
  --wb-tab-active-ink: #1f6feb;
  --wb-tab-active-border: #1f6feb;

  --wb-pill-ink: var(--wb-accent-ink);               /* §2.5 状态胶囊（主） */
  --wb-pill-bg: var(--wb-accent-soft);
  --wb-pill-border: rgba(201, 139, 74, .35);
  --wb-pill-neutral-ink: #334155;                    /* §2.5 中性状态胶囊 */
  --wb-pill-neutral-bg: #f8fafc;
  --wb-pill-neutral-border: #cbd5e1;
  --wb-pill-danger-ink: #991b1b;                     /* §2.5 红胶囊 */
  --wb-pill-danger-bg: #fee2e2;
  --wb-pill-danger-border: #fecaca;
  --wb-pill-warn-ink: var(--wb-warning);             /* 黄胶囊（客户版新增元素用，取自 §2.6 警告色） */
  --wb-pill-warn-bg: var(--wb-warning-bg);
  --wb-pill-warn-border: rgba(155, 106, 31, .32);
  --wb-pill-ok-ink: #166534;                         /* §2.5 绿标签：基准推荐给"示例/参考"与正向状态 */
  --wb-pill-ok-bg: #dcfce7;
  --wb-pill-info-ink: var(--wb-banner-info-ink);     /* 蓝胶囊（客户版新增元素用，取自 §2.6 信息横幅色） */
  --wb-pill-info-bg: var(--wb-banner-info-bg);
  --wb-pill-info-border: var(--wb-banner-info-border);
  --wb-chip-ink: #38516a;                            /* §2.5 中性 chip */
  --wb-chip-bg: #ffffff;
  --wb-chip-border: #cbd8e5;
  --wb-chip-removable-bg: #e8f4ff;                   /* §2.5 可删 chip */
  --wb-chip-removable-border: #9cc7e8;
  --wb-chip-removable-ink: var(--wb-accent-ink);
  --wb-tag-warn-bg: #fff0f0;                         /* §2.5 小标签 */
  --wb-tag-warn-ink: #d83838;

  --wb-empty-border: #cbd5e1;                        /* §2.7 空态（11-customers.css:989-997 为最终值） */
  --wb-empty-bg: #ffffff;
  --wb-empty-ink: var(--wb-text-secondary);

  --wb-overlay-bg: rgba(15, 23, 42, .48);            /* §2.8 遮罩（基准 §5 要求客户版统一取这一种） */
  --wb-modal-border: rgba(190, 86, 72, .38);
  --wb-modal-ink: #8f3028;                           /* §2.8 弹窗标题色 */
  --wb-menu-border: rgba(35, 70, 95, .18);           /* §2.8 右键 / 下拉菜单 */
  --wb-menu-bg: #ffffff;

  --wb-page-ink: #172033;                            /* §1.2 页面主标题色 07-order-archives.css:262-268 */
  --wb-page-link-hover-ink: var(--wb-link);          /* §1.1 可点击文字悬停色 */
  --wb-pagination-border: #cfd9e7;                   /* §2.9 分页 */
  --wb-pagination-disabled-ink: #98a7b8;

  /* ============================================================
   * 5. 字体与字号（基准 §1.2）
   * ============================================================ */
  --wb-font-family: "PingFang SC", "Microsoft YaHei", "Inter", "Segoe UI", Arial, sans-serif; /* 01-todo.css:55 */
  --wb-font-line-height: 1.5;                        /* 01-todo.css:56 */
  --wb-font-mono: Consolas, "SFMono-Regular", "Liberation Mono", monospace; /* quote-library-product-list.css:17512 */
  --wb-fs-11: 11px;
  --wb-fs-12: 12px;
  --wb-fs-13: 13px;
  --wb-fs-14: 14px;
  --wb-fs-15: 15px;
  --wb-fs-16: 16px;
  --wb-fs-17: 17px;
  --wb-fs-18: 18px;
  --wb-fs-19: 19px;  /* 弹窗标题 01-todo.css:2309-2312 */
  --wb-fs-20: 20px;
  --wb-fs-22: 22px;
  --wb-fs-24: 24px;
  --wb-fw-700: 700;
  --wb-fw-800: 800;
  --wb-fw-850: 850;
  --wb-fw-900: 900;
  --wb-tracking-wide: .08em;

  /* ============================================================
   * 6. 间距（基准 §1.3）
   * ============================================================ */
  --wb-space-1: 4px;
  --wb-space-2: 6px;
  --wb-space-3: 8px;    /* 全站最常用节奏 */
  --wb-space-4: 10px;
  --wb-space-5: 12px;
  --wb-space-6: 14px;
  --wb-space-7: 16px;
  --wb-space-8: 18px;
  --wb-space-9: 22px;
  --wb-space-10: 24px;

  /* ============================================================
   * 7. 圆角 / 阴影 / 层级（基准 §1.3、§6 C11）
   * ============================================================ */
  --wb-radius-control: 6px;   /* 输入框 / 菜单项 / 分页按钮 */
  --wb-radius-button: 8px;    /* 按钮 / 下拉 / 侧栏项 / 卡片 */
  --wb-radius-panel: 10px;    /* 面板 / 弹窗 / 浮层 */
  --wb-radius-lg: 12px;       /* 大弹窗 */
  --wb-radius-pill: 999px;
  --wb-radius-check: 4px;     /* 勾选框（基准 §6 C7） */

  --wb-shadow-control: 0 1px 2px rgba(22, 42, 64, .06);   /* 01-todo.css:25 */
  --wb-shadow-soft: 0 10px 24px rgba(22, 42, 64, .075);   /* 01-todo.css:26 */
  --wb-shadow-panel: 0 18px 42px rgba(22, 42, 64, .09), 0 1px 0 rgba(255, 255, 255, .88) inset; /* 01-todo.css:23 */
  --wb-shadow-menu: 0 14px 34px rgba(15, 39, 58, .22);    /* 01-todo.css:1406 */
  --wb-shadow-modal: 0 24px 70px rgba(15, 23, 42, .28);   /* 01-todo.css:2305 */
  --wb-shadow-toast: 0 12px 30px rgba(15, 39, 58, .20);   /* 01-todo.css:1457 */

  /* 层级表（基准 §6 C11：旧项目 11 档混用，客户版固定一套） */
  --wb-z-content: 1;
  --wb-z-float: 100;
  --wb-z-menu: 1000;
  --wb-z-modal: 2000;
  --wb-z-toast: 3000;
  --wb-z-sidebar: 1000;

  /* ============================================================
   * 8. 尺寸（基准 §1.3 控件高度、§3.1/§3.2 结构尺寸）
   * ============================================================ */
  --wb-sidebar-width: 178px;        /* 01-todo.css:1241 */
  --wb-sidebar-padding-y: 18px;     /* 01-todo.css:1250 */
  --wb-sidebar-padding-x: 12px;
  --wb-sidebar-gap: 18px;           /* 01-todo.css:1245 */
  --wb-main-padding: 22px;          /* 01-todo.css:2017 */
  --wb-panel-max-width: 1120px;     /* 01-todo.css:2026 */
  --wb-panel-padding: 16px;         /* 01-todo.css:2033 */
  --wb-panel-border: rgba(189, 201, 213, .75);          /* 01-todo.css:2030 */
  --wb-section-bg: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(248, 251, 253, .94) 100%); /* 01-todo.css:2032 */
  --wb-heading-divider: rgba(219, 227, 235, .95);       /* 07-order-archives.css:216-228 */

  --wb-control-height: 38px;        /* §1.3 通用按钮 ≈38px */
  --wb-control-height-sm: 30px;     /* §1.3 分页 / 小按钮 */
  --wb-control-height-nav: 34px;    /* §3.1 侧栏导航项 ≈34px */
  --wb-input-height: 39px;          /* §1.3 输入框 ≈39px */
  --wb-table-row-height: 40px;      /* §2.3 报价排列表 ≈33–40px（基准建议区间取上沿） */
  --wb-textarea-min-68: 68px;       /* §6 C8：备注档 */
  --wb-textarea-min-120: 120px;     /* §6 C8：条款档 */
  --wb-textarea-min-220: 220px;     /* §6 C8：长文本档（旧项目基线） */

  --wb-scroll-size: 10px;           /* §1.3 滚动条 01-todo.css:76-99 */
  --wb-scroll-track: #eaf0f7;
  --wb-scroll-thumb: #5f83c4;
  --wb-scroll-thumb-hover: #3f6db7;
  --wb-scroll-thumb-active: #2f5da8;

  --wb-transition-fast: .14s ease;  /* §2.1 过渡 */
  --wb-breakpoint-narrow: 920px;    /* §3.2 响应式断点（客户版自定，沿用旧值） */

  /* ============================================================
   * 9. 报价合同（PI 表）· 照 5177 的 Excel 表视觉
   *    （业务方 2026-09-30 逐条对照：绿底表头、黑框、深色实底页签、右侧利润栏）
   *    取值出处：src/styles/invoice.css 与 src/invoiceGeneratorWorkbench.js，
   *    行号逐条写在下面；px 一律 1:1 抄 5177 的缩放前原值，由板块缩放
   *    （--workbench-section-scale，默认 0.70）统一缩到与 5177 相同的观感尺寸。
   * ============================================================ */
  --wb-invoice-grid-border: #000;          /* 单据表格线 invoice.css:1009 */
  --wb-invoice-header-fill: #c7dfb8;       /* 表头 / 抬头绿底 invoice.css:2212 */
  --wb-invoice-cell-line: #dbe3ec;         /* 利润栏格线 invoice.css:1482 */
  --wb-invoice-panel-border: #1f2933;      /* 利润栏外框 invoice.css:1027 */
  --wb-invoice-panel-bg: #f8fafc;          /* 利润栏底 invoice.css:1030 */
  --wb-invoice-panel-ink: #111827;         /* 利润栏文字 invoice.css:1018 */
  --wb-invoice-summary-bg: #e8f5e9;        /* 利润汇总底 invoice.css:1046 */
  --wb-invoice-summary-line: #1f2933;      /* 汇总行上边 invoice.css:1045 */
  --wb-invoice-summary-ink: #14532d;       /* 汇总文字 invoice.css:1048 */
  --wb-invoice-metric-ink: #0f5132;        /* 指标数字 invoice.css:1073 */
  --wb-invoice-metric-frame: #86efac;      /* 指标框 invoice.css:1062 */
  --wb-invoice-metric-frame-bg: #ecfdf5;   /* 指标底 invoice.css:1064 */
  --wb-invoice-cost-border: #f59e0b;       /* 成本输入黄框 invoice.css:1356 */
  --wb-invoice-cost-bg: #fff7cc;           /* 成本输入黄底 invoice.css:1358 */
  --wb-invoice-soft-fill: #f1f5f9;         /* 利润栏表头底 invoice.css:1807 */
  --wb-invoice-head-fill: #e2e8f0;         /* 利润核算抬头底 invoice.css:1289 */
  --wb-invoice-muted-ink: #64748b;         /* 弱化文字 invoice.css:1221 */
  --wb-invoice-input-border: #9fb3c8;      /* 单元格输入框线 invoice.css:3307 */
  --wb-invoice-placeholder-ink: #94a3b8;   /* 占位文字 invoice.css:3293 */
  --wb-invoice-panel-line: #cbd5e1;        /* 通用分隔线 invoice.css:381 */
  --wb-invoice-tab-ink: #111827;           /* 页签文字 invoice.css:228 */
  --wb-invoice-tab-active-from: #183a5d;   /* 选中页签渐变上端 invoice.css:250 */
  --wb-invoice-tab-active-to: #102a46;     /* 选中页签渐变下端 / 描边 invoice.css:248-251 */
  --wb-invoice-tab-active-ink: #fff;       /* 选中页签文字 invoice.css:251 */
  --wb-invoice-title-ink: #102a46;         /* 「报价合同」标题 invoice.css:101 */
  --wb-invoice-eyebrow-ink: #8a6744;       /* INVOICE 眉题 invoice.css:86 */
  --wb-invoice-toolbar-border: #d6e0ec;    /* 样式排外框 invoice.css:818 */
  --wb-invoice-toolbar-bg: #f8fbff;        /* 样式排底 invoice.css:820 */
  --wb-invoice-toolbar-ink: #334155;       /* 样式排文字 invoice.css:864 */
  --wb-invoice-input-ink: #0f172a;         /* 输入文字 invoice.css:842 */
  --wb-invoice-pi-btn-border: #93c5fd;     /* 生成新合同号按钮框 invoice.css:3356 */
  --wb-invoice-pi-btn-bg: #eff6ff;         /* invoice.css:3358 */
  --wb-invoice-pi-btn-ink: #0f4c81;        /* invoice.css:3359 */
  --wb-invoice-align-active-bg: #dbeafe;   /* 对齐按钮选中底 invoice.css:897 */
  --wb-invoice-align-active-ink: #174ea6;  /* invoice.css:898 */
  --wb-invoice-align-active-ring: #60a5fa; /* invoice.css:899 */
  --wb-invoice-profit-font: 20px;          /* SIDE_PROFIT_DEFAULT_FONT_SIZE IGW:321 / invoice.css:1015 */
}