diff --git a/PRODUCT.md b/PRODUCT.md
new file mode 100644
index 0000000..a759859
--- /dev/null
+++ b/PRODUCT.md
@@ -0,0 +1,33 @@
+# Product
+
+## Register
+
+product
+
+## Users
+
+嘉恒五金 ERP 面向采购、销售、仓库、生产、财务、售后和管理人员。用户通常在真实业务现场或办公室中处理订单、入库、出库、生产台账、发货、权限和经营数据，需要快速、准确、少解释地完成工作。
+
+## Product Purpose
+
+系统用于把五金制造企业的采购、销售、仓储、生产、报工、发货、售后、财务和系统管理流程串联起来。成功的界面应该让业务人员感觉是在填写正式单据、查看可信台账、执行明确动作，而不是在操作一个临时 demo。
+
+## Brand Personality
+
+可靠、利落、工业质感。界面可以有五金制造业的材料感和秩序感，但不能为了装饰牺牲效率、阅读清晰度和业务可信度。
+
+## Anti-references
+
+不要 demo 感强的卡片拼贴、解释大框、老式 Web 表单混入正式单据、按钮文案词不达意、状态无颜色区分、表格列名错位、值把表格撑到难以操作、抽屉内部滚动条阻断整页滚动。
+
+## Design Principles
+
+1. 业务动作要像正式单据，不像随手填卡片。
+2. 表格和台账优先服务核对效率，字段名清楚，长值可查看全量但不破坏布局。
+3. 状态、风险和动作要有明确视觉区分，避免所有按钮和状态一个颜色。
+4. 系统解释应收敛到需要时出现，不能常驻占用主要工作空间。
+5. 视觉升级必须保留原有业务字段和流程语义，装修不改业务骨架。
+
+## Accessibility & Inclusion
+
+默认按生产型后台工具处理：文字对比度要足够，交互目标不能过小，键盘焦点可见，动画只用于状态反馈并尊重 reduced-motion。中文业务字段、系统状态和备注优先使用中文。
diff --git a/docs/superpowers/plans/2026-06-13-system-wide-paper-document-phase0-phase1.md b/docs/superpowers/plans/2026-06-13-system-wide-paper-document-phase0-phase1.md
new file mode 100644
index 0000000..dbc2ea2
--- /dev/null
+++ b/docs/superpowers/plans/2026-06-13-system-wide-paper-document-phase0-phase1.md
@@ -0,0 +1,1659 @@
+# System-Wide Paper Document Phase 0-1 Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Build the reusable system-wide paper-document foundation and apply it to the highest-priority warehouse documents: special inbound/outbound, production material outbound, and production ledger inbound settlement.
+
+**Architecture:** Add generic `Document*` form components under `frontend/src/components/documentForms`, then make existing warehouse wrappers delegate to them so current warehouse documents do not break. Convert only the P0 warehouse forms in `InventoryLedgerView.vue` to the shared paper control language, preserving all existing data models, computed values, validation, submit functions, archive behavior, and backend APIs.
+
+**Tech Stack:** Vue 3 SFC, Vite, project CSS in `frontend/src/styles/main.css`, Node built-in test runner.
+
+---
+
+## Scope
+
+This plan covers:
+
+- Phase 0: system-wide paper document component foundation.
+- Phase 1: warehouse P0 documents.
+- P0 warehouse documents: `特殊入库 / 特殊出库`, `生产出库`, `生产台账入库结算单`.
+
+This plan does not cover:
+
+- Reworking sales, purchase, receipt, quality, delivery, return pages beyond ensuring the new generic foundation does not break them.
+- Backend archive schema changes. Existing `document_archives` and document archive routes remain unchanged.
+- Business logic, inventory calculation, production calculation, PDF generation rules, or database migrations.
+
+## File Structure
+
+- Create `frontend/src/components/documentForms/DocumentFormShell.vue`: generic form shell around `DocumentPaper`.
+- Create `frontend/src/components/documentForms/DocumentSection.vue`: generic paper section wrapper.
+- Create `frontend/src/components/documentForms/DocumentActionBar.vue`: generic action bar that teleports to the paper bottom.
+- Create `frontend/src/components/documentForms/DocumentField.vue`: generic paper field wrapper for input/select/textarea/read-only slots.
+- Create `frontend/src/components/documentForms/DocumentSelectorPanel.vue`: paper-native panel for searchable select/multi-select controls.
+- Create `frontend/src/components/documentForms/DocumentInlineSummary.vue`: paper-native summary strip.
+- Create `frontend/src/components/documentForms/DocumentSettlePanel.vue`: paper-native settle/exception panel.
+- Modify `frontend/src/components/documentForms/DocumentPaper.vue`: add generic action host while keeping warehouse-compatible host.
+- Modify `frontend/src/components/documentForms/WarehouseDocumentFormShell.vue`: delegate to `DocumentFormShell`.
+- Modify `frontend/src/components/documentForms/WarehouseDocumentSection.vue`: delegate to `DocumentSection`.
+- Modify `frontend/src/components/documentForms/WarehouseDocumentActionBar.vue`: delegate to `DocumentActionBar`.
+- Modify `frontend/src/views/InventoryLedgerView.vue`: convert P0 warehouse forms.
+- Modify `frontend/src/styles/main.css`: add generic paper document styles and keep compatibility aliases.
+- Modify `frontend/src/views/InventoryLedgerView.test.js`: add P0 regression checks.
+- Create `frontend/src/components/documentForms/documentForms.test.js`: component foundation source-level regression checks.
+
+## Task 1: Lock Generic Document Foundation Tests
+
+**Files:**
+- Create: `frontend/src/components/documentForms/documentForms.test.js`
+- Read: `frontend/src/components/documentForms/DocumentPaper.vue`
+- Read: `frontend/src/components/documentForms/WarehouseDocumentFormShell.vue`
+- Read: `frontend/src/styles/main.css`
+
+- [ ] **Step 1: Write the failing test**
+
+Create `frontend/src/components/documentForms/documentForms.test.js`:
+
+```js
+import assert from "node:assert/strict";
+import { describe, it } from "node:test";
+import { readFileSync } from "node:fs";
+import { dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+function readComponent(name) {
+  return readFileSync(join(__dirname, name), "utf8");
+}
+
+const mainCss = readFileSync(resolve(__dirname, "../../styles/main.css"), "utf8");
+
+describe("document form foundation", () => {
+  it("provides generic system-wide paper form components", () => {
+    [
+      "DocumentFormShell.vue",
+      "DocumentSection.vue",
+      "DocumentActionBar.vue",
+      "DocumentField.vue",
+      "DocumentSelectorPanel.vue",
+      "DocumentInlineSummary.vue",
+      "DocumentSettlePanel.vue"
+    ].forEach((name) => {
+      const source = readComponent(name);
+      assert.match(source, /document-/);
+    });
+  });
+
+  it("keeps warehouse wrappers as compatibility adapters over generic document components", () => {
+    assert.match(readComponent("WarehouseDocumentFormShell.vue"), /import DocumentFormShell/);
+    assert.match(readComponent("WarehouseDocumentSection.vue"), /import DocumentSection/);
+    assert.match(readComponent("WarehouseDocumentActionBar.vue"), /import DocumentActionBar/);
+  });
+
+  it("exposes a generic action host without removing the existing warehouse host", () => {
+    const paper = readComponent("DocumentPaper.vue");
+    assert.match(paper, /data-document-action-host/);
+    assert.match(paper, /data-warehouse-document-action-host/);
+  });
+
+  it("defines generic document paper controls and keeps warehouse aliases compatible", () => {
+    assert.match(mainCss, /\.document-form-shell/);
+    assert.match(mainCss, /\.document-section-grid/);
+    assert.match(mainCss, /\.document-paper-field/);
+    assert.match(mainCss, /\.document-selector-panel/);
+    assert.match(mainCss, /\.document-inline-summary/);
+    assert.match(mainCss, /\.document-settle-panel/);
+    assert.match(mainCss, /\.warehouse-paper-control-grid/);
+  });
+});
+```
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run:
+
+```bash
+cd frontend
+node --test src/components/documentForms/documentForms.test.js
+```
+
+Expected: FAIL because `DocumentFormShell.vue`, `DocumentSection.vue`, `DocumentActionBar.vue`, `DocumentField.vue`, `DocumentSelectorPanel.vue`, `DocumentInlineSummary.vue`, and `DocumentSettlePanel.vue` do not exist yet.
+
+## Task 2: Add Generic Document Components
+
+**Files:**
+- Create: `frontend/src/components/documentForms/DocumentFormShell.vue`
+- Create: `frontend/src/components/documentForms/DocumentSection.vue`
+- Create: `frontend/src/components/documentForms/DocumentActionBar.vue`
+- Create: `frontend/src/components/documentForms/DocumentField.vue`
+- Create: `frontend/src/components/documentForms/DocumentSelectorPanel.vue`
+- Create: `frontend/src/components/documentForms/DocumentInlineSummary.vue`
+- Create: `frontend/src/components/documentForms/DocumentSettlePanel.vue`
+- Modify: `frontend/src/components/documentForms/DocumentPaper.vue`
+
+- [ ] **Step 1: Add `DocumentFormShell.vue`**
+
+Create `frontend/src/components/documentForms/DocumentFormShell.vue`:
+
+```vue
+<template>
+  <form class="document-form-shell" @submit.prevent="emit('submit')">
+    <DocumentPaper
+      :title="title"
+      :document-no="documentNo"
+      :company-name="companyName"
+      :tone="tone"
+      :signature-labels="signatureLabels"
+    >
+      <div class="document-form-meta" :aria-label="metaAriaLabel">
+        <span>{{ metaLabel }}</span>
+        <strong>{{ companyName }}</strong>
+        <span>{{ dateLabel }}</span>
+        <strong>{{ displayBusinessDate }}</strong>
+      </div>
+
+      <main class="document-form-body">
+        <slot />
+      </main>
+    </DocumentPaper>
+  </form>
+</template>
+
+<script setup>
+import { computed } from "vue";
+
+import DocumentPaper from "./DocumentPaper.vue";
+import { formatChineseDate } from "../../utils/formatters";
+
+const props = defineProps({
+  title: {
+    type: String,
+    required: true
+  },
+  documentNo: {
+    type: String,
+    default: ""
+  },
+  businessDate: {
+    type: [String, Date],
+    default: ""
+  },
+  tone: {
+    type: String,
+    default: "green"
+  },
+  companyName: {
+    type: String,
+    default: "宁波嘉恒智能科技有限公司"
+  },
+  metaLabel: {
+    type: String,
+    default: "业务联单"
+  },
+  dateLabel: {
+    type: String,
+    default: "业务日期"
+  },
+  signatureLabels: {
+    type: Array,
+    default: () => ["制单", "经办", "审核", "财务"]
+  }
+});
+
+const emit = defineEmits(["submit"]);
+
+const displayBusinessDate = computed(() => formatChineseDate(props.businessDate));
+const metaAriaLabel = computed(() => `${props.metaLabel}基础信息`);
+</script>
+```
+
+- [ ] **Step 2: Add `DocumentSection.vue`**
+
+Create `frontend/src/components/documentForms/DocumentSection.vue`:
+
+```vue
+<template>
+  <section class="document-section">
+    <header class="document-section-head">
+      <span class="document-section-index">{{ index }}</span>
+      <strong>{{ title }}</strong>
+    </header>
+
+    <div class="document-section-grid">
+      <slot />
+    </div>
+  </section>
+</template>
+
+<script setup>
+defineProps({
+  index: {
+    type: [Number, String],
+    required: true
+  },
+  title: {
+    type: String,
+    required: true
+  }
+});
+</script>
+```
+
+- [ ] **Step 3: Add `DocumentActionBar.vue`**
+
+Create `frontend/src/components/documentForms/DocumentActionBar.vue`:
+
+```vue
+<template>
+  <span ref="anchorRef" class="document-action-anchor" aria-hidden="true"></span>
+
+  <Teleport :to="actionHost" :disabled="!actionHost">
+    <div
+      class="document-action-bar"
+      :class="{ 'document-action-bar--with-state': $slots.state }"
+      @click.capture="handleActionClick"
+    >
+      <div v-if="$slots.state" class="document-action-state">
+        <slot name="state" />
+      </div>
+
+      <div class="document-action-buttons">
+        <slot />
+      </div>
+    </div>
+  </Teleport>
+</template>
+
+<script setup>
+import { nextTick, onMounted, ref } from "vue";
+
+const anchorRef = ref(null);
+const actionHost = ref(null);
+
+onMounted(async () => {
+  await nextTick();
+  const form = anchorRef.value?.closest?.("form");
+  actionHost.value = form?.querySelector?.("[data-document-action-host]") || form?.querySelector?.("[data-warehouse-document-action-host]") || null;
+});
+
+function handleActionClick(event) {
+  const target = event.target;
+  const submitter = target?.closest?.("button[type='submit'], input[type='submit']");
+  if (!submitter || submitter.disabled) {
+    return;
+  }
+  const form = anchorRef.value?.closest?.("form");
+  if (!form) {
+    return;
+  }
+  event.preventDefault();
+  form.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
+}
+</script>
+```
+
+- [ ] **Step 4: Add `DocumentField.vue`**
+
+Create `frontend/src/components/documentForms/DocumentField.vue`:
+
+```vue
+<template>
+  <component
+    :is="as"
+    class="document-paper-field"
+    :class="[
+      spanClass,
+      {
+        'document-paper-field-readonly': readonly,
+        'document-paper-field-upload': upload
+      }
+    ]"
+  >
+    <span>{{ label }}</span>
+    <slot>
+      <p class="document-paper-readonly-value">{{ value || "-" }}</p>
+    </slot>
+  </component>
+</template>
+
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  label: {
+    type: String,
+    required: true
+  },
+  value: {
+    type: [String, Number],
+    default: ""
+  },
+  span: {
+    type: [Number, String],
+    default: 1
+  },
+  as: {
+    type: String,
+    default: "label"
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+  upload: {
+    type: Boolean,
+    default: false
+  }
+});
+
+const spanClass = computed(() => {
+  if (String(props.span) === "full") return "document-paper-field-full";
+  if (Number(props.span) === 2) return "document-paper-field-wide";
+  return "";
+});
+</script>
+```
+
+- [ ] **Step 5: Add `DocumentSelectorPanel.vue`**
+
+Create `frontend/src/components/documentForms/DocumentSelectorPanel.vue`:
+
+```vue
+<template>
+  <section class="document-selector-panel">
+    <div class="document-selector-heading">
+      <span>{{ label }}</span>
+      <strong>{{ hint }}</strong>
+    </div>
+    <div class="document-selector-body">
+      <slot />
+    </div>
+  </section>
+</template>
+
+<script setup>
+defineProps({
+  label: {
+    type: String,
+    required: true
+  },
+  hint: {
+    type: String,
+    default: "请选择"
+  }
+});
+</script>
+```
+
+- [ ] **Step 6: Add `DocumentInlineSummary.vue`**
+
+Create `frontend/src/components/documentForms/DocumentInlineSummary.vue`:
+
+```vue
+<template>
+  <div class="document-inline-summary" :class="toneClass">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  tone: {
+    type: String,
+    default: "green"
+  }
+});
+
+const toneClass = computed(() => `document-inline-summary-${props.tone}`);
+</script>
+```
+
+- [ ] **Step 7: Add `DocumentSettlePanel.vue`**
+
+Create `frontend/src/components/documentForms/DocumentSettlePanel.vue`:
+
+```vue
+<template>
+  <section class="document-settle-panel">
+    <slot />
+  </section>
+</template>
+```
+
+- [ ] **Step 8: Add generic and legacy action hosts to `DocumentPaper.vue`**
+
+Modify the action host near the end of the template:
+
+```vue
+<div
+  class="document-paper-action-host"
+  data-document-action-host
+  data-warehouse-document-action-host
+></div>
+```
+
+- [ ] **Step 9: Run component test**
+
+Run:
+
+```bash
+cd frontend
+node --test src/components/documentForms/documentForms.test.js
+```
+
+Expected: FAIL on CSS assertions because the generic `document-*` styles are not defined yet.
+
+## Task 3: Convert Warehouse Wrappers To Generic Adapters
+
+**Files:**
+- Modify: `frontend/src/components/documentForms/WarehouseDocumentFormShell.vue`
+- Modify: `frontend/src/components/documentForms/WarehouseDocumentSection.vue`
+- Modify: `frontend/src/components/documentForms/WarehouseDocumentActionBar.vue`
+
+- [ ] **Step 1: Replace `WarehouseDocumentFormShell.vue` with adapter**
+
+Use:
+
+```vue
+<template>
+  <DocumentFormShell
+    class="warehouse-document-form"
+    :title="title"
+    :document-no="documentNo"
+    :business-date="businessDate"
+    :tone="tone"
+    :company-name="companyName"
+    meta-label="仓库联单"
+    :signature-labels="signatureLabels"
+    @submit="emit('submit')"
+  >
+    <slot />
+  </DocumentFormShell>
+</template>
+
+<script setup>
+import DocumentFormShell from "./DocumentFormShell.vue";
+
+defineProps({
+  title: {
+    type: String,
+    required: true
+  },
+  documentNo: {
+    type: String,
+    default: ""
+  },
+  businessDate: {
+    type: [String, Date],
+    default: ""
+  },
+  tone: {
+    type: String,
+    default: "green"
+  },
+  companyName: {
+    type: String,
+    default: "嘉恒仓库"
+  },
+  signatureLabels: {
+    type: Array,
+    default: () => ["制单", "审核", "仓库", "财务"]
+  }
+});
+
+const emit = defineEmits(["submit"]);
+</script>
+```
+
+- [ ] **Step 2: Replace `WarehouseDocumentSection.vue` with adapter**
+
+Use:
+
+```vue
+<template>
+  <DocumentSection
+    class="warehouse-document-section"
+    :index="index"
+    :title="title"
+  >
+    <slot />
+  </DocumentSection>
+</template>
+
+<script setup>
+import DocumentSection from "./DocumentSection.vue";
+
+defineProps({
+  index: {
+    type: [Number, String],
+    required: true
+  },
+  title: {
+    type: String,
+    required: true
+  }
+});
+</script>
+```
+
+- [ ] **Step 3: Replace `WarehouseDocumentActionBar.vue` with adapter**
+
+Use:
+
+```vue
+<template>
+  <DocumentActionBar class="warehouse-document-action-bar--shared">
+    <template v-if="$slots.state" #state>
+      <slot name="state" />
+    </template>
+    <slot />
+  </DocumentActionBar>
+</template>
+
+<script setup>
+import DocumentActionBar from "./DocumentActionBar.vue";
+</script>
+```
+
+- [ ] **Step 4: Run component test again**
+
+Run:
+
+```bash
+cd frontend
+node --test src/components/documentForms/documentForms.test.js
+```
+
+Expected: still FAIL on CSS assertions only.
+
+## Task 4: Add Generic Paper Document CSS And Compatibility Aliases
+
+**Files:**
+- Modify: `frontend/src/styles/main.css`
+
+- [ ] **Step 1: Add generic style block near existing paper document styles**
+
+Add this block before the existing warehouse-specific paper form overrides:
+
+```css
+/* System-wide paper document form primitives */
+.document-form-shell {
+  display: grid;
+  gap: 14px;
+  width: 100%;
+  min-width: 0;
+  padding-bottom: 86px;
+}
+
+.document-form-shell .document-paper-shell {
+  max-width: 1080px;
+  padding: 18px 12px 26px;
+}
+
+.document-form-shell .document-paper-sheet {
+  min-height: 0;
+  padding-bottom: 34px;
+}
+
+.document-form-shell .document-paper-title {
+  font-size: clamp(34px, 4.2vw, 48px);
+}
+
+.document-form-shell .document-number-stamp {
+  min-width: 196px;
+}
+
+.document-form-meta {
+  display: grid;
+  grid-template-columns: auto auto minmax(0, 1fr) auto;
+  gap: 10px;
+  align-items: center;
+  padding: 9px 12px;
+  color: rgba(23, 18, 10, 0.72);
+  border: 2px solid rgba(20, 14, 6, 0.82);
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.12), transparent 42%),
+    rgba(255, 250, 240, 0.54);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 13px;
+  font-weight: 800;
+  letter-spacing: 0.08em;
+}
+
+.document-form-meta strong {
+  display: inline-flex;
+  align-items: center;
+  min-height: 26px;
+  padding: 0 10px;
+  color: #145c39;
+  border: 1.5px solid rgba(31, 122, 74, 0.64);
+  background: rgba(232, 246, 232, 0.62);
+}
+
+.document-form-body {
+  display: grid;
+  gap: 14px;
+}
+
+.document-section {
+  border: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.38);
+}
+
+.document-section-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 46px;
+  padding: 9px 12px;
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.26), transparent),
+    rgba(227, 207, 161, 0.72);
+}
+
+.document-section-index {
+  display: inline-grid;
+  place-items: center;
+  min-width: 30px;
+  height: 30px;
+  color: #145c39;
+  border: 1.5px solid rgba(31, 122, 74, 0.64);
+  background: rgba(232, 246, 232, 0.62);
+  font-family: var(--ui-font-display);
+  font-size: 12px;
+  font-weight: 900;
+}
+
+.document-section-head strong {
+  color: #17120a;
+  font-family: var(--ui-font-display);
+  font-size: 16px;
+  font-weight: 900;
+  letter-spacing: 0.06em;
+}
+
+.document-section-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0;
+  min-width: 0;
+  padding: 14px;
+}
+
+.document-section-grid > .document-control-grid,
+.document-section-grid > .document-selector-panel,
+.document-section-grid > .document-source-table,
+.document-section-grid > .document-inline-summary,
+.document-section-grid > .document-settle-panel,
+.document-section-grid > .document-paper-field {
+  grid-column: 1 / -1;
+  width: 100%;
+  min-width: 0;
+}
+
+.document-control-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.34);
+}
+
+.document-paper-field {
+  display: grid;
+  grid-template-rows: auto minmax(54px, auto);
+  min-width: 0;
+  margin: 0;
+  border-right: 2px solid rgba(20, 14, 6, 0.88);
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.44);
+}
+
+.document-paper-field-wide {
+  grid-column: span 2;
+}
+
+.document-paper-field-full {
+  grid-column: 1 / -1;
+}
+
+.document-paper-field > span {
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  padding: 7px 10px;
+  color: rgba(23, 18, 10, 0.78);
+  border-bottom: 1px solid rgba(20, 14, 6, 0.56);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent),
+    rgba(227, 207, 161, 0.62);
+  font-family: var(--ui-font-display);
+  font-size: 13px;
+  font-weight: 900;
+  letter-spacing: 0.08em;
+}
+
+.document-paper-field input,
+.document-paper-field select,
+.document-paper-field textarea {
+  width: 100%;
+  min-width: 0;
+  min-height: 48px;
+  padding: 10px 11px;
+  color: #17120a;
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+  background: transparent;
+  box-shadow: none;
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 15px;
+  font-weight: 800;
+  line-height: 1.45;
+}
+
+.document-paper-field textarea {
+  min-height: 104px;
+  resize: vertical;
+}
+
+.document-paper-field input:focus,
+.document-paper-field select:focus,
+.document-paper-field textarea:focus {
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.12), transparent 42%),
+    rgba(255, 255, 255, 0.48);
+  box-shadow: inset 0 0 0 2px rgba(31, 122, 74, 0.42);
+}
+
+.document-paper-readonly-value {
+  display: flex;
+  align-items: center;
+  min-height: 48px;
+  margin: 0;
+  padding: 10px 11px;
+  color: #145c39;
+  background:
+    repeating-linear-gradient(-45deg, rgba(31, 122, 74, 0.06) 0 5px, transparent 5px 10px),
+    rgba(232, 246, 232, 0.32);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 14px;
+  font-weight: 900;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.document-selector-panel {
+  display: grid;
+  grid-template-columns: 220px minmax(0, 1fr);
+  min-width: 0;
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.44);
+}
+
+.document-selector-heading,
+.document-selector-body {
+  min-width: 0;
+  border-right: 2px solid rgba(20, 14, 6, 0.88);
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+}
+
+.document-selector-heading {
+  display: grid;
+  grid-template-rows: auto 1fr;
+}
+
+.document-selector-heading span {
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  padding: 7px 10px;
+  color: rgba(23, 18, 10, 0.78);
+  border-bottom: 1px solid rgba(20, 14, 6, 0.56);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent),
+    rgba(227, 207, 161, 0.62);
+  font-family: var(--ui-font-display);
+  font-size: 13px;
+  font-weight: 900;
+  letter-spacing: 0.08em;
+}
+
+.document-selector-heading strong,
+.document-selector-body {
+  padding: 10px 11px;
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-weight: 900;
+}
+
+.document-inline-summary {
+  min-width: 0;
+  padding: 12px 14px;
+  color: #145c39;
+  border: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.12), transparent 42%),
+    rgba(232, 246, 232, 0.52);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 15px;
+  font-weight: 900;
+}
+
+.document-settle-panel {
+  display: grid;
+  gap: 0;
+  min-width: 0;
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    linear-gradient(90deg, rgba(180, 83, 9, 0.08), transparent 48%),
+    rgba(255, 250, 240, 0.5);
+}
+
+.document-action-anchor {
+  display: none;
+}
+
+.document-action-bar {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  width: fit-content;
+  max-width: 1080px;
+  margin: 0 0 0 auto;
+  padding: 10px;
+  border: 1px solid rgba(31, 122, 74, 0.24);
+  border-radius: 18px;
+  background:
+    linear-gradient(90deg, rgba(232, 246, 232, 0.92), rgba(255, 250, 240, 0.96)),
+    rgba(255, 255, 255, 0.92);
+  box-shadow:
+    0 -12px 28px rgba(5, 11, 18, 0.22),
+    inset 0 1px 0 rgba(255, 255, 255, 0.68);
+  backdrop-filter: blur(14px);
+}
+
+.document-action-bar--with-state {
+  justify-content: space-between;
+  width: min(100%, 1080px);
+}
+
+.document-action-state {
+  min-width: 0;
+  color: var(--document-paper-muted, #6a5631);
+  font-size: 13px;
+  font-weight: 900;
+  line-height: 1.45;
+}
+
+.document-action-buttons {
+  display: inline-flex;
+  flex: 0 0 auto;
+  flex-wrap: wrap;
+  gap: 10px;
+  justify-content: flex-end;
+}
+
+@media (max-width: 960px) {
+  .document-form-meta,
+  .document-section-grid,
+  .document-control-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .document-selector-panel {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 620px) {
+  .document-form-shell .document-paper-shell {
+    padding-inline: 0;
+  }
+
+  .document-form-meta,
+  .document-section-grid,
+  .document-control-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .document-paper-field,
+  .document-paper-field-wide,
+  .document-paper-field-full {
+    grid-column: 1 / -1;
+  }
+
+  .document-action-bar,
+  .document-action-bar--with-state,
+  .document-action-state,
+  .document-action-buttons {
+    width: 100%;
+  }
+}
+```
+
+- [ ] **Step 2: Add warehouse compatibility aliases below generic styles**
+
+Add:
+
+```css
+.warehouse-document-operation-form,
+.warehouse-document-form {
+  display: grid;
+  gap: 14px;
+  width: 100%;
+  min-width: 0;
+}
+
+.warehouse-document-form-meta {
+  display: contents;
+}
+
+.warehouse-document-body {
+  display: contents;
+}
+
+.warehouse-document-section {
+  display: block;
+}
+
+.warehouse-document-section-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0;
+  min-width: 0;
+  padding: 14px;
+}
+
+.warehouse-paper-control-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+```
+
+- [ ] **Step 3: Run component test to verify generic foundation passes**
+
+Run:
+
+```bash
+cd frontend
+node --test src/components/documentForms/documentForms.test.js
+```
+
+Expected: PASS.
+
+## Task 5: Add P0 Warehouse Regression Tests
+
+**Files:**
+- Modify: `frontend/src/views/InventoryLedgerView.test.js`
+
+- [ ] **Step 1: Add assertions for P0 document conversion**
+
+Append these tests inside the existing `describe("InventoryLedgerView warehouse action layout", () => { })` block:
+
+```js
+it("keeps special adjustment documents inside the paper document language", () => {
+  assert.match(source, /special-adjustment-paper-grid/);
+  assert.match(source, /special-adjustment-paper-warning/);
+  assert.match(source, /special-adjustment-paper-lines/);
+  assert.match(source, /special-adjustment-paper-line-card/);
+  assert.doesNotMatch(source, /<div class="double-field">[\s\S]*?specialAdjustmentForm\.reason/);
+  assert.match(mainCss, /\.special-adjustment-paper-grid/);
+  assert.match(mainCss, /\.special-adjustment-paper-line-card/);
+});
+
+it("keeps production outbound document controls paper-native", () => {
+  assert.match(source, /production-out-paper-grid/);
+  assert.match(source, /production-out-source-lot-panel/);
+  assert.match(source, /production-out-source-lot-table/);
+  assert.doesNotMatch(source, /<div class="workflow-tip">选择原材料库存批次出库/);
+  assert.match(mainCss, /\.production-out-source-lot-panel/);
+});
+
+it("keeps production ledger inbound settlement controls paper-native", () => {
+  assert.match(source, /production-ledger-inbound-paper-grid/);
+  assert.match(source, /production-ledger-inbound-summary/);
+  assert.match(source, /production-ledger-inbound-metrics/);
+  assert.doesNotMatch(source, /<div class="triple-field">[\s\S]*?productionWorkOrderInboundForm\.finished_qty/);
+  assert.match(mainCss, /\.production-ledger-inbound-metrics/);
+});
+```
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run:
+
+```bash
+cd frontend
+node --test src/views/InventoryLedgerView.test.js
+```
+
+Expected: FAIL because the P0 class names are not in `InventoryLedgerView.vue` or CSS yet.
+
+## Task 6: Convert Special Inbound / Special Outbound Paper Form
+
+**Files:**
+- Modify: `frontend/src/views/InventoryLedgerView.vue`
+- Modify: `frontend/src/styles/main.css`
+
+- [ ] **Step 1: Replace the special adjustment warning and header fields**
+
+In the `specialAdjustmentDrawerOpen` drawer, replace:
+
+```vue
+<div class="special-adjustment-warning">
+  <strong>特殊调整会直接改变库存明细</strong>
+  <span>保存后写入库存流水和特殊调整记录，请仅在补录、纠错、线下已处理等特殊场景使用。</span>
+</div>
+
+<div class="double-field">
+  <label class="form-field">
+    <span>调整说明</span>
+    <textarea
+      v-model.trim="specialAdjustmentForm.reason"
+      rows="3"
+      required
+      placeholder="必须填写现场原因、审批依据或补录说明"
+    ></textarea>
+  </label>
+  <label class="form-field">
+    <span>仓库</span>
+    <select v-model.number="specialAdjustmentForm.warehouse_id" required @change="handleSpecialAdjustmentWarehouseChange">
+      <option disabled value="">请选择仓库</option>
+      <option v-for="warehouse in activeWarehouses" :key="warehouse.id" :value="warehouse.id">
+        {{ warehouse.warehouse_name }}
+      </option>
+    </select>
+  </label>
+</div>
+```
+
+with:
+
+```vue
+<div class="document-inline-summary special-adjustment-paper-warning">
+  <strong>特殊调整会直接改变库存明细</strong>
+  <span>保存后写入库存流水和特殊调整记录，请仅在补录、纠错、线下已处理等特殊场景使用。</span>
+</div>
+
+<div class="document-control-grid special-adjustment-paper-grid">
+  <label class="document-paper-field document-paper-field-wide">
+    <span>调整说明</span>
+    <textarea
+      v-model.trim="specialAdjustmentForm.reason"
+      rows="3"
+      required
+      placeholder="必须填写现场原因、审批依据或补录说明"
+    ></textarea>
+  </label>
+  <label class="document-paper-field">
+    <span>仓库</span>
+    <select v-model.number="specialAdjustmentForm.warehouse_id" required @change="handleSpecialAdjustmentWarehouseChange">
+      <option disabled value="">请选择仓库</option>
+      <option v-for="warehouse in activeWarehouses" :key="warehouse.id" :value="warehouse.id">
+        {{ warehouse.warehouse_name }}
+      </option>
+    </select>
+  </label>
+</div>
+```
+
+- [ ] **Step 2: Replace add-line action area**
+
+Replace:
+
+```vue
+<div class="drawer-table-actions">
+  <button class="ghost-button" type="button" :disabled="!specialAdjustmentForm.reason.trim()" @click="addSpecialAdjustmentLine">
+    添加调整明细
+  </button>
+  <span v-if="!specialAdjustmentForm.reason.trim()" class="special-adjustment-tip">请先填写调整说明</span>
+</div>
+```
+
+with:
+
+```vue
+<div class="document-inline-summary special-adjustment-paper-toolbar">
+  <button class="ghost-button" type="button" :disabled="!specialAdjustmentForm.reason.trim()" @click="addSpecialAdjustmentLine">
+    添加调整明细
+  </button>
+  <span v-if="!specialAdjustmentForm.reason.trim()" class="special-adjustment-tip">请先填写调整说明</span>
+  <span v-else>每条明细都会写入库存流水，调整说明会同步进入变更记录。</span>
+</div>
+```
+
+- [ ] **Step 3: Rename special adjustment line containers**
+
+Replace class names:
+
+```vue
+class="special-adjustment-lines"
+class="special-adjustment-line-card"
+```
+
+with:
+
+```vue
+class="special-adjustment-paper-lines special-adjustment-lines"
+class="special-adjustment-paper-line-card special-adjustment-line-card"
+```
+
+Keep existing child classes such as `special-adjustment-card-grid`, `special-adjustment-card-field`, and `special-adjustment-card-preview` for now because they already use a paper-grid look.
+
+- [ ] **Step 4: Add CSS aliases**
+
+Add near the existing special adjustment styles:
+
+```css
+.special-adjustment-paper-warning {
+  display: grid;
+  gap: 5px;
+  color: #78350f;
+  background:
+    linear-gradient(90deg, rgba(180, 83, 9, 0.13), transparent 50%),
+    rgba(255, 250, 240, 0.64);
+}
+
+.special-adjustment-paper-warning strong {
+  color: #78350f;
+  font-size: 15px;
+}
+
+.special-adjustment-paper-warning span,
+.special-adjustment-paper-toolbar span {
+  font-size: 12px;
+  font-weight: 900;
+}
+
+.special-adjustment-paper-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.special-adjustment-paper-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.special-adjustment-paper-lines {
+  display: grid;
+  grid-column: 1 / -1;
+  gap: 14px;
+  min-width: 0;
+}
+
+.special-adjustment-paper-line-card {
+  position: relative;
+  overflow: hidden;
+  border: 1.5px solid rgba(20, 14, 6, 0.72);
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.06), transparent 44%),
+    rgba(255, 250, 240, 0.72);
+  box-shadow:
+    inset 0 0 0 1px rgba(255, 255, 255, 0.5),
+    0 8px 18px rgba(52, 39, 15, 0.08);
+}
+```
+
+- [ ] **Step 5: Run focused test**
+
+Run:
+
+```bash
+cd frontend
+node --test src/views/InventoryLedgerView.test.js
+```
+
+Expected: special adjustment test passes; production out and production ledger inbound tests still fail.
+
+## Task 7: Convert Production Out Paper Form
+
+**Files:**
+- Modify: `frontend/src/views/InventoryLedgerView.vue`
+- Modify: `frontend/src/styles/main.css`
+
+- [ ] **Step 1: Replace production out tip and product selector**
+
+In the `productionDrawerOpen` drawer, replace:
+
+```vue
+<div class="workflow-tip">选择原材料库存批次出库，后续小程序报工按库存批次号推进。</div>
+
+<label class="form-field">
+  <span>产品</span>
+  <select v-model.number="productionForm.product_item_id" required>
+    <option disabled value="">请选择产品</option>
+    <option v-for="product in products" :key="product.item_id" :value="product.item_id">
+      {{ formatProductLabel(product) }}
+    </option>
+  </select>
+</label>
+```
+
+with:
+
+```vue
+<div class="document-inline-summary production-out-paper-tip">
+  选择原材料库存批次出库，后续小程序报工按库存批次号推进。一次生产出库只能选择一个材料库存批次。
+</div>
+
+<div class="document-control-grid production-out-paper-grid">
+  <label class="document-paper-field document-paper-field-wide">
+    <span>产品</span>
+    <select v-model.number="productionForm.product_item_id" required>
+      <option disabled value="">请选择产品</option>
+      <option v-for="product in products" :key="product.item_id" :value="product.item_id">
+        {{ formatProductLabel(product) }}
+      </option>
+    </select>
+  </label>
+</div>
+```
+
+- [ ] **Step 2: Replace production stock lot selector**
+
+Replace:
+
+```vue
+<label class="form-field">
+  <span>库存批次号</span>
+  <StockLotTagSelect
+    v-model="selectedProductionStockLots"
+    :options="productionStockLotOptions"
+    :max-selections="1"
+    placeholder="搜索并选择一个材料库存批次号"
+  />
+</label>
+```
+
+with:
+
+```vue
+<div class="document-selector-panel production-out-source-lot-panel">
+  <div class="document-selector-heading">
+    <span>库存批次号</span>
+    <strong>搜索并选择一个材料库存批次号</strong>
+  </div>
+  <div class="document-selector-body">
+    <StockLotTagSelect
+      v-model="selectedProductionStockLots"
+      :options="productionStockLotOptions"
+      :max-selections="1"
+      placeholder="搜索并选择一个材料库存批次号"
+    />
+  </div>
+</div>
+```
+
+- [ ] **Step 3: Replace selected lot table wrapper**
+
+Change:
+
+```vue
+<div v-if="selectedProductionStockLots.length" class="table-wrap">
+```
+
+to:
+
+```vue
+<div v-if="selectedProductionStockLots.length" class="table-wrap document-source-table production-out-source-lot-table">
+```
+
+- [ ] **Step 4: Replace issue weight/reference quantity group**
+
+Replace the production out `double-field` group with:
+
+```vue
+<div class="document-control-grid production-out-paper-grid">
+  <label class="document-paper-field">
+    <span>本次生产出库重量(kg)</span>
+    <input
+      v-model.number="productionForm.issue_weight_kg"
+      type="number"
+      min="0.001"
+      step="0.001"
+      required
+      :readonly="selectedProductionStockLots.length > 0"
+    />
+  </label>
+  <label class="document-paper-field">
+    <span>参考生产数量</span>
+    <input :value="formatQty(referenceProductionQty)" type="text" readonly />
+  </label>
+</div>
+```
+
+- [ ] **Step 5: Add CSS**
+
+Add:
+
+```css
+.production-out-paper-tip {
+  color: #145c39;
+}
+
+.production-out-paper-grid,
+.production-out-source-lot-panel,
+.production-out-source-lot-table {
+  grid-column: 1 / -1;
+}
+
+.production-out-source-lot-panel .stock-lot-control {
+  min-height: 50px;
+  border: 0;
+  border-radius: 0;
+  background: rgba(255, 255, 255, 0.32);
+  box-shadow: inset 0 0 0 1.5px rgba(31, 122, 74, 0.28);
+}
+
+.production-out-source-lot-table {
+  margin: 0;
+  overflow-x: auto;
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  border-radius: 0;
+  background: rgba(255, 250, 240, 0.46);
+  box-shadow: none;
+}
+```
+
+- [ ] **Step 6: Run focused test**
+
+Run:
+
+```bash
+cd frontend
+node --test src/views/InventoryLedgerView.test.js
+```
+
+Expected: special adjustment and production out tests pass; production ledger inbound test still fails.
+
+## Task 8: Convert Production Ledger Inbound Settlement Paper Form
+
+**Files:**
+- Modify: `frontend/src/views/InventoryLedgerView.vue`
+- Modify: `frontend/src/styles/main.css`
+
+- [ ] **Step 1: Replace settlement workflow tip and ledger select**
+
+In `productionWorkOrderInboundDrawerOpen`, replace:
+
+```vue
+<div class="workflow-tip">
+  选择生产台账后，系统按领料重量、单件毛重和已入库成品数量填入理论余料、理论废料。理论值只是辅助参考，实际称重可修改；偏差超过上下15%时需要填写说明。
+</div>
+
+<label class="form-field">
+  <span>生产台账</span>
+  <select v-model.number="selectedInboundWorkOrderId" required @change="loadProductionWorkOrderInboundPreview">
+    <option disabled value="">请选择在生产的生产台账</option>
+    <option v-for="workOrder in openProductionWorkOrders" :key="workOrder.work_order_id" :value="workOrder.work_order_id">
+      {{ formatProductionWorkOrderInboundOption(workOrder) }}
+    </option>
+  </select>
+</label>
+```
+
+with:
+
+```vue
+<div class="document-inline-summary production-ledger-inbound-tip">
+  选择生产台账后，系统按领料重量、单件毛重和已入库成品数量填入理论余料、理论废料。理论值只是辅助参考，实际称重可修改；偏差超过上下15%时需要填写说明。
+</div>
+
+<div class="document-control-grid production-ledger-inbound-paper-grid">
+  <label class="document-paper-field document-paper-field-wide">
+    <span>生产台账</span>
+    <select v-model.number="selectedInboundWorkOrderId" required @change="loadProductionWorkOrderInboundPreview">
+      <option disabled value="">请选择在生产的生产台账</option>
+      <option v-for="workOrder in openProductionWorkOrders" :key="workOrder.work_order_id" :value="workOrder.work_order_id">
+        {{ formatProductionWorkOrderInboundOption(workOrder) }}
+      </option>
+    </select>
+  </label>
+</div>
+```
+
+- [ ] **Step 2: Add settlement summary class to preview grid**
+
+Change:
+
+```vue
+<div v-if="productionWorkOrderInboundPreview" class="warehouse-paper-summary-grid">
+```
+
+to:
+
+```vue
+<div v-if="productionWorkOrderInboundPreview" class="warehouse-paper-summary-grid production-ledger-inbound-summary">
+```
+
+- [ ] **Step 3: Replace the triple-field input group**
+
+Replace:
+
+```vue
+<div class="triple-field">
+  <label class="form-field">
+    <span>成品入库数量</span>
+    <input
+      v-model.number="productionWorkOrderInboundForm.finished_qty"
+      type="number"
+      min="0"
+      step="1"
+      @input="handleProductionWorkOrderInboundFinishedQtyInput"
+    />
+  </label>
+  <label class="form-field">
+    <span>余料入库重量(kg)</span>
+    <input v-model.number="productionWorkOrderInboundForm.surplus_weight_kg" type="number" min="0" step="0.001" />
+  </label>
+  <label class="form-field">
+    <span>废料重量(kg)</span>
+    <input v-model.number="productionWorkOrderInboundForm.scrap_weight_kg" type="number" min="0" step="0.001" />
+  </label>
+</div>
+```
+
+with:
+
+```vue
+<div class="document-control-grid production-ledger-inbound-paper-grid">
+  <label class="document-paper-field">
+    <span>成品入库数量</span>
+    <input
+      v-model.number="productionWorkOrderInboundForm.finished_qty"
+      type="number"
+      min="0"
+      step="1"
+      @input="handleProductionWorkOrderInboundFinishedQtyInput"
+    />
+  </label>
+  <label class="document-paper-field">
+    <span>余料入库重量(kg)</span>
+    <input v-model.number="productionWorkOrderInboundForm.surplus_weight_kg" type="number" min="0" step="0.001" />
+  </label>
+  <label class="document-paper-field">
+    <span>废料重量(kg)</span>
+    <input v-model.number="productionWorkOrderInboundForm.scrap_weight_kg" type="number" min="0" step="0.001" />
+  </label>
+</div>
+```
+
+- [ ] **Step 4: Replace theoretical metric grid class**
+
+Change:
+
+```vue
+<div v-if="productionWorkOrderInboundPreview" class="drawer-row-detail-grid">
+```
+
+to:
+
+```vue
+<div v-if="productionWorkOrderInboundPreview" class="warehouse-paper-summary-grid production-ledger-inbound-metrics">
+```
+
+Then change each nested `<article>` to use:
+
+```vue
+<article class="warehouse-paper-summary-card">
+```
+
+Keep the labels and computed values unchanged.
+
+- [ ] **Step 5: Add CSS**
+
+Add:
+
+```css
+.production-ledger-inbound-tip,
+.production-ledger-inbound-paper-grid,
+.production-ledger-inbound-summary,
+.production-ledger-inbound-metrics {
+  grid-column: 1 / -1;
+}
+
+.production-ledger-inbound-tip {
+  color: #145c39;
+}
+
+.production-ledger-inbound-metrics {
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+}
+```
+
+- [ ] **Step 6: Run focused test**
+
+Run:
+
+```bash
+cd frontend
+node --test src/views/InventoryLedgerView.test.js
+```
+
+Expected: all `InventoryLedgerView` tests pass.
+
+## Task 9: Full Verification
+
+**Files:**
+- Test: `frontend/src/components/documentForms/documentForms.test.js`
+- Test: `frontend/src/views/InventoryLedgerView.test.js`
+- Build: `frontend/package.json`
+
+- [ ] **Step 1: Run document component tests**
+
+Run:
+
+```bash
+cd frontend
+node --test src/components/documentForms/documentForms.test.js
+```
+
+Expected: PASS.
+
+- [ ] **Step 2: Run warehouse view tests**
+
+Run:
+
+```bash
+cd frontend
+node --test src/views/InventoryLedgerView.test.js
+```
+
+Expected: PASS.
+
+- [ ] **Step 3: Run frontend build**
+
+Run:
+
+```bash
+cd frontend
+npm run build
+```
+
+Expected: build succeeds. Existing Vite chunk-size warning is acceptable.
+
+- [ ] **Step 4: Browser verify P0 documents**
+
+Using the in-app browser at `http://localhost:5173/inventory-ledger`, verify:
+
+- `原材料库 -> 特殊入库`: warning, reason, warehouse, add-line toolbar, and line cards visually belong to the paper document.
+- `原材料库 -> 特殊出库`: same as special inbound.
+- `原材料库 -> 生产出库`: product selector, source lot selector, selected lot table, and issue weight/reference quantity are paper-native.
+- `工具 -> 生产台账入库`: ledger selector, preview summary, finished/surplus/scrap inputs, theoretical metrics, settle checkbox, and abnormal explanation area are paper-native.
+- `原材料库 -> 客料入库`: approved template does not regress.
+- `采购订单` and `销售订单`: existing paper documents still render.
+
+## Task 10: Completion Review
+
+**Files:**
+- Inspect: `git diff --stat`
+- Inspect: `git status --short`
+
+- [ ] **Step 1: Check whitespace**
+
+Run:
+
+```bash
+git diff --check
+```
+
+Expected: no output.
+
+- [ ] **Step 2: Check changed files**
+
+Run:
+
+```bash
+git status --short
+```
+
+Expected changed files should be limited to:
+
+```text
+frontend/src/components/documentForms/DocumentActionBar.vue
+frontend/src/components/documentForms/DocumentField.vue
+frontend/src/components/documentForms/DocumentFormShell.vue
+frontend/src/components/documentForms/DocumentInlineSummary.vue
+frontend/src/components/documentForms/DocumentPaper.vue
+frontend/src/components/documentForms/DocumentSection.vue
+frontend/src/components/documentForms/DocumentSelectorPanel.vue
+frontend/src/components/documentForms/DocumentSettlePanel.vue
+frontend/src/components/documentForms/WarehouseDocumentActionBar.vue
+frontend/src/components/documentForms/WarehouseDocumentFormShell.vue
+frontend/src/components/documentForms/WarehouseDocumentSection.vue
+frontend/src/components/documentForms/documentForms.test.js
+frontend/src/styles/main.css
+frontend/src/views/InventoryLedgerView.test.js
+frontend/src/views/InventoryLedgerView.vue
+```
+
+Plus any already-existing dirty files that predated execution.
+
+- [ ] **Step 3: Summarize residual risks**
+
+Report:
+
+- Which P0 documents were browser-verified.
+- Whether build passed.
+- Whether any browser verification was limited by narrow viewport.
+- That backend APIs and business logic were intentionally not changed.
+
+## Self-Review
+
+- Spec coverage: covers Phase 0 generic foundation and Phase 1 P0 warehouse documents from `2026-06-13-system-wide-paper-document-unification-design.md`.
+- Placeholder scan: no placeholder markers or fill-later wording.
+- Type consistency: component names are consistently `DocumentFormShell`, `DocumentSection`, `DocumentActionBar`, `DocumentField`, `DocumentSelectorPanel`, `DocumentInlineSummary`, `DocumentSettlePanel`.
+- Scope guard: does not alter backend archive routes, inventory calculation, production calculation, or database schema.
diff --git a/docs/superpowers/plans/2026-06-13-warehouse-paper-form-unification-phase1.md b/docs/superpowers/plans/2026-06-13-warehouse-paper-form-unification-phase1.md
new file mode 100644
index 0000000..67fdd52
--- /dev/null
+++ b/docs/superpowers/plans/2026-06-13-warehouse-paper-form-unification-phase1.md
@@ -0,0 +1,212 @@
+# Warehouse Paper Form Unification Phase 1 Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make warehouse operation documents use one cohesive paper-form visual language, starting with the production-ledger controlled inbound forms that currently mix modern web controls into the paper sheet.
+
+**Architecture:** Keep all business state, computed values, validation, and submit payloads in `InventoryLedgerView.vue` unchanged. Introduce paper-specific wrappers/classes around the existing controls so selectors, selected-lot tables, live summaries, remarks, and settle controls visually belong to the same document grid as the approved “客料入库单”. Avoid global restyling of `.form-field`, `.double-field`, `.table-wrap`, or shared controls used outside paper documents.
+
+**Tech Stack:** Vue 3 SFC, Vite, project CSS in `frontend/src/styles/main.css`, Node built-in test runner.
+
+---
+
+## File Structure
+
+- Modify `frontend/src/views/InventoryLedgerView.vue`: convert the generic warehouse drawer’s production-ledger controlled inbound branch to paper-specific markup while preserving existing bindings and branch conditions.
+- Modify `frontend/src/styles/main.css`: add reusable paper document classes for control grids, inline summary rows, source-lot selector/table panels, and settle confirmation rows.
+- Modify `frontend/src/views/InventoryLedgerView.test.js`: add regression coverage that production surplus/scrap inbound forms use the paper-specific classes and that the old naked modern classes are not the only visual contract.
+
+## Design Direction
+
+- Aesthetic: “工业纸质单据”.
+- Purpose: Support fast warehouse entry while making each operation feel like a formal business document, not a demo web form.
+- Differentiation anchor: Thick ledger grid lines, label/value cells, stamped meta strips, and paper-native control panels.
+- DFII: 13. Impact 4, fit 5, feasibility 5, performance 4, consistency risk 5. This is strong because it reuses the approved客料入库 visual system, but must be scoped to avoid touching unrelated app forms.
+
+## Task 1: Lock The Regression Tests
+
+**Files:**
+- Modify: `frontend/src/views/InventoryLedgerView.test.js`
+- Read: `frontend/src/views/InventoryLedgerView.vue`
+- Read: `frontend/src/styles/main.css`
+
+- [ ] **Step 1: Add paper-form assertions for production-ledger controlled inbound**
+
+Add a test that checks the generic drawer contains production-ledger paper classes and keeps the old branch visually wrapped:
+
+```js
+it("wraps production-ledger controlled inbound forms in the shared paper control language", () => {
+  assert.match(source, /warehouse-paper-control-grid/);
+  assert.match(source, /warehouse-paper-source-lot-panel/);
+  assert.match(source, /warehouse-paper-source-lot-table/);
+  assert.match(source, /warehouse-paper-inline-summary/);
+  assert.match(source, /warehouse-paper-settle-panel/);
+  assert.match(source, /warehouse-paper-settle-toggle/);
+  assert.match(source, /warehouse-paper-settle-grid/);
+  assert.match(source, /warehouse-paper-settle-remark/);
+  assert.match(mainCss, /\.warehouse-document-section-grid > \.warehouse-paper-control-grid\s*\{[\s\S]*grid-column: 1 \/ -1;/);
+  assert.match(mainCss, /\.warehouse-paper-control-grid\s*\{[\s\S]*grid-template-columns: repeat\(4, minmax\(0, 1fr\)\);/);
+  assert.match(mainCss, /\.warehouse-paper-source-lot-table/);
+  assert.match(mainCss, /\.warehouse-paper-settle-toggle/);
+});
+```
+
+- [ ] **Step 2: Run the test and confirm it fails before implementation**
+
+Run:
+
+```bash
+cd frontend
+node --test src/views/InventoryLedgerView.test.js
+```
+
+Expected before implementation: failure mentioning one or more missing `warehouse-paper-*` classes.
+
+## Task 2: Convert Production Controlled Inbound Markup
+
+**Files:**
+- Modify: `frontend/src/views/InventoryLedgerView.vue`
+
+- [ ] **Step 1: Replace the naked production work-order block**
+
+Replace the `isProductionWorkOrderControlledInbound` `stack-form` block with paper-grid fields:
+
+```vue
+<div v-if="isProductionWorkOrderControlledInbound" class="warehouse-paper-control-grid warehouse-paper-control-grid-compact">
+  <label class="warehouse-paper-field warehouse-paper-field-wide">
+    <span>{{ isReworkScrapInbound ? "返工工单" : "生产台账" }}</span>
+    <select v-model.number="genericForm.work_order_id" required @change="applyGenericWorkOrder">
+      <option disabled value="">{{ isReworkScrapInbound ? "请选择返工工单" : "请选择生产台账" }}</option>
+      <option v-for="workOrder in genericWorkOrderOptions" :key="workOrder.work_order_id" :value="workOrder.work_order_id">
+        {{ formatWorkOrderLedgerOption(workOrder, activeOperation?.bizType) }}
+      </option>
+    </select>
+  </label>
+
+  <template v-if="selectedGenericWorkOrder">
+    <article class="warehouse-paper-summary-card warehouse-paper-summary-card-wide">
+      <span>产品</span>
+      <strong>{{ selectedGenericWorkOrder.product_code }} · {{ selectedGenericWorkOrder.product_name }}</strong>
+    </article>
+    <article class="warehouse-paper-summary-card">
+      <span>材料库存批次号</span>
+      <strong>{{ selectedGenericWorkOrder.source_lot_summary || selectedGenericWorkOrder.material_lot_no || "-" }}</strong>
+    </article>
+    <article v-if="isProductionScrapInbound" class="warehouse-paper-summary-card">
+      <span>库外未闭环重量</span>
+      <strong>{{ formatWeight(selectedGenericWorkOrder.outside_weight_kg || selectedGenericWorkOrder.limits?.max_scrap_inbound_weight_kg) }}</strong>
+    </article>
+    <article v-if="isProductionSurplusInbound" class="warehouse-paper-summary-card">
+      <span>库外未闭环重量</span>
+      <strong>{{ formatWeight(selectedGenericWorkOrder.outside_weight_kg || selectedGenericWorkOrder.limits?.max_surplus_inbound_weight_kg) }}</strong>
+    </article>
+  </template>
+</div>
+```
+
+- [ ] **Step 2: Convert the core fields to a paper grid**
+
+Replace the main `double-field` and `triple-field` groups in the generic drawer with `warehouse-paper-control-grid`, using the existing exact conditions and v-models. Keep field order: item, warehouse, location, measure basis, weight, quantity, unit cost.
+
+- [ ] **Step 3: Wrap source-lot selector and tables in paper panels**
+
+Keep `StockLotTagSelect` unchanged, but place it inside:
+
+```vue
+<div v-if="usesGenericSourceLotSelector" class="warehouse-paper-source-lot-panel">
+  <div class="warehouse-paper-source-lot-heading">
+    <span>来源库存批次号</span>
+    <strong>{{ genericSourceLotSelectPlaceholder }}</strong>
+  </div>
+  <StockLotTagSelect ... />
+</div>
+```
+
+For selected lot tables, keep the same columns and inputs but add `warehouse-paper-source-lot-table` to the wrapping table container so CSS can remove the ordinary web-card feel.
+
+- [ ] **Step 4: Convert summaries and settle controls**
+
+Replace `inventory-live-summary` display with `warehouse-paper-inline-summary`, and replace `work-order-settle-panel` / `work-order-settle-toggle` with paper-specific classes. Keep `genericForm.settle_work_order`, deviation values, and `genericForm.settle_remark` unchanged.
+
+## Task 3: Add Paper-Specific CSS
+
+**Files:**
+- Modify: `frontend/src/styles/main.css`
+
+- [ ] **Step 1: Add grid spanning rules**
+
+Add the new paper containers beside existing `.warehouse-paper-grid` rules:
+
+```css
+.warehouse-document-section-grid > .warehouse-paper-control-grid,
+.warehouse-document-section-grid > .warehouse-paper-source-lot-panel,
+.warehouse-document-section-grid > .warehouse-paper-source-lot-table,
+.warehouse-document-section-grid > .warehouse-paper-inline-summary,
+.warehouse-document-section-grid > .warehouse-paper-settle-panel {
+  grid-column: 1 / -1;
+}
+```
+
+- [ ] **Step 2: Reuse approved paper field and summary cells**
+
+Make `.warehouse-paper-control-grid` visually match `.warehouse-paper-grid`, with four columns on desktop, two on tablet, and one on mobile. Make `.warehouse-paper-control-grid-compact` allow summary cards to live in the same grid.
+
+- [ ] **Step 3: Style selector/table/settle panels as document rows**
+
+Style:
+
+```css
+.warehouse-paper-source-lot-panel
+.warehouse-paper-source-lot-heading
+.warehouse-paper-source-lot-table
+.warehouse-paper-inline-summary
+.warehouse-paper-settle-panel
+.warehouse-paper-settle-toggle
+.warehouse-paper-settle-grid
+.warehouse-paper-settle-remark
+```
+
+They should use document borders, paper backgrounds, Songti/Simsun value text where appropriate, and no floating modern-card shadows.
+
+## Task 4: Verify
+
+**Files:**
+- Test: `frontend/src/views/InventoryLedgerView.test.js`
+- Build: `frontend/package.json`
+
+- [ ] **Step 1: Run focused view tests**
+
+Run:
+
+```bash
+cd frontend
+node --test src/views/InventoryLedgerView.test.js
+```
+
+Expected: all tests pass.
+
+- [ ] **Step 2: Run production build**
+
+Run:
+
+```bash
+cd frontend
+npm run build
+```
+
+Expected: Vite build succeeds. Existing chunk-size warning is acceptable if it remains the same non-blocking warning.
+
+- [ ] **Step 3: Browser verification**
+
+Open `http://localhost:5173/inventory-ledger`, then inspect:
+
+- 原材料库 · 客料入库 remains unchanged and approved.
+- 原材料库 · 生产余料入库 uses the same paper-grid visual language.
+- The source-lot multi-select, selected-lot table, remark field, and “该批材料余料结单” no longer look like separate modern web cards pasted onto paper.
+- Existing submit button and drawer behavior still work.
+
+## Self-Review
+
+- Spec coverage: covers the user’s requested recommended approach by converting the most visible mixed-UI warehouse document first and creating reusable paper classes for subsequent warehouse forms.
+- Placeholder scan: no TBD/TODO/implement-later placeholders.
+- Type consistency: class names in tests, markup, and CSS use the same `warehouse-paper-*` prefix.
diff --git a/docs/superpowers/specs/2026-06-13-system-wide-paper-document-unification-design.md b/docs/superpowers/specs/2026-06-13-system-wide-paper-document-unification-design.md
new file mode 100644
index 0000000..525947a
--- /dev/null
+++ b/docs/superpowers/specs/2026-06-13-system-wide-paper-document-unification-design.md
@@ -0,0 +1,341 @@
+# 全系统纸质单据统一改造设计
+
+## 背景
+
+系统已经开始从普通后台表单向正式业务单据升级：销售订单、采购订单已经接入 `DocumentPaper` 纸质单据和 PDF 归档；仓库中的 `原材料库 · 客料入库单` 已被用户认可为“模板级别”；`生产余料入库单 / 生产废料入库单` 第一阶段也已经开始改成同一套纸质单据语言。
+
+用户明确补充：这不是仓库专属改造，而是全系统所有“单据型业务”都要采用统一纸质单据体系。为了避免仓库、采购、销售、生产各自长出不同样式，本设计把目标升级为“全系统业务单据纸质化 + PDF 归档统一体系”。
+
+## 单据边界
+
+### 纳入纸质化的对象
+
+满足任一条件就纳入：
+
+- 会创建正式业务凭证：销售订单、采购订单、到货入库单、质量校验单、发货单、退货/返工单。
+- 会改变库存或形成库存流水：各库入库、出库、特殊调整、盘库。
+- 会形成生产追溯闭环：生产出库、生产台账入库、生产入库结算、生产领料出库。
+- 用户后续需要预览、下载、批量下载或审计留档。
+
+### 不纳入纸质化的对象
+
+这些仍按系统管理/主数据维护表单处理，不强行改成纸质单据：
+
+- 供应商名录、客户名录、人员管理、设备管理。
+- 原材料名录、产品管理、产品需规清单、BOM、工艺路线。
+- 系统权限、系统拓展、导入工具、基础配置。
+
+原因：这些是主数据或配置记录，不是业务凭证。强行纸质化会降低维护效率，也会把“单据”的正式感稀释掉。
+
+## 现状清单
+
+### 已基本纸质化且已有 PDF 归档
+
+| 模块 | 页面 | 单据 | 前端状态 | 后端归档类型 | 备注 |
+| --- | --- | --- | --- | --- | --- |
+| 订单与计划 | `SalesPlanningView.vue` | 销售订单 | 使用 `DocumentPaper`、`DocumentLineTable`、`DocumentArchiveActions` | `销售订单` | 已有预览、下载、重新生成、批量下载 |
+| 采购与库存 | `PurchaseOrderView.vue` | 采购订单 | 使用 `DocumentPaper`、`DocumentArchiveActions` | `采购订单` | 已有预览、下载、重新生成、批量下载 |
+| 采购与库存 | `PurchaseReceiptView.vue` | 到货入库单 | 使用 `DocumentPaper`、`DocumentArchiveActions` | `到货入库单` | 新增到货入库已纸质化 |
+| 采购与库存 | `QualityInspectionView.vue` | 质量校验单 | 使用 `DocumentPaper`、`DocumentLineTable`、`DocumentArchiveActions` | `质量校验单` | 质检放行弹窗仍需继续统一交互 |
+| 生产执行 | `ProductionLedgerView.vue` | 生产领料出库单 | 列表详情有 `DocumentArchiveActions` | `生产领料出库单` | 主要是归档入口，填单发生在仓库生产出库 |
+| 生产执行 | `ProductionLedgerView.vue` | 生产入库结算单 | 列表详情有 `DocumentArchiveActions` | `生产入库结算单` | 对应生产台账入库 |
+
+### 已套纸质外壳但仍有混用 UI
+
+| 模块 | 页面 | 单据 | 当前问题 | 优先级 |
+| --- | --- | --- | --- | --- |
+| 嘉恒仓库 | `InventoryLedgerView.vue` | 特殊入库单 / 特殊出库单 | 明细编辑区仍像现代卡片控件，和纸质单据割裂 | P0 |
+| 嘉恒仓库 | `InventoryLedgerView.vue` | 生产出库单 | 已使用纸质外壳，但来源批次选择、产品/BOM信息仍需统一纸质表格语言 | P0 |
+| 嘉恒仓库 | `InventoryLedgerView.vue` | 生产台账入库结算单 | 已有纸质外壳和摘要格，但三库联动字段、异常说明区域仍需与纸质单据模板对齐 | P0 |
+| 嘉恒仓库 | `InventoryLedgerView.vue` | 生产入库单 / 返工入库单 | 结单区和摘要区仍有旧卡片感 | P1 |
+| 嘉恒仓库 | `InventoryLedgerView.vue` | 销售出库单 | 已套纸质外壳，但销售订单关联、包装备注、发货明细区域需统一 | P1 |
+| 嘉恒仓库 | `InventoryLedgerView.vue` | 原材料退货出库单、退货入库单、退货废料入库单、返工出库单 | 已套纸质外壳，但字段区仍有普通表单/表格痕迹 | P1 |
+| 嘉恒仓库 | `InventoryLedgerView.vue` | 期初入库、委外入库/出库、报废出库、售卖出库等通用分支 | 通用分支第一阶段只统一了生产余料/废料一部分，仍需逐个验收 | P1 |
+
+### 需要补充纸质化或确认是否作为单据
+
+| 模块 | 页面 | 业务 | 判断 | 优先级 |
+| --- | --- | --- | --- | --- |
+| 发货概览 | `DeliveryManagementView.vue` | 发货台账/发货明细 | 如果存在独立发货动作，应形成发货单；若发货统一走成品库销售出库，则只保留流水归档入口 | P1 |
+| 发货概览 | `ReturnManagementView.vue` | 退货/返工/废料处置 | 属于业务凭证，需要与退货库单据闭环统一 | P1 |
+| 发货概览 | `ScrapReworkView.vue` | 报废返工处理 | 若仍在使用，应按退货/返工处置单统一；若已被仓库/退货库替代，应清理或降级为台账 | P2 |
+| 生产执行 | `CompletionReceiptView.vue` | 成品入库 | 旧入口如果仍可用，需要和仓库生产入库/生产台账入库统一；如果已被新流程替代，应标记为旧入口 | P2 |
+| 嘉恒仓库 | `StocktakeDialog.vue` | 盘库单 | 盘库会改库存，应纳入纸质盘库单和 PDF 归档，但可排在特殊出入库之后 | P2 |
+
+## 推荐方案
+
+### 方案 A：继续逐页局部改造
+
+每个页面自己套 `DocumentPaper` 和单独 CSS。
+
+优点：
+
+- 单次改动小。
+- 速度快。
+
+缺点：
+
+- 很容易再次出现“仓库一套、采购一套、销售一套”。
+- 样式复制越来越多。
+- 后续 PDF、预览、下载、异常说明、签核栏会重复实现。
+
+结论：不推荐作为长期方案，只适合救急。
+
+### 方案 B：沉淀全系统单据底座，分批迁移
+
+把现在的 `DocumentPaper`、`DocumentGrid`、`DocumentLineTable`、`WarehouseDocumentFormShell` 抽象成全系统单据组件。仓库继续推进，但所有新样式都进入通用单据层。
+
+优点：
+
+- 风格统一。
+- 后续新增单据成本低。
+- 能保留现有业务逻辑，不需要一次性大重构。
+- 适合当前系统已经上线、仍在快速迭代的状态。
+
+缺点：
+
+- 第一批需要先做组件抽象和兼容层。
+- 每个单据仍要逐个检查字段和业务交互。
+
+结论：推荐。
+
+### 方案 C：一次性全系统重构
+
+一次把所有单据型页面、归档、PDF 重新设计和重写。
+
+优点：
+
+- 最终一致性最高。
+
+缺点：
+
+- 风险大。
+- 容易影响已经可用的采购、销售、仓库主流程。
+- 验收压力大。
+
+结论：当前不推荐。
+
+## 目标架构
+
+### 前端组件层
+
+保留现有组件并向通用命名演进：
+
+- `DocumentPaper`：纸张、标题、编号章、签核栏、留存联。
+- `DocumentGrid`：只读/展示型字段格。
+- `DocumentLineTable`：明细表。
+- `DocumentArchiveActions`：预览、下载、重新生成。
+
+新增或演进：
+
+- `DocumentFormShell`：全系统通用填单外壳，替代仓库专属 `WarehouseDocumentFormShell`。
+- `DocumentSection`：通用单据分区，替代仓库专属 `WarehouseDocumentSection`。
+- `DocumentActionBar`：通用底部操作区，替代仓库专属 `WarehouseDocumentActionBar`。
+- `DocumentField`：纸质输入格，承载 input、select、textarea、readonly。
+- `DocumentSelectorPanel`：纸质风格的下拉、多选、来源批次选择、关联订单选择。
+- `DocumentInlineSummary`：纸质风格的金额/数量/重量汇总条。
+- `DocumentSettlePanel`：结单、异常说明、偏差确认等正式确认区。
+
+兼容规则：
+
+- 第一阶段不删除 `WarehouseDocument*` 组件。
+- 新通用组件先复用当前纸质 CSS 变量和视觉语言。
+- 仓库页面逐步从 `warehouse-paper-*` 类迁移到 `document-paper-*` 类。
+- 老类名保留一段时间作为兼容，避免正在使用的仓库单据被打断。
+
+### 前端页面层
+
+每个单据页面遵循同一结构：
+
+1. `DocumentFormShell`
+2. 单据头：标题、单据编号、业务日期、公司/模块名。
+3. 基础信息区：客户/供应商/仓库/经办人/业务日期/关联单据。
+4. 明细区：物料/产品/批次/数量/重量/单价/金额。
+5. 辅助信息区：照片、运单号、运费、包装备注、用途、说明。
+6. 汇总区：数量、重量、金额、差异、异常说明。
+7. 签核区：制单、经办、审核、仓库/财务。
+8. 操作区：保存、保存并归档、归档状态动作。
+
+### 后端归档层
+
+继续使用现有 `document_archives` 表和统一路由：
+
+- `POST /document-archives/{document_type_key}/{business_id}/generate`
+- `GET /document-archives/{document_type_key}/{business_id}/latest/preview`
+- `GET /document-archives/{document_type_key}/{business_id}/latest/download`
+- `POST /document-archives/batch-download`
+
+现有支持的归档类型：
+
+- `销售订单`
+- `采购订单`
+- `到货入库单`
+- `质量校验单`
+- `生产领料出库单`
+- `生产入库结算单`
+- `仓库出入库单`
+
+新增归档类型只在确实不是现有类型能表达时添加。优先复用：
+
+- 普通仓库动作统一走 `仓库出入库单`。
+- 生产出库走 `生产领料出库单`。
+- 生产台账入库走 `生产入库结算单`。
+- 采购流程走 `采购订单 / 到货入库单 / 质量校验单`。
+- 销售下单走 `销售订单`。
+
+### PDF 规则
+
+PDF 是保存后的数据库事实快照，不从前端表单二次推导。
+
+PDF 必须遵守：
+
+- 不显示英文状态。
+- 不显示前端省略号。
+- 长文本完整换行，不超格。
+- 制单、经办人默认使用当前登录账号或后端记录的操作人。
+- 库存批次号使用业务认可的原材料库存批次号，不使用无业务意义的每库内部批次号。
+- PDF 样式和前端纸质单据属于同一视觉体系，但不要求像素完全一致。
+
+## 分期执行
+
+### 第 0 期：全系统清单和统一底座
+
+目标：
+
+- 固化本文档的单据清单。
+- 新增通用 `DocumentFormShell / DocumentSection / DocumentActionBar / DocumentField / DocumentSelectorPanel`。
+- 把仓库当前纸质样式抽象为通用 `document-paper-*`，保留 `warehouse-paper-*` 兼容层。
+
+验收：
+
+- 销售订单、采购订单、客料入库单视觉不退化。
+- 新通用组件有基础测试或源码断言。
+
+### 第 1 期：仓库 P0 单据
+
+目标：
+
+- 特殊入库 / 特殊出库。
+- 生产出库。
+- 生产台账入库结算单。
+
+原因：
+
+- 这些单据业务风险最高，且当前混用 UI 最明显。
+- 改完能沉淀“多行明细类单据”“生产闭环类单据”“异常说明类单据”三类模板。
+
+验收：
+
+- 不再出现普通卡片/普通表格突兀嵌在纸里。
+- 特殊出入库说明、明细行、调整前后数据完整显示。
+- 生产台账入库三库联动显示为一张结算单，不误写成只属于成品库。
+
+### 第 2 期：仓库 P1 单据
+
+目标：
+
+- 生产入库 / 返工入库。
+- 销售出库。
+- 原材料退货出库、退货入库、退货废料入库、返工出库。
+- 期初、委外、报废、售卖等通用分支。
+
+验收：
+
+- 6 大库所有出入库抽屉都统一纸质化。
+- 流水里 PDF 预览、下载、重新生成入口完整。
+
+### 第 3 期：采购、销售、质检细节统一
+
+目标：
+
+- 销售订单、采购订单、到货入库、质量校验页面继续消除残留普通控件。
+- 关联销售订单、采购明细、质检备注弹窗等改成统一纸质选择/说明面板。
+
+验收：
+
+- 已有 PDF 归档能力不回退。
+- 纸质字段、明细表、按钮区和仓库单据保持同一套视觉语言。
+
+### 第 4 期：发货、退货、返工闭环
+
+目标：
+
+- 发货台账按销售订单聚合后的明细留档入口统一。
+- 退货、返工、废料处置相关页面和退货库单据闭环。
+- 若旧页面被新仓库流程替代，则标记为只读台账或移除入口，避免双流程。
+
+验收：
+
+- 用户能从销售订单、发货台账、退货库流水追溯到同一套 PDF 单据。
+
+### 第 5 期：盘库与批量导出
+
+目标：
+
+- 盘库单纸质化和 PDF 归档。
+- 各业务台账按时间/筛选条件批量导出单据或流水 Excel。
+
+验收：
+
+- 盘库调整说明进入 PDF。
+- Excel 导出不使用省略号，长字段完整输出。
+
+## 测试策略
+
+### 前端测试
+
+每批至少增加源码断言或组件测试：
+
+- 单据页面使用通用 `DocumentFormShell` 或兼容的纸质单据组件。
+- 不在纸质单据主体中裸露旧 `form-field / double-field / triple-field / workflow-tip` 作为主要布局。
+- 归档按钮使用 `DocumentArchiveActions`。
+- 保存按钮位于单据底部操作区，不悬在单据中间。
+
+### 后端测试
+
+继续沿用现有归档测试风格：
+
+- 归档生成成功写入 `document_archives`。
+- PDF 文件以 `%PDF` 开头。
+- 归档失败不阻断业务保存。
+- 列表返回最新 PDF 归档状态。
+- 不同业务类型映射到正确 `document_type`。
+
+### 浏览器验收
+
+每批至少手动/浏览器验证：
+
+- 典型桌面宽度。
+- 当前内置浏览器窄视口。
+- 单据可滚动、按钮位置合理。
+- 长文本不挤坏单据。
+- PDF 预览/下载入口可见。
+
+## 设计约束
+
+- 纸质化是表现层和归档层升级，不借机删字段。
+- 不改变现有业务计算和提交语义。
+- 不把主数据维护表单改成纸质单据。
+- 不把 PDF 归档失败作为库存/订单保存失败。
+- 不新增英文状态、英文备注或英文系统标志。
+- 不在 PDF 中使用省略号。
+- 不把仓库特有样式继续扩散到全系统，新增能力进入通用 `documentForms`。
+
+## 下一步推荐
+
+推荐进入第 0 期 + 第 1 期合并执行：
+
+1. 先抽象通用单据底座，保留现有仓库兼容层。
+2. 接着改 `特殊入库 / 特殊出库`。
+3. 再改 `生产出库`。
+4. 再改 `生产台账入库结算单`。
+
+这样能最快解决用户当前肉眼最不舒服的仓库混 UI 问题，同时保证做出来的能力可以继续给采购、销售、质检、发货复用。
+
+## 自检
+
+- 无占位项。
+- 已明确哪些页面纳入，哪些页面不纳入。
+- 已避免把仓库纸质化做成孤岛。
+- 已给出分期和优先级。
+- 已保持“先视觉/交互统一，不改变业务逻辑”的边界。
diff --git a/frontend/src/components/documentForms/DocumentActionBar.vue b/frontend/src/components/documentForms/DocumentActionBar.vue
new file mode 100644
index 0000000..f3406a8
--- /dev/null
+++ b/frontend/src/components/documentForms/DocumentActionBar.vue
@@ -0,0 +1,53 @@
+<template>
+  <span ref="anchorRef" class="document-action-anchor" aria-hidden="true"></span>
+
+  <Teleport :to="actionHost" :disabled="!actionHost">
+    <div
+      class="document-action-bar"
+      :class="[
+        $attrs.class,
+        { 'document-action-bar--with-state': $slots.state }
+      ]"
+      @click.capture="handleActionClick"
+    >
+      <div v-if="$slots.state" class="document-action-state">
+        <slot name="state" />
+      </div>
+
+      <div class="document-action-buttons">
+        <slot />
+      </div>
+    </div>
+  </Teleport>
+</template>
+
+<script setup>
+import { nextTick, onMounted, ref } from "vue";
+
+defineOptions({
+  inheritAttrs: false
+});
+
+const anchorRef = ref(null);
+const actionHost = ref(null);
+
+onMounted(async () => {
+  await nextTick();
+  const form = anchorRef.value?.closest?.("form");
+  actionHost.value = form?.querySelector?.("[data-document-action-host]") || form?.querySelector?.("[data-warehouse-document-action-host]") || null;
+});
+
+function handleActionClick(event) {
+  const target = event.target;
+  const submitter = target?.closest?.("button[type='submit'], input[type='submit']");
+  if (!submitter || submitter.disabled) {
+    return;
+  }
+  const form = anchorRef.value?.closest?.("form");
+  if (!form) {
+    return;
+  }
+  event.preventDefault();
+  form.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
+}
+</script>
diff --git a/frontend/src/components/documentForms/DocumentField.vue b/frontend/src/components/documentForms/DocumentField.vue
new file mode 100644
index 0000000..307778f
--- /dev/null
+++ b/frontend/src/components/documentForms/DocumentField.vue
@@ -0,0 +1,55 @@
+<template>
+  <component
+    :is="as"
+    class="document-paper-field"
+    :class="[
+      spanClass,
+      {
+        'document-paper-field-readonly': readonly,
+        'document-paper-field-upload': upload
+      }
+    ]"
+  >
+    <span>{{ label }}</span>
+    <slot>
+      <p class="document-paper-readonly-value">{{ value || "-" }}</p>
+    </slot>
+  </component>
+</template>
+
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  label: {
+    type: String,
+    required: true
+  },
+  value: {
+    type: [String, Number],
+    default: ""
+  },
+  span: {
+    type: [Number, String],
+    default: 1
+  },
+  as: {
+    type: String,
+    default: "label"
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+  upload: {
+    type: Boolean,
+    default: false
+  }
+});
+
+const spanClass = computed(() => {
+  if (String(props.span) === "full") return "document-paper-field-full";
+  if (Number(props.span) === 2) return "document-paper-field-wide";
+  return "";
+});
+</script>
diff --git a/frontend/src/components/documentForms/DocumentFormShell.vue b/frontend/src/components/documentForms/DocumentFormShell.vue
new file mode 100644
index 0000000..718a35f
--- /dev/null
+++ b/frontend/src/components/documentForms/DocumentFormShell.vue
@@ -0,0 +1,69 @@
+<template>
+  <form class="document-form-shell" @submit.prevent="emit('submit')">
+    <DocumentPaper
+      :title="title"
+      :document-no="documentNo"
+      :company-name="companyName"
+      :tone="tone"
+      :signature-labels="signatureLabels"
+    >
+      <div class="document-form-meta" :aria-label="metaAriaLabel">
+        <span>{{ metaLabel }}</span>
+        <strong>{{ companyName }}</strong>
+        <span>{{ dateLabel }}</span>
+        <strong>{{ displayBusinessDate }}</strong>
+      </div>
+
+      <main class="document-form-body">
+        <slot />
+      </main>
+    </DocumentPaper>
+  </form>
+</template>
+
+<script setup>
+import { computed } from "vue";
+
+import DocumentPaper from "./DocumentPaper.vue";
+import { formatChineseDate } from "../../utils/formatters";
+
+const props = defineProps({
+  title: {
+    type: String,
+    required: true
+  },
+  documentNo: {
+    type: String,
+    default: ""
+  },
+  businessDate: {
+    type: [String, Date],
+    default: ""
+  },
+  tone: {
+    type: String,
+    default: "green"
+  },
+  companyName: {
+    type: String,
+    default: "宁波嘉恒智能科技有限公司"
+  },
+  metaLabel: {
+    type: String,
+    default: "业务联单"
+  },
+  dateLabel: {
+    type: String,
+    default: "业务日期"
+  },
+  signatureLabels: {
+    type: Array,
+    default: () => ["制单", "经办", "审核", "财务"]
+  }
+});
+
+const emit = defineEmits(["submit"]);
+
+const displayBusinessDate = computed(() => formatChineseDate(props.businessDate));
+const metaAriaLabel = computed(() => `${props.metaLabel}基础信息`);
+</script>
diff --git a/frontend/src/components/documentForms/DocumentInlineSummary.vue b/frontend/src/components/documentForms/DocumentInlineSummary.vue
new file mode 100644
index 0000000..30e42d0
--- /dev/null
+++ b/frontend/src/components/documentForms/DocumentInlineSummary.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="document-inline-summary" :class="toneClass">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  tone: {
+    type: String,
+    default: "green"
+  }
+});
+
+const toneClass = computed(() => `document-inline-summary-${props.tone}`);
+</script>
diff --git a/frontend/src/components/documentForms/DocumentPaper.vue b/frontend/src/components/documentForms/DocumentPaper.vue
index 92baf5b..efb60ea 100644
--- a/frontend/src/components/documentForms/DocumentPaper.vue
+++ b/frontend/src/components/documentForms/DocumentPaper.vue
@@ -43,7 +43,11 @@
         </div>
       </footer>
 
-      <div class="document-paper-action-host" data-warehouse-document-action-host></div>
+      <div
+        class="document-paper-action-host"
+        data-document-action-host
+        data-warehouse-document-action-host
+      ></div>
     </article>
   </section>
 </template>
diff --git a/frontend/src/components/documentForms/DocumentSection.vue b/frontend/src/components/documentForms/DocumentSection.vue
new file mode 100644
index 0000000..6ed3eb7
--- /dev/null
+++ b/frontend/src/components/documentForms/DocumentSection.vue
@@ -0,0 +1,25 @@
+<template>
+  <section class="document-section">
+    <header class="document-section-head">
+      <span class="document-section-index">{{ index }}</span>
+      <strong>{{ title }}</strong>
+    </header>
+
+    <div class="document-section-grid">
+      <slot />
+    </div>
+  </section>
+</template>
+
+<script setup>
+defineProps({
+  index: {
+    type: [Number, String],
+    required: true
+  },
+  title: {
+    type: String,
+    required: true
+  }
+});
+</script>
diff --git a/frontend/src/components/documentForms/DocumentSelectorPanel.vue b/frontend/src/components/documentForms/DocumentSelectorPanel.vue
new file mode 100644
index 0000000..9fedc31
--- /dev/null
+++ b/frontend/src/components/documentForms/DocumentSelectorPanel.vue
@@ -0,0 +1,24 @@
+<template>
+  <section class="document-selector-panel">
+    <div class="document-selector-heading">
+      <span>{{ label }}</span>
+      <strong>{{ hint }}</strong>
+    </div>
+    <div class="document-selector-body">
+      <slot />
+    </div>
+  </section>
+</template>
+
+<script setup>
+defineProps({
+  label: {
+    type: String,
+    required: true
+  },
+  hint: {
+    type: String,
+    default: "请选择"
+  }
+});
+</script>
diff --git a/frontend/src/components/documentForms/DocumentSettlePanel.vue b/frontend/src/components/documentForms/DocumentSettlePanel.vue
new file mode 100644
index 0000000..aca9e27
--- /dev/null
+++ b/frontend/src/components/documentForms/DocumentSettlePanel.vue
@@ -0,0 +1,5 @@
+<template>
+  <section class="document-settle-panel">
+    <slot />
+  </section>
+</template>
diff --git a/frontend/src/components/documentForms/WarehouseDocumentActionBar.vue b/frontend/src/components/documentForms/WarehouseDocumentActionBar.vue
index f7a903b..a094193 100644
--- a/frontend/src/components/documentForms/WarehouseDocumentActionBar.vue
+++ b/frontend/src/components/documentForms/WarehouseDocumentActionBar.vue
@@ -1,47 +1,12 @@
 <template>
-  <span ref="anchorRef" class="warehouse-document-action-anchor" aria-hidden="true"></span>
-
-  <Teleport :to="actionHost" :disabled="!actionHost">
-    <div
-      class="warehouse-document-action-bar warehouse-document-action-bar--shared"
-      :class="{ 'warehouse-document-action-bar--with-state': $slots.state }"
-      @click.capture="handleActionClick"
-    >
-      <div v-if="$slots.state" class="warehouse-document-action-state">
-        <slot name="state" />
-      </div>
-
-      <div class="warehouse-document-action-buttons">
-        <slot />
-      </div>
-    </div>
-  </Teleport>
+  <DocumentActionBar class="warehouse-document-action-bar warehouse-document-action-bar--shared">
+    <template v-if="$slots.state" #state>
+      <slot name="state" />
+    </template>
+    <slot />
+  </DocumentActionBar>
 </template>
 
 <script setup>
-import { nextTick, onMounted, ref } from "vue";
-
-const anchorRef = ref(null);
-const actionHost = ref(null);
-
-onMounted(async () => {
-  await nextTick();
-  actionHost.value = anchorRef.value
-    ?.closest?.("form")
-    ?.querySelector?.("[data-warehouse-document-action-host]") || null;
-});
-
-function handleActionClick(event) {
-  const target = event.target;
-  const submitter = target?.closest?.("button[type='submit'], input[type='submit']");
-  if (!submitter || submitter.disabled) {
-    return;
-  }
-  const form = anchorRef.value?.closest?.("form");
-  if (!form) {
-    return;
-  }
-  event.preventDefault();
-  form.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
-}
+import DocumentActionBar from "./DocumentActionBar.vue";
 </script>
diff --git a/frontend/src/components/documentForms/WarehouseDocumentFormShell.vue b/frontend/src/components/documentForms/WarehouseDocumentFormShell.vue
index d91c1c4..eacc97a 100644
--- a/frontend/src/components/documentForms/WarehouseDocumentFormShell.vue
+++ b/frontend/src/components/documentForms/WarehouseDocumentFormShell.vue
@@ -1,32 +1,23 @@
 <template>
-  <form class="warehouse-document-form" @submit.prevent="emit('submit')">
-    <DocumentPaper
-      :title="title"
-      :document-no="documentNo"
-      :company-name="companyName"
-      :tone="tone"
-    >
-      <div class="warehouse-document-form-meta" aria-label="仓库单据基础信息">
-        <span>仓库联单</span>
-        <strong>{{ companyName }}</strong>
-        <span>业务日期</span>
-        <strong>{{ displayBusinessDate }}</strong>
-      </div>
-
-      <main class="warehouse-document-body">
-        <slot />
-      </main>
-    </DocumentPaper>
-  </form>
+  <DocumentFormShell
+    class="warehouse-document-form"
+    :title="title"
+    :document-no="documentNo"
+    :business-date="businessDate"
+    :tone="tone"
+    :company-name="companyName"
+    meta-label="仓库联单"
+    :signature-labels="signatureLabels"
+    @submit="emit('submit')"
+  >
+    <slot />
+  </DocumentFormShell>
 </template>
 
 <script setup>
-import { computed } from "vue";
+import DocumentFormShell from "./DocumentFormShell.vue";
 
-import DocumentPaper from "./DocumentPaper.vue";
-import { formatChineseDate } from "../../utils/formatters";
-
-const props = defineProps({
+defineProps({
   title: {
     type: String,
     required: true
@@ -46,9 +37,12 @@ const props = defineProps({
   companyName: {
     type: String,
     default: "嘉恒仓库"
+  },
+  signatureLabels: {
+    type: Array,
+    default: () => ["制单", "审核", "仓库", "财务"]
   }
 });
 
 const emit = defineEmits(["submit"]);
-const displayBusinessDate = computed(() => formatChineseDate(props.businessDate));
 </script>
diff --git a/frontend/src/components/documentForms/WarehouseDocumentSection.vue b/frontend/src/components/documentForms/WarehouseDocumentSection.vue
index bec8dc5..86111ee 100644
--- a/frontend/src/components/documentForms/WarehouseDocumentSection.vue
+++ b/frontend/src/components/documentForms/WarehouseDocumentSection.vue
@@ -1,17 +1,16 @@
 <template>
-  <section class="warehouse-document-section">
-    <header class="warehouse-document-section-head">
-      <span class="warehouse-document-section-index">{{ index }}</span>
-      <strong>{{ title }}</strong>
-    </header>
-
-    <div class="warehouse-document-section-grid">
-      <slot />
-    </div>
-  </section>
+  <DocumentSection
+    class="warehouse-document-section"
+    :index="index"
+    :title="title"
+  >
+    <slot />
+  </DocumentSection>
 </template>
 
 <script setup>
+import DocumentSection from "./DocumentSection.vue";
+
 defineProps({
   index: {
     type: [Number, String],
diff --git a/frontend/src/components/documentForms/documentForms.test.js b/frontend/src/components/documentForms/documentForms.test.js
new file mode 100644
index 0000000..cbfa01f
--- /dev/null
+++ b/frontend/src/components/documentForms/documentForms.test.js
@@ -0,0 +1,52 @@
+import assert from "node:assert/strict";
+import { describe, it } from "node:test";
+import { readFileSync } from "node:fs";
+import { dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+function readComponent(name) {
+  return readFileSync(join(__dirname, name), "utf8");
+}
+
+const mainCss = readFileSync(resolve(__dirname, "../../styles/main.css"), "utf8");
+
+describe("document form foundation", () => {
+  it("provides generic system-wide paper form components", () => {
+    [
+      "DocumentFormShell.vue",
+      "DocumentSection.vue",
+      "DocumentActionBar.vue",
+      "DocumentField.vue",
+      "DocumentSelectorPanel.vue",
+      "DocumentInlineSummary.vue",
+      "DocumentSettlePanel.vue"
+    ].forEach((name) => {
+      const source = readComponent(name);
+      assert.match(source, /document-/);
+    });
+  });
+
+  it("keeps warehouse wrappers as compatibility adapters over generic document components", () => {
+    assert.match(readComponent("WarehouseDocumentFormShell.vue"), /import DocumentFormShell/);
+    assert.match(readComponent("WarehouseDocumentSection.vue"), /import DocumentSection/);
+    assert.match(readComponent("WarehouseDocumentActionBar.vue"), /import DocumentActionBar/);
+  });
+
+  it("exposes a generic action host without removing the existing warehouse host", () => {
+    const paper = readComponent("DocumentPaper.vue");
+    assert.match(paper, /data-document-action-host/);
+    assert.match(paper, /data-warehouse-document-action-host/);
+  });
+
+  it("defines generic document paper controls and keeps warehouse aliases compatible", () => {
+    assert.match(mainCss, /\.document-form-shell/);
+    assert.match(mainCss, /\.document-section-grid/);
+    assert.match(mainCss, /\.document-paper-field/);
+    assert.match(mainCss, /\.document-selector-panel/);
+    assert.match(mainCss, /\.document-inline-summary/);
+    assert.match(mainCss, /\.document-settle-panel/);
+    assert.match(mainCss, /\.warehouse-paper-control-grid/);
+  });
+});
diff --git a/frontend/src/styles/main.css b/frontend/src/styles/main.css
index 770513a..c72281b 100644
--- a/frontend/src/styles/main.css
+++ b/frontend/src/styles/main.css
@@ -16334,15 +16334,33 @@ body .login-production-layout .login-security-foot p {
 }
 
 @media (max-width: 520px) {
+  .document-paper-shell {
+    padding: 8px 2px 16px;
+  }
+
+  .document-paper-stack {
+    display: none;
+  }
+
   .document-paper-sheet {
-    padding-right: 12px;
-    padding-left: 24px;
+    padding: 18px 10px 22px;
+  }
+
+  .document-paper-binder,
+  .document-retained-mark {
+    display: none;
   }
 
   .document-paper-title {
     letter-spacing: 0.1em;
   }
 
+  .warehouse-document-operation-form .document-paper-title {
+    font-size: 30px;
+    letter-spacing: 0.06em;
+    white-space: nowrap;
+  }
+
   .document-grid {
     grid-template-columns: 1fr;
   }
@@ -16364,10 +16382,518 @@ body .login-production-layout .login-security-foot p {
   }
 }
 
+/* System-wide paper document form primitives */
+.document-form-shell {
+  display: grid;
+  gap: 14px;
+  width: 100%;
+  min-width: 0;
+  padding-bottom: 86px;
+}
+
+.document-form-shell .document-paper-shell {
+  max-width: 1080px;
+  padding: 18px 12px 26px;
+}
+
+.document-form-shell .document-paper-sheet {
+  min-height: 0;
+  padding-bottom: 34px;
+}
+
+.document-form-shell .document-paper-title {
+  font-size: clamp(34px, 4.2vw, 48px);
+}
+
+.document-form-shell .document-number-stamp {
+  min-width: 196px;
+}
+
+.document-form-meta {
+  display: grid;
+  grid-template-columns: auto auto minmax(0, 1fr) auto;
+  gap: 10px;
+  align-items: center;
+  padding: 9px 12px;
+  color: rgba(23, 18, 10, 0.72);
+  border: 2px solid rgba(20, 14, 6, 0.82);
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.12), transparent 42%),
+    rgba(255, 250, 240, 0.54);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 13px;
+  font-weight: 800;
+  letter-spacing: 0.08em;
+}
+
+.document-form-meta strong {
+  display: inline-flex;
+  align-items: center;
+  min-height: 26px;
+  padding: 0 10px;
+  color: #145c39;
+  border: 1.5px solid rgba(31, 122, 74, 0.64);
+  background: rgba(232, 246, 232, 0.62);
+}
+
+.document-form-body {
+  display: grid;
+  gap: 14px;
+}
+
+.document-section {
+  border: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.38);
+}
+
+.document-section-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 46px;
+  padding: 9px 12px;
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.26), transparent),
+    rgba(227, 207, 161, 0.72);
+}
+
+.document-section-index {
+  display: inline-grid;
+  place-items: center;
+  min-width: 30px;
+  height: 30px;
+  color: #145c39;
+  border: 1.5px solid rgba(31, 122, 74, 0.64);
+  background: rgba(232, 246, 232, 0.62);
+  font-family: var(--ui-font-display);
+  font-size: 12px;
+  font-weight: 900;
+}
+
+.document-section-head strong {
+  color: #17120a;
+  font-family: var(--ui-font-display);
+  font-size: 16px;
+  font-weight: 900;
+  letter-spacing: 0.06em;
+}
+
+.document-section-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0;
+  min-width: 0;
+  padding: 14px;
+}
+
+.document-section-grid > .document-control-grid,
+.document-section-grid > .document-selector-panel,
+.document-section-grid > .document-source-table,
+.document-section-grid > .document-inline-summary,
+.document-section-grid > .document-settle-panel,
+.document-section-grid > .document-paper-field {
+  grid-column: 1 / -1;
+  width: 100%;
+  min-width: 0;
+}
+
+.document-control-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.34);
+}
+
+.document-paper-field {
+  display: grid;
+  grid-template-rows: auto minmax(54px, auto);
+  min-width: 0;
+  margin: 0;
+  border-right: 2px solid rgba(20, 14, 6, 0.88);
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.44);
+}
+
+.document-paper-field-wide {
+  grid-column: span 2;
+}
+
+.document-paper-field-full {
+  grid-column: 1 / -1;
+}
+
+.document-paper-field > span {
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  padding: 7px 10px;
+  color: rgba(23, 18, 10, 0.78);
+  border-bottom: 1px solid rgba(20, 14, 6, 0.56);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent),
+    rgba(227, 207, 161, 0.62);
+  font-family: var(--ui-font-display);
+  font-size: 13px;
+  font-weight: 900;
+  letter-spacing: 0.08em;
+}
+
+.document-paper-field input,
+.document-paper-field select,
+.document-paper-field textarea {
+  width: 100%;
+  min-width: 0;
+  min-height: 48px;
+  padding: 10px 11px;
+  color: #17120a;
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+  background: transparent;
+  box-shadow: none;
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 15px;
+  font-weight: 800;
+  line-height: 1.45;
+}
+
+.document-paper-field textarea {
+  min-height: 104px;
+  resize: vertical;
+}
+
+.document-paper-field input:focus,
+.document-paper-field select:focus,
+.document-paper-field textarea:focus {
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.12), transparent 42%),
+    rgba(255, 255, 255, 0.48);
+  box-shadow: inset 0 0 0 2px rgba(31, 122, 74, 0.42);
+}
+
+.document-paper-readonly-value {
+  display: flex;
+  align-items: center;
+  min-height: 48px;
+  margin: 0;
+  padding: 10px 11px;
+  color: #145c39;
+  background:
+    repeating-linear-gradient(-45deg, rgba(31, 122, 74, 0.06) 0 5px, transparent 5px 10px),
+    rgba(232, 246, 232, 0.32);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 14px;
+  font-weight: 900;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.document-selector-panel {
+  display: grid;
+  grid-template-columns: 220px minmax(0, 1fr);
+  min-width: 0;
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.44);
+}
+
+.document-selector-heading,
+.document-selector-body {
+  min-width: 0;
+  border-right: 2px solid rgba(20, 14, 6, 0.88);
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+}
+
+.document-selector-heading {
+  display: grid;
+  grid-template-rows: auto 1fr;
+}
+
+.document-selector-heading span {
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  padding: 7px 10px;
+  color: rgba(23, 18, 10, 0.78);
+  border-bottom: 1px solid rgba(20, 14, 6, 0.56);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent),
+    rgba(227, 207, 161, 0.62);
+  font-family: var(--ui-font-display);
+  font-size: 13px;
+  font-weight: 900;
+  letter-spacing: 0.08em;
+}
+
+.document-selector-heading strong,
+.document-selector-body {
+  padding: 10px 11px;
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-weight: 900;
+}
+
+.document-inline-summary {
+  min-width: 0;
+  padding: 12px 14px;
+  color: #145c39;
+  border: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.12), transparent 42%),
+    rgba(232, 246, 232, 0.52);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 15px;
+  font-weight: 900;
+}
+
+.document-settle-panel {
+  display: grid;
+  gap: 0;
+  min-width: 0;
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    linear-gradient(90deg, rgba(180, 83, 9, 0.08), transparent 48%),
+    rgba(255, 250, 240, 0.5);
+}
+
+.document-action-anchor {
+  display: none;
+}
+
+.document-action-bar {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  width: fit-content;
+  max-width: 1080px;
+  margin: 0 0 0 auto;
+  padding: 10px;
+  border: 1px solid rgba(31, 122, 74, 0.24);
+  border-radius: 18px;
+  background:
+    linear-gradient(90deg, rgba(232, 246, 232, 0.92), rgba(255, 250, 240, 0.96)),
+    rgba(255, 255, 255, 0.92);
+  box-shadow:
+    0 -12px 28px rgba(5, 11, 18, 0.22),
+    inset 0 1px 0 rgba(255, 255, 255, 0.68);
+  backdrop-filter: blur(14px);
+}
+
+.document-action-bar--with-state {
+  justify-content: space-between;
+  width: min(100%, 1080px);
+}
+
+.document-action-state {
+  min-width: 0;
+  color: var(--document-paper-muted, #6a5631);
+  font-size: 13px;
+  font-weight: 900;
+  line-height: 1.45;
+}
+
+.document-action-buttons {
+  display: inline-flex;
+  flex: 0 0 auto;
+  flex-wrap: wrap;
+  gap: 10px;
+  justify-content: flex-end;
+}
+
+@media (max-width: 960px) {
+  .document-form-meta,
+  .document-section-grid,
+  .document-control-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .document-selector-panel {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 620px) {
+  .document-form-shell .document-paper-shell {
+    padding-inline: 0;
+  }
+
+  .document-form-meta,
+  .document-section-grid,
+  .document-control-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .document-paper-field,
+  .document-paper-field-wide,
+  .document-paper-field-full {
+    grid-column: 1 / -1;
+  }
+
+  .document-action-bar,
+  .document-action-bar--with-state,
+  .document-action-state,
+  .document-action-buttons {
+    width: 100%;
+  }
+}
+
+/* Warehouse P0 paper-document conversions */
+.special-adjustment-paper-warning {
+  display: grid;
+  gap: 5px;
+  color: #78350f;
+  background:
+    linear-gradient(90deg, rgba(180, 83, 9, 0.13), transparent 50%),
+    rgba(255, 250, 240, 0.64);
+}
+
+.special-adjustment-paper-warning strong {
+  color: #78350f;
+  font-size: 15px;
+}
+
+.special-adjustment-paper-warning span,
+.special-adjustment-paper-toolbar span {
+  font-size: 12px;
+  font-weight: 900;
+}
+
+.special-adjustment-paper-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.special-adjustment-paper-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.special-adjustment-paper-lines {
+  display: grid;
+  grid-column: 1 / -1;
+  gap: 14px;
+  min-width: 0;
+}
+
+.special-adjustment-paper-line-card {
+  position: relative;
+  overflow: hidden;
+  border: 1.5px solid rgba(20, 14, 6, 0.72);
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.06), transparent 44%),
+    rgba(255, 250, 240, 0.72);
+  box-shadow:
+    inset 0 0 0 1px rgba(255, 255, 255, 0.5),
+    0 8px 18px rgba(52, 39, 15, 0.08);
+}
+
+.production-out-paper-tip {
+  color: #145c39;
+}
+
+.production-out-paper-grid,
+.production-out-source-lot-panel,
+.production-out-source-lot-table {
+  grid-column: 1 / -1;
+}
+
+.production-out-source-lot-panel .stock-lot-control {
+  min-height: 50px;
+  border: 0;
+  border-radius: 0;
+  background: rgba(255, 255, 255, 0.32);
+  box-shadow: inset 0 0 0 1.5px rgba(31, 122, 74, 0.28);
+}
+
+.production-out-source-lot-table {
+  margin: 0;
+  overflow-x: auto;
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  border-radius: 0;
+  background: rgba(255, 250, 240, 0.46);
+  box-shadow: none;
+}
+
+.production-ledger-inbound-tip,
+.production-ledger-inbound-paper-grid,
+.production-ledger-inbound-summary,
+.production-ledger-inbound-metrics,
+.production-ledger-inbound-settle-panel {
+  grid-column: 1 / -1;
+}
+
+.production-ledger-inbound-tip {
+  color: #145c39;
+}
+
+.production-ledger-inbound-metrics {
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+}
+
+.raw-return-paper-grid,
+.raw-return-logistics-grid,
+.return-paper-grid,
+.completion-paper-grid,
+.sales-delivery-paper-grid,
+.return-rework-paper-grid {
+  grid-column: 1 / -1;
+}
+
+.return-trace-summary,
+.return-rework-trace-summary,
+.sales-delivery-allocation-summary {
+  grid-column: 1 / -1;
+}
+
+.sales-delivery-mode-panel {
+  grid-column: 1 / -1;
+  margin: 0;
+}
+
+.sales-delivery-allocation-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.sales-delivery-allocation-summary strong {
+  color: #145c39;
+}
+
+.sales-delivery-allocation-table {
+  grid-column: 1 / -1;
+}
+
+.completion-settle-panel {
+  grid-column: 1 / -1;
+}
+
+.production-ledger-inbound-settle-panel {
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+}
+
+@media (max-width: 620px) {
+  .special-adjustment-paper-toolbar {
+    align-items: stretch;
+    flex-direction: column;
+  }
+}
+
 /* Warehouse paper-form sample */
 .warehouse-document-operation-form {
   display: grid;
   gap: 14px;
+  width: 100%;
+  min-width: 0;
   padding-bottom: 86px;
 }
 
@@ -16417,7 +16943,31 @@ body .login-production-layout .login-security-foot p {
   background: rgba(232, 246, 232, 0.62);
 }
 
-.warehouse-paper-grid {
+.warehouse-document-section-grid > .warehouse-document-meta-strip {
+  grid-column: 1 / -1;
+}
+
+.warehouse-document-section-grid > .warehouse-paper-grid,
+.warehouse-document-section-grid > .warehouse-paper-control-grid,
+.warehouse-document-section-grid > .warehouse-paper-source-lot-panel,
+.warehouse-document-section-grid > .warehouse-paper-source-lot-table,
+.warehouse-document-section-grid > .warehouse-paper-inline-summary,
+.warehouse-document-section-grid > .warehouse-paper-settle-panel {
+  grid-column: 1 / -1;
+  width: 100%;
+  min-width: 0;
+}
+
+.warehouse-document-section-grid > .warehouse-paper-grid {
+  grid-column: 1 / -1;
+}
+
+.warehouse-document-section-grid > .warehouse-paper-control-grid {
+  grid-column: 1 / -1;
+}
+
+.warehouse-paper-grid,
+.warehouse-paper-control-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   border-top: 2px solid rgba(20, 14, 6, 0.88);
@@ -16425,9 +16975,36 @@ body .login-production-layout .login-security-foot p {
   background: rgba(255, 250, 240, 0.34);
 }
 
+.warehouse-paper-control-grid {
+  margin-top: 0;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.warehouse-paper-control-grid + .warehouse-paper-control-grid,
+.warehouse-paper-control-grid + .warehouse-paper-source-lot-panel,
+.warehouse-paper-control-grid + .warehouse-paper-source-lot-table,
+.warehouse-paper-source-lot-panel + .warehouse-paper-source-lot-table,
+.warehouse-paper-source-lot-table + .warehouse-paper-source-lot-table,
+.warehouse-paper-source-lot-table + .warehouse-paper-inline-summary,
+.warehouse-paper-inline-summary + .warehouse-paper-control-grid,
+.warehouse-paper-control-grid + .warehouse-paper-settle-panel {
+  border-top: 0;
+}
+
+.warehouse-paper-control-grid-compact {
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.05), transparent 42%),
+    rgba(255, 250, 240, 0.42);
+}
+
+.warehouse-paper-control-grid .warehouse-paper-summary-card {
+  border-right-width: 2px;
+  border-bottom-width: 2px;
+}
+
 .warehouse-paper-field {
   display: grid;
-  grid-template-rows: auto minmax(48px, auto);
+  grid-template-rows: auto minmax(54px, auto);
   min-width: 0;
   margin: 0;
   border-right: 2px solid rgba(20, 14, 6, 0.88);
@@ -16454,7 +17031,7 @@ body .login-production-layout .login-security-foot p {
     linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent),
     rgba(227, 207, 161, 0.62);
   font-family: var(--ui-font-display);
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 900;
   letter-spacing: 0.08em;
 }
@@ -16473,7 +17050,7 @@ body .login-production-layout .login-security-foot p {
   background: transparent;
   box-shadow: none;
   font-family: "Songti SC", "SimSun", var(--ui-font-body);
-  font-size: 14px;
+  font-size: 15px;
   font-weight: 800;
   line-height: 1.45;
 }
@@ -16596,6 +17173,284 @@ body .login-production-layout .login-security-foot p {
   white-space: nowrap;
 }
 
+.warehouse-paper-source-lot-panel {
+  display: grid;
+  grid-template-columns: 220px minmax(0, 1fr);
+  min-width: 0;
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.44);
+}
+
+.warehouse-paper-source-lot-heading {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  min-width: 0;
+  border-right: 2px solid rgba(20, 14, 6, 0.88);
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+}
+
+.warehouse-paper-source-lot-heading span {
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  padding: 7px 10px;
+  color: rgba(23, 18, 10, 0.78);
+  border-bottom: 1px solid rgba(20, 14, 6, 0.56);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent),
+    rgba(227, 207, 161, 0.62);
+  font-family: var(--ui-font-display);
+  font-size: 13px;
+  font-weight: 900;
+  letter-spacing: 0.08em;
+}
+
+.warehouse-paper-source-lot-heading strong {
+  display: flex;
+  align-items: center;
+  min-height: 54px;
+  padding: 10px 11px;
+  color: #6a5631;
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 13px;
+  font-weight: 900;
+  line-height: 1.45;
+}
+
+.warehouse-paper-source-lot-panel > .stock-lot-select {
+  min-width: 0;
+  padding: 10px;
+  border-right: 2px solid rgba(20, 14, 6, 0.88);
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    repeating-linear-gradient(-45deg, rgba(31, 122, 74, 0.045) 0 5px, transparent 5px 10px),
+    rgba(255, 250, 240, 0.5);
+}
+
+.warehouse-paper-source-lot-panel .stock-lot-control {
+  min-height: 50px;
+  border: 0;
+  border-radius: 0;
+  background: rgba(255, 255, 255, 0.32);
+  box-shadow: inset 0 0 0 1.5px rgba(31, 122, 74, 0.28);
+}
+
+.warehouse-paper-source-lot-panel .stock-lot-control-open {
+  box-shadow: inset 0 0 0 2px rgba(31, 122, 74, 0.48);
+}
+
+.warehouse-paper-source-lot-panel .stock-lot-pill {
+  border-radius: 0;
+  color: #145c39;
+  border-color: rgba(31, 122, 74, 0.34);
+  background: rgba(232, 246, 232, 0.62);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-weight: 900;
+}
+
+.warehouse-paper-source-lot-panel .stock-lot-search {
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-weight: 800;
+}
+
+.warehouse-paper-source-lot-panel .stock-lot-dropdown {
+  border-radius: 0;
+  border-color: rgba(20, 14, 6, 0.54);
+  background: #fffaf0;
+  box-shadow: 0 16px 28px rgba(52, 39, 15, 0.16);
+}
+
+.warehouse-paper-source-lot-panel .stock-lot-option {
+  border-radius: 0;
+}
+
+.warehouse-paper-source-lot-table {
+  margin: 0;
+  overflow-x: auto;
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  border-radius: 0;
+  background: rgba(255, 250, 240, 0.46);
+  box-shadow: none;
+}
+
+.warehouse-paper-source-lot-table table {
+  min-width: 760px;
+  border-collapse: collapse;
+}
+
+.warehouse-paper-source-lot-table .data-table {
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.warehouse-paper-source-lot-table .data-table th,
+.warehouse-paper-source-lot-table .data-table td {
+  border-right: 2px solid rgba(20, 14, 6, 0.74);
+  border-bottom: 2px solid rgba(20, 14, 6, 0.74);
+}
+
+.warehouse-paper-source-lot-table .data-table th {
+  color: rgba(23, 18, 10, 0.78);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent),
+    rgba(227, 207, 161, 0.62);
+  font-family: var(--ui-font-display);
+  font-size: 12px;
+  font-weight: 900;
+  letter-spacing: 0.05em;
+}
+
+.warehouse-paper-source-lot-table .data-table td {
+  color: #17120a;
+  background: rgba(255, 250, 240, 0.4);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 14px;
+  font-weight: 800;
+}
+
+.warehouse-paper-source-lot-table input {
+  width: 100%;
+  min-width: 98px;
+  min-height: 36px;
+  padding: 7px 9px;
+  border: 1.5px solid rgba(31, 122, 74, 0.28);
+  border-radius: 0;
+  color: #17120a;
+  background: rgba(255, 255, 255, 0.42);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-weight: 900;
+}
+
+.warehouse-paper-source-lot-table input:focus {
+  outline: 0;
+  border-color: rgba(31, 122, 74, 0.66);
+  box-shadow: inset 0 0 0 1px rgba(31, 122, 74, 0.28);
+}
+
+.warehouse-paper-inline-summary {
+  min-width: 0;
+  padding: 12px 14px;
+  color: #145c39;
+  border: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    linear-gradient(90deg, rgba(31, 122, 74, 0.12), transparent 42%),
+    rgba(232, 246, 232, 0.52);
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 15px;
+  font-weight: 900;
+}
+
+.warehouse-paper-settle-panel {
+  display: grid;
+  gap: 0;
+  min-width: 0;
+  border-top: 2px solid rgba(20, 14, 6, 0.88);
+  border-left: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    linear-gradient(90deg, rgba(180, 83, 9, 0.08), transparent 48%),
+    rgba(255, 250, 240, 0.5);
+}
+
+.warehouse-paper-settle-toggle {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 54px;
+  margin: 0;
+  padding: 10px 12px;
+  color: #17120a;
+  border-right: 2px solid rgba(20, 14, 6, 0.88);
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent),
+    rgba(227, 207, 161, 0.46);
+  cursor: pointer;
+  font-family: var(--ui-font-display);
+  font-weight: 900;
+  letter-spacing: 0.05em;
+}
+
+.warehouse-paper-settle-toggle input {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.warehouse-paper-settle-toggle .settle-dot {
+  display: inline-grid;
+  flex: 0 0 auto;
+  width: 19px;
+  height: 19px;
+  border: 2px solid rgba(106, 86, 49, 0.76);
+  border-radius: 999px;
+  background: rgba(255, 250, 240, 0.92);
+  box-shadow: inset 0 0 0 4px #fffaf0;
+  transition:
+    border-color var(--ui-transition-fast),
+    background var(--ui-transition-fast),
+    box-shadow var(--ui-transition-fast);
+}
+
+.warehouse-paper-settle-toggle input:checked + .settle-dot {
+  border-color: #145c39;
+  background: #145c39;
+  box-shadow:
+    inset 0 0 0 4px #fffaf0,
+    0 0 0 4px rgba(31, 122, 74, 0.16);
+}
+
+.warehouse-paper-settle-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  min-width: 0;
+}
+
+.warehouse-paper-settle-grid article {
+  display: grid;
+  grid-template-rows: auto minmax(48px, auto);
+  min-width: 0;
+  border-right: 2px solid rgba(20, 14, 6, 0.88);
+  border-bottom: 2px solid rgba(20, 14, 6, 0.88);
+  background: rgba(255, 250, 240, 0.44);
+}
+
+.warehouse-paper-settle-grid span {
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  padding: 7px 10px;
+  color: rgba(23, 18, 10, 0.78);
+  border-bottom: 1px solid rgba(20, 14, 6, 0.52);
+  background: rgba(227, 207, 161, 0.5);
+  font-family: var(--ui-font-display);
+  font-size: 12px;
+  font-weight: 900;
+  letter-spacing: 0.05em;
+}
+
+.warehouse-paper-settle-grid strong {
+  display: flex;
+  align-items: center;
+  min-height: 48px;
+  padding: 10px 11px;
+  color: #17120a;
+  font-family: "Songti SC", "SimSun", var(--ui-font-body);
+  font-size: 15px;
+  font-weight: 900;
+}
+
+.warehouse-paper-settle-grid .settle-warning {
+  color: #b45309;
+}
+
+.warehouse-paper-settle-remark {
+  border-left: 0;
+  border-top: 0;
+}
+
 .warehouse-document-action-anchor {
   display: none;
 }
@@ -16634,13 +17489,22 @@ body .login-production-layout .login-security-foot p {
 }
 
 @media (max-width: 960px) {
-  .warehouse-paper-grid {
+  .warehouse-paper-grid,
+  .warehouse-paper-control-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
   .warehouse-document-meta-strip {
     grid-template-columns: 1fr;
   }
+
+  .warehouse-paper-source-lot-panel {
+    grid-template-columns: 1fr;
+  }
+
+  .warehouse-paper-settle-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 @media (max-width: 620px) {
@@ -16648,7 +17512,8 @@ body .login-production-layout .login-security-foot p {
     padding-inline: 0;
   }
 
-  .warehouse-paper-grid {
+  .warehouse-paper-grid,
+  .warehouse-paper-control-grid {
     grid-template-columns: 1fr;
   }
 
@@ -17408,6 +18273,14 @@ body .warehouse-ledger-table .document-archive-icon {
 }
 
 /* Final warehouse document action contract: submit buttons live at the paper document bottom. */
+body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) {
+  width: min(1280px, calc(100vw - 24px)) !important;
+}
+
+body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) .form-drawer-body {
+  overflow-x: hidden !important;
+}
+
 body .warehouse-document-action-bar {
   position: relative !important;
   right: auto !important;
@@ -17426,3 +18299,48 @@ body .warehouse-document-action-bar {
     width: 100% !important;
   }
 }
+
+/* Final warehouse paper form narrow-screen contract: reserve width for fields, not decoration. */
+@media (max-width: 520px) {
+  body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) {
+    width: calc(100vw - 16px) !important;
+    padding: 14px !important;
+  }
+
+  body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) .form-drawer-body {
+    padding: 10px !important;
+  }
+
+  body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) .warehouse-document-operation-form,
+  body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) .warehouse-document-form,
+  body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) .document-paper-shell {
+    width: 100% !important;
+    min-width: 0 !important;
+  }
+
+  body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) .document-paper-sheet {
+    box-sizing: border-box !important;
+    overflow-x: hidden !important;
+  }
+
+  body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) .document-paper-header {
+    min-width: 0 !important;
+    padding-inline: 10px !important;
+  }
+
+  body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) .document-paper-title {
+    max-width: 100% !important;
+    font-size: clamp(22px, 7.2vw, 28px) !important;
+    letter-spacing: 0.02em !important;
+    line-height: 1.16 !important;
+    overflow-wrap: anywhere !important;
+    text-wrap: balance;
+    white-space: normal !important;
+  }
+
+  body .workflow-drawer.form-drawer:has(.warehouse-document-operation-form) .document-number-stamp {
+    width: min(176px, 100%) !important;
+    min-width: 0 !important;
+    max-width: 100% !important;
+  }
+}
diff --git a/frontend/src/views/InventoryLedgerView.test.js b/frontend/src/views/InventoryLedgerView.test.js
index 5b0b578..07f154d 100644
--- a/frontend/src/views/InventoryLedgerView.test.js
+++ b/frontend/src/views/InventoryLedgerView.test.js
@@ -14,6 +14,14 @@ function functionBody(name) {
   return match[0];
 }
 
+function drawerBlock(openBinding, nextMarker) {
+  const start = source.indexOf(`:open="${openBinding}"`);
+  assert.ok(start >= 0, `expected drawer ${openBinding} to exist`);
+  const end = source.indexOf(nextMarker, start + openBinding.length);
+  assert.ok(end > start, `expected drawer ${openBinding} to end before ${nextMarker}`);
+  return source.slice(start, end);
+}
+
 describe("InventoryLedgerView warehouse action layout", () => {
   it("keeps stocktake inside the tool action group instead of a standalone rack", () => {
     assert.equal(source.includes("warehouse-stocktake-rack"), false);
@@ -77,6 +85,134 @@ describe("InventoryLedgerView warehouse action layout", () => {
     assert.match(mainCss, /\.warehouse-paper-summary-grid\s*\{[\s\S]*grid-template-columns: repeat\(4, minmax\(0, 1fr\)\);/);
   });
 
+  it("keeps customer supplied inbound paper fields full width instead of squeezed into a side column", () => {
+    assert.match(source, /title="客料入库单"/);
+    assert.match(source, /class="warehouse-document-meta-strip"/);
+    assert.match(source, /class="warehouse-paper-grid"/);
+    assert.match(mainCss, /\.warehouse-document-operation-form\s*\{[\s\S]*width: 100%;/);
+    assert.match(mainCss, /\.warehouse-document-section-grid > \.warehouse-document-meta-strip\s*\{[\s\S]*grid-column: 1 \/ -1;/);
+    assert.match(mainCss, /\.warehouse-document-section-grid > \.warehouse-paper-grid\s*\{[\s\S]*grid-column: 1 \/ -1;/);
+    assert.match(mainCss, /\.warehouse-paper-field > span\s*\{[\s\S]*font-size: 13px;/);
+    assert.match(mainCss, /\.warehouse-paper-field input,[\s\S]*?\.warehouse-paper-field textarea\s*\{[\s\S]*font-size: 15px;/);
+    assert.match(mainCss, /@media \(max-width: 520px\)[\s\S]*\.document-paper-binder,[\s\S]*\.document-retained-mark\s*\{[\s\S]*display: none;/);
+    assert.match(mainCss, /@media \(max-width: 520px\)[\s\S]*\.document-paper-sheet\s*\{[\s\S]*padding: 18px 10px 22px;/);
+    assert.match(mainCss, /body \.workflow-drawer\.form-drawer:has\(\.warehouse-document-operation-form\)\s*\{[\s\S]*width: min\(1280px, calc\(100vw - 24px\)\) !important;/);
+    assert.match(mainCss, /body \.workflow-drawer\.form-drawer:has\(\.warehouse-document-operation-form\) \.form-drawer-body\s*\{[\s\S]*overflow-x: hidden !important;/);
+    assert.match(mainCss, /body \.workflow-drawer\.form-drawer:has\(\.warehouse-document-operation-form\) \.document-paper-title\s*\{[\s\S]*font-size: clamp\(22px, 7\.2vw, 28px\) !important;/);
+    assert.match(mainCss, /body \.workflow-drawer\.form-drawer:has\(\.warehouse-document-operation-form\) \.document-paper-title\s*\{[\s\S]*white-space: normal !important;/);
+    assert.match(mainCss, /body \.workflow-drawer\.form-drawer:has\(\.warehouse-document-operation-form\) \.document-paper-title\s*\{[\s\S]*overflow-wrap: anywhere !important;/);
+    assert.match(mainCss, /body \.workflow-drawer\.form-drawer:has\(\.warehouse-document-operation-form\) \.document-number-stamp\s*\{[\s\S]*width: min\(176px, 100%\) !important;/);
+    assert.match(mainCss, /body \.workflow-drawer\.form-drawer:has\(\.warehouse-document-operation-form\) \.form-drawer-body\s*\{[\s\S]*padding: 10px !important;/);
+  });
+
+  it("wraps production-ledger controlled inbound forms in the shared paper control language", () => {
+    assert.match(source, /warehouse-paper-control-grid/);
+    assert.match(source, /warehouse-paper-source-lot-panel/);
+    assert.match(source, /warehouse-paper-source-lot-table/);
+    assert.match(source, /warehouse-paper-inline-summary/);
+    assert.match(source, /warehouse-paper-settle-panel/);
+    assert.match(source, /warehouse-paper-settle-toggle/);
+    assert.match(source, /warehouse-paper-settle-grid/);
+    assert.match(source, /warehouse-paper-settle-remark/);
+    assert.match(mainCss, /\.warehouse-document-section-grid > \.warehouse-paper-control-grid\s*\{[\s\S]*grid-column: 1 \/ -1;/);
+    assert.match(mainCss, /\.warehouse-paper-control-grid\s*\{[\s\S]*grid-template-columns: repeat\(4, minmax\(0, 1fr\)\);/);
+    assert.match(mainCss, /\.warehouse-paper-source-lot-table/);
+    assert.match(mainCss, /\.warehouse-paper-settle-toggle/);
+  });
+
+  it("keeps special adjustment documents inside the paper document language", () => {
+    const specialAdjustmentBlock = source.slice(
+      source.indexOf(':open="specialAdjustmentDrawerOpen"'),
+      source.indexOf(':open="productionDrawerOpen"')
+    );
+    assert.match(source, /special-adjustment-paper-grid/);
+    assert.match(source, /special-adjustment-paper-warning/);
+    assert.match(source, /special-adjustment-paper-lines/);
+    assert.match(source, /special-adjustment-paper-line-card/);
+    assert.doesNotMatch(specialAdjustmentBlock, /<div class="double-field">[\s\S]*?specialAdjustmentForm\.reason/);
+    assert.match(mainCss, /\.special-adjustment-paper-grid/);
+    assert.match(mainCss, /\.special-adjustment-paper-line-card/);
+  });
+
+  it("keeps production outbound document controls paper-native", () => {
+    assert.match(source, /production-out-paper-grid/);
+    assert.match(source, /production-out-source-lot-panel/);
+    assert.match(source, /production-out-source-lot-table/);
+    assert.doesNotMatch(source, /<div class="workflow-tip">选择原材料库存批次出库/);
+    assert.match(mainCss, /\.production-out-source-lot-panel/);
+  });
+
+  it("keeps production ledger inbound settlement controls paper-native", () => {
+    const productionLedgerInboundBlock = source.slice(
+      source.indexOf(':open="productionWorkOrderInboundDrawerOpen"'),
+      source.indexOf("<StocktakeDialog")
+    );
+    assert.match(source, /production-ledger-inbound-paper-grid/);
+    assert.match(source, /production-ledger-inbound-summary/);
+    assert.match(source, /production-ledger-inbound-metrics/);
+    assert.doesNotMatch(productionLedgerInboundBlock, /<div class="triple-field">[\s\S]*?productionWorkOrderInboundForm\.finished_qty/);
+    assert.match(mainCss, /\.production-ledger-inbound-metrics/);
+  });
+
+  it("keeps raw material return outbound documents paper-native", () => {
+    const block = drawerBlock("rawReturnDrawerOpen", ':open="returnInboundDrawerOpen"');
+    assert.match(block, /raw-return-paper-grid/);
+    assert.match(block, /raw-return-logistics-grid/);
+    assert.doesNotMatch(block, /class="double-field"/);
+    assert.doesNotMatch(block, /class="triple-field"/);
+    assert.doesNotMatch(block, /class="form-field/);
+    assert.doesNotMatch(block, /modern-upload/);
+    assert.match(mainCss, /\.raw-return-paper-grid/);
+  });
+
+  it("keeps return inbound and return scrap inbound documents paper-native", () => {
+    const returnBlock = drawerBlock("returnInboundDrawerOpen", ':open="returnScrapInboundDrawerOpen"');
+    const scrapBlock = drawerBlock("returnScrapInboundDrawerOpen", ':open="openingImportDrawerOpen"');
+    [returnBlock, scrapBlock].forEach((block) => {
+      assert.match(block, /return-paper-grid/);
+      assert.match(block, /return-trace-summary/);
+      assert.doesNotMatch(block, /class="double-field"/);
+      assert.doesNotMatch(block, /class="triple-field"/);
+      assert.doesNotMatch(block, /class="form-field/);
+    });
+    assert.match(mainCss, /\.return-paper-grid/);
+  });
+
+  it("keeps finished inbound and sales outbound documents paper-native", () => {
+    const completionBlock = drawerBlock("completionDrawerOpen", ':open="deliveryDrawerOpen"');
+    const deliveryBlock = drawerBlock("deliveryDrawerOpen", ':open="returnReworkDrawerOpen"');
+    assert.match(completionBlock, /completion-paper-grid/);
+    assert.match(completionBlock, /completion-settle-panel/);
+    assert.match(deliveryBlock, /sales-delivery-paper-grid/);
+    assert.match(deliveryBlock, /sales-delivery-allocation-table/);
+    [completionBlock, deliveryBlock].forEach((block) => {
+      assert.doesNotMatch(block, /class="double-field"/);
+      assert.doesNotMatch(block, /class="triple-field"/);
+      assert.doesNotMatch(block, /class="form-field/);
+      assert.doesNotMatch(block, /modern-upload/);
+    });
+    assert.match(mainCss, /\.completion-paper-grid/);
+    assert.match(mainCss, /\.sales-delivery-paper-grid/);
+  });
+
+  it("keeps return rework and production ledger closeout tails paper-native", () => {
+    const reworkBlock = drawerBlock("returnReworkDrawerOpen", ':open="warehouseLedgerDrawerOpen"');
+    const productionBlock = drawerBlock("productionDrawerOpen", ':open="completionDrawerOpen"');
+    const ledgerInboundBlock = drawerBlock("productionWorkOrderInboundDrawerOpen", "<StocktakeDialog");
+    assert.match(reworkBlock, /return-rework-paper-grid/);
+    assert.match(reworkBlock, /return-rework-trace-summary/);
+    assert.match(productionBlock, /production-out-paper-remark/);
+    assert.match(ledgerInboundBlock, /production-ledger-inbound-settle-panel/);
+    assert.match(ledgerInboundBlock, /production-ledger-inbound-remark/);
+    [reworkBlock, productionBlock, ledgerInboundBlock].forEach((block) => {
+      assert.doesNotMatch(block, /class="double-field"/);
+      assert.doesNotMatch(block, /class="triple-field"/);
+      assert.doesNotMatch(block, /class="form-field/);
+    });
+    assert.match(mainCss, /\.return-rework-paper-grid/);
+    assert.match(mainCss, /\.production-ledger-inbound-settle-panel/);
+  });
+
   it("surfaces generated PDF archive feedback after independent warehouse saves", () => {
     [
       ["submitRawReturnOutbound", "退货出库"],
diff --git a/frontend/src/views/InventoryLedgerView.vue b/frontend/src/views/InventoryLedgerView.vue
index 7a11461..f9921f4 100644
--- a/frontend/src/views/InventoryLedgerView.vue
+++ b/frontend/src/views/InventoryLedgerView.vue
@@ -454,8 +454,8 @@
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
 
         <WarehouseDocumentSection index="01" title="出入库业务信息">
-        <div v-if="isProductionWorkOrderControlledInbound" class="stack-form">
-          <label class="form-field">
+        <div v-if="isProductionWorkOrderControlledInbound" class="warehouse-paper-control-grid warehouse-paper-control-grid-compact">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>{{ isReworkScrapInbound ? "返工工单" : "生产台账" }}</span>
             <select v-model.number="genericForm.work_order_id" required @change="applyGenericWorkOrder">
               <option disabled value="">{{ isReworkScrapInbound ? "请选择返工工单" : "请选择生产台账" }}</option>
@@ -465,16 +465,28 @@
             </select>
           </label>
 
-          <div v-if="selectedGenericWorkOrder" class="drawer-row-detail-grid">
-            <article><span>产品</span><strong>{{ selectedGenericWorkOrder.product_code }} · {{ selectedGenericWorkOrder.product_name }}</strong></article>
-            <article><span>材料库存批次号</span><strong>{{ selectedGenericWorkOrder.source_lot_summary || selectedGenericWorkOrder.material_lot_no || "-" }}</strong></article>
-            <article v-if="isProductionScrapInbound"><span>库外未闭环重量</span><strong>{{ formatWeight(selectedGenericWorkOrder.outside_weight_kg || selectedGenericWorkOrder.limits?.max_scrap_inbound_weight_kg) }}</strong></article>
-            <article v-if="isProductionSurplusInbound"><span>库外未闭环重量</span><strong>{{ formatWeight(selectedGenericWorkOrder.outside_weight_kg || selectedGenericWorkOrder.limits?.max_surplus_inbound_weight_kg) }}</strong></article>
-          </div>
+          <template v-if="selectedGenericWorkOrder">
+            <article class="warehouse-paper-summary-card warehouse-paper-summary-card-wide">
+              <span>产品</span>
+              <strong>{{ selectedGenericWorkOrder.product_code }} · {{ selectedGenericWorkOrder.product_name }}</strong>
+            </article>
+            <article class="warehouse-paper-summary-card">
+              <span>材料库存批次号</span>
+              <strong>{{ selectedGenericWorkOrder.source_lot_summary || selectedGenericWorkOrder.material_lot_no || "-" }}</strong>
+            </article>
+            <article v-if="isProductionScrapInbound" class="warehouse-paper-summary-card">
+              <span>库外未闭环重量</span>
+              <strong>{{ formatWeight(selectedGenericWorkOrder.outside_weight_kg || selectedGenericWorkOrder.limits?.max_scrap_inbound_weight_kg) }}</strong>
+            </article>
+            <article v-if="isProductionSurplusInbound" class="warehouse-paper-summary-card">
+              <span>库外未闭环重量</span>
+              <strong>{{ formatWeight(selectedGenericWorkOrder.outside_weight_kg || selectedGenericWorkOrder.limits?.max_surplus_inbound_weight_kg) }}</strong>
+            </article>
+          </template>
         </div>
 
-        <div class="double-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>{{ genericItemFieldLabel }}</span>
             <select v-model="genericForm.item_option_key" required :disabled="(isProductionScrapInbound || isReworkScrapInbound) && !!selectedGenericWorkOrder" @change="handleGenericItemChange">
               <option disabled value="">{{ genericItemPlaceholder }}</option>
@@ -483,7 +495,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>仓库</span>
             <select v-model.number="genericForm.warehouse_id" required @change="handleGenericWarehouseChange">
               <option disabled value="">请选择仓库</option>
@@ -492,10 +504,7 @@
               </option>
             </select>
           </label>
-        </div>
-
-        <div class="triple-field">
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>库位</span>
             <select v-model.number="genericForm.location_id">
               <option value="">默认库位</option>
@@ -504,7 +513,7 @@
               </option>
             </select>
           </label>
-          <label v-if="isSemiSourceLotTraceInbound" class="form-field">
+          <label v-if="isSemiSourceLotTraceInbound" class="warehouse-paper-field">
             <span>入库类型</span>
             <select v-model="genericForm.measure_basis" :disabled="isSemiMeasureBasisLocked" required @change="handleGenericMeasureBasisChange">
               <option disabled value="">请选择入库类型</option>
@@ -512,7 +521,7 @@
               <option value="WEIGHT">按重入库</option>
             </select>
           </label>
-          <label v-if="showGenericWeightInput" class="form-field">
+          <label v-if="showGenericWeightInput" class="warehouse-paper-field">
             <span>{{ activeOperation?.direction === "out" ? "出库重量(kg)" : "入库重量(kg)" }}</span>
             <input
               v-model.number="genericForm.weight_kg"
@@ -523,95 +532,103 @@
               :required="!isSemiQuantityWeightFlexibleOperation"
             />
           </label>
-          <label v-if="showGenericQtyInput" class="form-field">
+          <label v-if="showGenericQtyInput" class="warehouse-paper-field">
             <span>{{ activeOperation?.direction === "out" ? "出库数量" : "入库数量" }}</span>
             <input v-model.number="genericForm.qty" type="number" min="0" step="0.001" />
           </label>
-          <label v-if="activeOperation?.direction !== 'out' && !isSourceLotReturnInbound && !isSemiSourceLotTraceInbound" class="form-field">
+          <label v-if="activeOperation?.direction !== 'out' && !isSourceLotReturnInbound && !isSemiSourceLotTraceInbound" class="warehouse-paper-field">
             <span>{{ genericUnitCostLabel }}</span>
             <input v-model.number="genericForm.unit_cost" type="number" min="0" step="0.0001" :readonly="activeOperation?.bizType === 'CUSTOMER_SUPPLIED'" />
           </label>
         </div>
 
-        <div v-if="activeOperation?.direction !== 'out' && !isCustomerSuppliedInbound && !isSourceLotReturnInbound && !isSemiSourceLotTraceInbound && !isFinishedOutsourcingInbound && !isProductionScrapInbound && !isReworkScrapInbound && !isOutsourcingScrapInbound" class="double-field">
-          <label class="form-field">
+        <div v-if="activeOperation?.direction !== 'out' && !isCustomerSuppliedInbound && !isSourceLotReturnInbound && !isSemiSourceLotTraceInbound && !isFinishedOutsourcingInbound && !isProductionScrapInbound && !isReworkScrapInbound && !isOutsourcingScrapInbound" class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field">
             <span>批次号</span>
             <input v-model.trim="genericForm.lot_no" type="text" placeholder="不填则自动生成" />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>来源/提供方</span>
             <input v-model.trim="genericForm.provider_name" type="text" placeholder="客户、项目、委外厂或来源说明" />
           </label>
         </div>
-        <label v-else-if="isCustomerSuppliedInbound" class="form-field">
-          <span>来源/提供方</span>
-          <input v-model.trim="genericForm.provider_name" type="text" placeholder="客户、项目或来源说明" />
-        </label>
-        <label v-else-if="['OUTSOURCING_IN', 'OUTSOURCING_SURPLUS'].includes(activeOperation?.bizType)" class="form-field">
-          <span>来源/提供方</span>
-          <input v-model.trim="genericForm.provider_name" type="text" placeholder="委外厂或来源说明" />
-        </label>
+        <div v-else-if="isCustomerSuppliedInbound" class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
+            <span>来源/提供方</span>
+            <input v-model.trim="genericForm.provider_name" type="text" placeholder="客户、项目或来源说明" />
+          </label>
+        </div>
+        <div v-else-if="['OUTSOURCING_IN', 'OUTSOURCING_SURPLUS'].includes(activeOperation?.bizType)" class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
+            <span>来源/提供方</span>
+            <input v-model.trim="genericForm.provider_name" type="text" placeholder="委外厂或来源说明" />
+          </label>
+        </div>
 
-        <div v-if="activeOperation?.bizType === 'SCRAP_SALE_OUT'" class="triple-field">
-          <label class="form-field">
+        <div v-if="activeOperation?.bizType === 'SCRAP_SALE_OUT'" class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field">
             <span>购买方</span>
             <input v-model.trim="genericForm.buyer_name" type="text" placeholder="填写废料购买方" />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>售卖单价(元/kg)</span>
             <input v-model.number="genericForm.sale_unit_price" type="number" min="0.0001" step="0.0001" required />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>预计售卖金额</span>
             <input :value="`¥${formatAmount(estimatedScrapSaleAmount)}`" type="text" disabled />
           </label>
         </div>
 
-        <div v-if="genericRequiresLogistics" class="triple-field">
-          <label class="form-field">
+        <div v-if="genericRequiresLogistics" class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field">
             <span>运单号</span>
             <input v-model.trim="genericForm.waybill_no" type="text" placeholder="可填运单号，或上传辅助照片" />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>运费</span>
             <input v-model.number="genericForm.freight_amount" type="number" min="0" step="0.01" required />
           </label>
-          <div class="form-field upload-form-field">
+          <div class="warehouse-paper-field warehouse-paper-upload-field">
             <span>辅助照片</span>
             <label
-              class="modern-upload-pill"
+              class="warehouse-paper-upload"
               :class="{ 'is-uploaded': genericForm.order_photo_url, 'is-busy': logisticsPhotoUploading }"
             >
               <input
-                class="modern-upload-input"
                 type="file"
                 accept="image/*"
                 :disabled="logisticsPhotoUploading"
                 @change="handleLogisticsPhotoUpload(genericForm, $event)"
               />
-              <span class="modern-upload-icon" aria-hidden="true">{{ genericForm.order_photo_url ? "✓" : "↑" }}</span>
+              <b aria-hidden="true">{{ genericForm.order_photo_url ? "✓" : "↑" }}</b>
               <strong>{{ logisticsPhotoUploading ? "上传中..." : genericForm.order_photo_url ? "已上传辅助照片" : "上传辅助照片" }}</strong>
             </label>
-            <small v-if="genericForm.order_photo_url" class="modern-upload-note">已上传，可代替运单号</small>
           </div>
         </div>
 
-        <label v-if="isCustomerSuppliedInbound" class="form-field">
-          <span>库存批次号</span>
-          <input :value="customerSuppliedLotNoPreview ? `提交后自动生成：${customerSuppliedLotNoPreview}` : '选择物料后自动生成库存批次号'" type="text" readonly />
-        </label>
+        <div v-if="isCustomerSuppliedInbound" class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
+            <span>库存批次号</span>
+            <input :value="customerSuppliedLotNoPreview ? `提交后自动生成：${customerSuppliedLotNoPreview}` : '选择物料后自动生成库存批次号'" type="text" readonly />
+          </label>
+        </div>
 
-        <label v-else-if="!usesGenericSourceLotSelector && !isSemiAutoSourceOutbound && !isReworkScrapInbound" class="form-field">
-          <span>来源库存批次号</span>
-          <input v-model.trim="genericForm.source_material_sub_batch_no" type="text" placeholder="有来源库存批次时填写" />
-        </label>
+        <div v-else-if="!usesGenericSourceLotSelector && !isSemiAutoSourceOutbound && !isReworkScrapInbound" class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
+            <span>来源库存批次号</span>
+            <input v-model.trim="genericForm.source_material_sub_batch_no" type="text" placeholder="有来源库存批次时填写" />
+          </label>
+        </div>
 
-        <label v-else-if="isSemiAutoSourceOutbound" class="form-field">
-          <span>来源库存批次号</span>
-          <input :value="semiAutoSourceOutboundSourceLotSummary || '选择半成品后自动带出库存批次号'" type="text" readonly />
-        </label>
+        <div v-else-if="isSemiAutoSourceOutbound" class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
+            <span>来源库存批次号</span>
+            <input :value="semiAutoSourceOutboundSourceLotSummary || '选择半成品后自动带出库存批次号'" type="text" readonly />
+          </label>
+        </div>
 
-        <div v-if="isSemiAutoSourceOutbound && semiAutoSourceOutboundSourceLots.length" class="table-wrap">
+        <div v-if="isSemiAutoSourceOutbound && semiAutoSourceOutboundSourceLots.length" class="table-wrap warehouse-paper-source-lot-table">
           <table class="data-table compact-table">
             <thead>
               <tr>
@@ -632,13 +649,18 @@
           </table>
         </div>
 
-        <label v-if="activeOperation?.bizType === 'OUTSOURCING_OUT'" class="form-field">
-          <span>委外方</span>
-          <input v-model.trim="genericForm.outsourcing_party_name" type="text" placeholder="填写委外加工方" />
-        </label>
+        <div v-if="activeOperation?.bizType === 'OUTSOURCING_OUT'" class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
+            <span>委外方</span>
+            <input v-model.trim="genericForm.outsourcing_party_name" type="text" placeholder="填写委外加工方" />
+          </label>
+        </div>
 
-        <label v-if="usesGenericSourceLotSelector" class="form-field">
-          <span>来源库存批次号</span>
+        <div v-if="usesGenericSourceLotSelector" class="warehouse-paper-source-lot-panel">
+          <div class="warehouse-paper-source-lot-heading">
+            <span>来源库存批次号</span>
+            <strong>{{ genericSourceLotSelectPlaceholder }}</strong>
+          </div>
           <StockLotTagSelect
             v-model="selectedGenericSourceLots"
             :options="genericSourceLotOptions"
@@ -647,9 +669,9 @@
             :display-weight-field="isProductionSurplusInbound ? 'issued_weight_kg' : 'remaining_weight_kg'"
             :option-weight-label="isProductionSurplusInbound ? '领料' : '剩余'"
           />
-        </label>
+        </div>
 
-        <div v-if="isSourceLotReturnInbound && selectedGenericSourceLots.length" class="table-wrap">
+        <div v-if="isSourceLotReturnInbound && selectedGenericSourceLots.length" class="table-wrap warehouse-paper-source-lot-table">
           <table class="data-table compact-table">
             <thead>
               <tr>
@@ -685,7 +707,7 @@
           </table>
         </div>
 
-        <div v-else-if="isProductTraceOnlySourceLotInbound && selectedGenericSourceLots.length" class="table-wrap">
+        <div v-else-if="isProductTraceOnlySourceLotInbound && selectedGenericSourceLots.length" class="table-wrap warehouse-paper-source-lot-table">
           <table class="data-table compact-table">
             <thead>
               <tr>
@@ -706,7 +728,7 @@
           </table>
         </div>
 
-        <div v-else-if="isSourceLotSelectedOutbound && selectedGenericSourceLots.length" class="table-wrap">
+        <div v-else-if="isSourceLotSelectedOutbound && selectedGenericSourceLots.length" class="table-wrap warehouse-paper-source-lot-table">
           <table class="data-table compact-table">
             <thead>
               <tr>
@@ -732,29 +754,31 @@
           </table>
         </div>
 
-        <div v-if="usesGenericSourceLotSelector && !isProductTraceOnlySourceLotInbound" class="inventory-live-summary">
+        <div v-if="usesGenericSourceLotSelector && !isProductTraceOnlySourceLotInbound" class="warehouse-paper-inline-summary">
           {{ isSourceLotSelectedOutbound ? "本次出库总重量" : "本次归还总重量" }}：{{ formatWeight(genericSelectedSourceLotWeight) }}
         </div>
-        <div v-else-if="isProductTraceOnlySourceLotInbound && selectedGenericSourceLots.length" class="inventory-live-summary">
+        <div v-else-if="isProductTraceOnlySourceLotInbound && selectedGenericSourceLots.length" class="warehouse-paper-inline-summary">
           已选择来源库存批次号：{{ selectedGenericSourceLots.length }} 个，仅用于来源追溯，不扣减原材料库存
         </div>
 
-        <label class="form-field">
-          <span>{{ activeWarehouseType === "AUX" && activeOperation?.bizType === "PRODUCTION_OUT" ? "用途" : "备注" }}</span>
-          <textarea
-            v-model.trim="genericForm.remark"
-            rows="3"
-            :required="activeWarehouseType === 'AUX' && activeOperation?.bizType === 'PRODUCTION_OUT'"
-          ></textarea>
-        </label>
+        <div class="warehouse-paper-control-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-full">
+            <span>{{ activeWarehouseType === "AUX" && activeOperation?.bizType === "PRODUCTION_OUT" ? "用途" : "备注" }}</span>
+            <textarea
+              v-model.trim="genericForm.remark"
+              rows="3"
+              :required="activeWarehouseType === 'AUX' && activeOperation?.bizType === 'PRODUCTION_OUT'"
+            ></textarea>
+          </label>
+        </div>
 
-        <div v-if="isProductionSurplusInbound || isProductionScrapInbound" class="work-order-settle-panel">
-          <label class="work-order-settle-toggle">
+        <div v-if="isProductionSurplusInbound || isProductionScrapInbound" class="warehouse-paper-settle-panel">
+          <label class="warehouse-paper-settle-toggle">
             <input v-model="genericForm.settle_work_order" type="checkbox" />
             <span class="settle-dot" aria-hidden="true"></span>
             <strong>{{ isProductionScrapInbound ? "该批材料废料结单" : "该批材料余料结单" }}</strong>
           </label>
-          <div v-if="genericForm.settle_work_order" class="settle-summary-grid">
+          <div v-if="genericForm.settle_work_order" class="warehouse-paper-settle-grid">
             <article>
               <span>{{ isProductionScrapInbound ? "标准废料重量" : "标准归还重量" }}</span>
               <strong>{{ formatWeight(isProductionScrapInbound ? productionScrapExpectedWeight : productionSurplusExpectedReturnWeight) }}</strong>
@@ -772,7 +796,7 @@
           </div>
           <label
             v-if="genericForm.settle_work_order && (isProductionScrapInbound ? productionScrapSettleNeedsRemark : productionSurplusSettleNeedsRemark)"
-            class="form-field"
+            class="warehouse-paper-field warehouse-paper-field-full warehouse-paper-settle-remark"
           >
             <span>{{ isProductionScrapInbound ? "废料结单说明" : "余料结单说明" }}</span>
             <textarea
@@ -814,13 +838,13 @@
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
 
         <WarehouseDocumentSection index="01" title="特殊调整信息">
-        <div class="special-adjustment-warning">
+        <div class="document-inline-summary special-adjustment-paper-warning">
           <strong>特殊调整会直接改变库存明细</strong>
           <span>保存后写入库存流水和特殊调整记录，请仅在补录、纠错、线下已处理等特殊场景使用。</span>
         </div>
 
-        <div class="double-field">
-          <label class="form-field">
+        <div class="document-control-grid special-adjustment-paper-grid">
+          <label class="document-paper-field document-paper-field-wide">
             <span>调整说明</span>
             <textarea
               v-model.trim="specialAdjustmentForm.reason"
@@ -829,7 +853,7 @@
               placeholder="必须填写现场原因、审批依据或补录说明"
             ></textarea>
           </label>
-          <label class="form-field">
+          <label class="document-paper-field">
             <span>仓库</span>
             <select v-model.number="specialAdjustmentForm.warehouse_id" required @change="handleSpecialAdjustmentWarehouseChange">
               <option disabled value="">请选择仓库</option>
@@ -840,18 +864,19 @@
           </label>
         </div>
 
-        <div class="drawer-table-actions">
+        <div class="document-inline-summary special-adjustment-paper-toolbar">
           <button class="ghost-button" type="button" :disabled="!specialAdjustmentForm.reason.trim()" @click="addSpecialAdjustmentLine">
             添加调整明细
           </button>
           <span v-if="!specialAdjustmentForm.reason.trim()" class="special-adjustment-tip">请先填写调整说明</span>
+          <span v-else>每条明细都会写入库存流水，调整说明会同步进入变更记录。</span>
         </div>
 
-        <div class="special-adjustment-lines" :class="{ 'is-empty': !specialAdjustmentForm.lines.length }">
+        <div class="special-adjustment-paper-lines special-adjustment-lines" :class="{ 'is-empty': !specialAdjustmentForm.lines.length }">
           <article
             v-for="(line, index) in specialAdjustmentForm.lines"
             :key="line.row_key"
-            class="special-adjustment-line-card"
+            class="special-adjustment-paper-line-card special-adjustment-line-card"
           >
             <header class="special-adjustment-line-head">
               <div>
@@ -1004,8 +1029,8 @@
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
 
         <WarehouseDocumentSection index="01" title="退货出库信息">
-        <div class="double-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid raw-return-paper-grid">
+          <label class="warehouse-paper-field">
             <span>仓库</span>
             <select v-model.number="rawReturnForm.warehouse_id" required>
               <option disabled value="">请选择仓库</option>
@@ -1014,7 +1039,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>库存批次号</span>
             <select v-model.number="rawReturnForm.lot_id" required @change="handleRawReturnLotChange">
               <option disabled value="">请选择可退货批次</option>
@@ -1023,10 +1048,8 @@
               </option>
             </select>
           </label>
-        </div>
 
-        <div class="double-field">
-          <label class="form-field">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>采购来源</span>
             <select
               v-model.number="rawReturnForm.purchase_order_item_id"
@@ -1040,7 +1063,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>退货重量(kg)</span>
             <input
               v-model.number="rawReturnForm.return_weight_kg"
@@ -1053,44 +1076,44 @@
           </label>
         </div>
 
-        <div class="triple-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid raw-return-logistics-grid">
+          <label class="warehouse-paper-field">
             <span>运单号</span>
             <input v-model.trim="rawReturnForm.waybill_no" type="text" placeholder="可填运单号，或上传辅助照片" />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>运费</span>
             <input v-model.number="rawReturnForm.freight_amount" type="number" min="0" step="0.01" placeholder="选填" />
           </label>
-          <div class="form-field upload-form-field">
+          <div class="warehouse-paper-field warehouse-paper-upload-field">
             <span>辅助照片</span>
             <label
-              class="modern-upload-pill"
+              class="warehouse-paper-upload"
               :class="{ 'is-uploaded': rawReturnForm.order_photo_url, 'is-busy': logisticsPhotoUploading }"
             >
               <input
-                class="modern-upload-input"
                 type="file"
                 accept="image/*"
                 :disabled="logisticsPhotoUploading"
                 @change="handleLogisticsPhotoUpload(rawReturnForm, $event)"
               />
-              <span class="modern-upload-icon" aria-hidden="true">{{ rawReturnForm.order_photo_url ? "✓" : "↑" }}</span>
+              <b aria-hidden="true">{{ rawReturnForm.order_photo_url ? "✓" : "↑" }}</b>
               <strong>{{ logisticsPhotoUploading ? "上传中..." : rawReturnForm.order_photo_url ? "已上传辅助照片" : "上传辅助照片" }}</strong>
             </label>
-            <small v-if="rawReturnForm.order_photo_url" class="modern-upload-note">已上传，可代替运单号</small>
           </div>
         </div>
 
-        <label class="form-field">
-          <span>退货原因</span>
-          <input v-model.trim="rawReturnForm.reason" type="text" placeholder="例如：质量或性能不合格" />
-        </label>
+        <div class="warehouse-paper-control-grid raw-return-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
+            <span>退货原因</span>
+            <input v-model.trim="rawReturnForm.reason" type="text" placeholder="例如：质量或性能不合格" />
+          </label>
 
-        <label class="form-field">
-          <span>备注</span>
-          <textarea v-model.trim="rawReturnForm.remark" rows="3"></textarea>
-        </label>
+          <label class="warehouse-paper-field warehouse-paper-field-full">
+            <span>备注</span>
+            <textarea v-model.trim="rawReturnForm.remark" rows="3"></textarea>
+          </label>
+        </div>
 
         </WarehouseDocumentSection>
 
@@ -1121,8 +1144,8 @@
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
 
         <WarehouseDocumentSection index="01" title="退货入库信息">
-        <div class="double-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid return-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>发货批次</span>
             <select v-model.number="returnInboundForm.delivery_item_id" required @change="applyReturnInboundDeliveryLine">
               <option disabled value="">请选择发货批次</option>
@@ -1131,7 +1154,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>退货仓</span>
             <select v-model.number="returnInboundForm.warehouse_id" required>
               <option disabled value="">请选择仓库</option>
@@ -1142,12 +1165,12 @@
           </label>
         </div>
 
-        <div class="feedback-banner">
+        <div class="document-inline-summary return-trace-summary">
           {{ formatReturnTraceSummary(selectedReturnInboundDeliveryLine) }}
         </div>
 
-        <div class="triple-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid return-paper-grid">
+          <label class="warehouse-paper-field">
             <span>退货数量</span>
             <input
               v-model.number="returnInboundForm.return_qty"
@@ -1158,7 +1181,7 @@
               required
             />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>退货重量(kg)</span>
             <input
               v-model.number="returnInboundForm.return_weight_kg"
@@ -1169,7 +1192,7 @@
               required
             />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>处理人</span>
             <select v-model.number="returnInboundForm.handler_employee_id">
               <option value="">请选择</option>
@@ -1178,17 +1201,19 @@
               </option>
             </select>
           </label>
+
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
+            <span>退货原因</span>
+            <input v-model.trim="returnInboundForm.return_reason" type="text" placeholder="例如：客户退回，可返工" />
+          </label>
         </div>
 
-        <label class="form-field">
-          <span>退货原因</span>
-          <input v-model.trim="returnInboundForm.return_reason" type="text" placeholder="例如：客户退回，可返工" />
-        </label>
-
-        <label class="form-field">
-          <span>备注</span>
-          <textarea v-model.trim="returnInboundForm.remark" rows="3"></textarea>
-        </label>
+        <div class="warehouse-paper-control-grid return-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-full">
+            <span>备注</span>
+            <textarea v-model.trim="returnInboundForm.remark" rows="3"></textarea>
+          </label>
+        </div>
 
         </WarehouseDocumentSection>
 
@@ -1219,8 +1244,8 @@
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
 
         <WarehouseDocumentSection index="01" title="退货废料入库信息">
-        <div class="double-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid return-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>发货批次</span>
             <select v-model.number="returnScrapInboundForm.delivery_item_id" required @change="applyReturnScrapDeliveryLine">
               <option disabled value="">请选择发货批次</option>
@@ -1229,7 +1254,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>废料仓</span>
             <select v-model.number="returnScrapInboundForm.warehouse_id" required>
               <option disabled value="">请选择仓库</option>
@@ -1240,12 +1265,12 @@
           </label>
         </div>
 
-        <div class="feedback-banner">
+        <div class="document-inline-summary return-trace-summary">
           {{ formatReturnTraceSummary(selectedReturnScrapDeliveryLine) }}
         </div>
 
-        <div class="triple-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid return-paper-grid">
+          <label class="warehouse-paper-field">
             <span>报废数量</span>
             <input
               v-model.number="returnScrapInboundForm.scrap_qty"
@@ -1256,7 +1281,7 @@
               required
             />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>报废重量(kg)</span>
             <input
               v-model.number="returnScrapInboundForm.scrap_weight_kg"
@@ -1267,14 +1292,12 @@
               required
             />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>废料单价(元/kg)</span>
             <input v-model.number="returnScrapInboundForm.unit_cost" type="number" min="0" step="0.0001" placeholder="不填则按产品废料单价" />
           </label>
-        </div>
 
-        <div class="double-field">
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>处理人</span>
             <select v-model.number="returnScrapInboundForm.handler_employee_id">
               <option value="">请选择</option>
@@ -1283,16 +1306,18 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>退货原因</span>
             <input v-model.trim="returnScrapInboundForm.return_reason" type="text" placeholder="例如：客户退回，判定报废" />
           </label>
         </div>
 
-        <label class="form-field">
-          <span>备注</span>
-          <textarea v-model.trim="returnScrapInboundForm.remark" rows="3"></textarea>
-        </label>
+        <div class="warehouse-paper-control-grid return-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-full">
+            <span>备注</span>
+            <textarea v-model.trim="returnScrapInboundForm.remark" rows="3"></textarea>
+          </label>
+        </div>
 
         </WarehouseDocumentSection>
 
@@ -1358,29 +1383,38 @@
         <div v-if="feedbackMessage" class="feedback-banner">{{ feedbackMessage }}</div>
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
         <WarehouseDocumentSection index="01" title="生产出库信息">
-        <div class="workflow-tip">选择原材料库存批次出库，后续小程序报工按库存批次号推进。</div>
+        <div class="document-inline-summary production-out-paper-tip">
+          选择原材料库存批次出库，后续小程序报工按库存批次号推进。一次生产出库只能选择一个材料库存批次。
+        </div>
 
-        <label class="form-field">
-          <span>产品</span>
-          <select v-model.number="productionForm.product_item_id" required>
-            <option disabled value="">请选择产品</option>
-            <option v-for="product in products" :key="product.item_id" :value="product.item_id">
-              {{ formatProductLabel(product) }}
-            </option>
-          </select>
-        </label>
+        <div class="document-control-grid production-out-paper-grid">
+          <label class="document-paper-field document-paper-field-wide">
+            <span>产品</span>
+            <select v-model.number="productionForm.product_item_id" required>
+              <option disabled value="">请选择产品</option>
+              <option v-for="product in products" :key="product.item_id" :value="product.item_id">
+                {{ formatProductLabel(product) }}
+              </option>
+            </select>
+          </label>
+        </div>
 
-        <label class="form-field">
-          <span>库存批次号</span>
+        <div class="document-selector-panel production-out-source-lot-panel">
+          <div class="document-selector-heading">
+            <span>库存批次号</span>
+            <strong>搜索并选择一个材料库存批次号</strong>
+          </div>
+          <div class="document-selector-body">
           <StockLotTagSelect
             v-model="selectedProductionStockLots"
             :options="productionStockLotOptions"
             :max-selections="1"
             placeholder="搜索并选择一个材料库存批次号"
           />
-        </label>
+          </div>
+        </div>
 
-        <div v-if="selectedProductionStockLots.length" class="table-wrap">
+        <div v-if="selectedProductionStockLots.length" class="table-wrap document-source-table production-out-source-lot-table">
           <table class="data-table compact-table">
             <thead>
               <tr>
@@ -1412,8 +1446,8 @@
           </table>
         </div>
 
-        <div class="double-field">
-          <label class="form-field">
+        <div class="document-control-grid production-out-paper-grid">
+          <label class="document-paper-field">
             <span>本次生产出库重量(kg)</span>
             <input
               v-model.number="productionForm.issue_weight_kg"
@@ -1424,7 +1458,7 @@
               :readonly="selectedProductionStockLots.length > 0"
             />
           </label>
-          <label class="form-field">
+          <label class="document-paper-field">
             <span>参考生产数量</span>
             <input :value="formatQty(referenceProductionQty)" type="text" readonly />
           </label>
@@ -1434,10 +1468,12 @@
           单件毛重：{{ selectedBomGrossWeight ? formatWeight(selectedBomGrossWeight) : "未配置" }}；参考生产数量 = 本次生产出库重量 ÷ 单件毛重。
         </div>
 
-        <label class="form-field">
-          <span>备注</span>
-          <textarea v-model.trim="productionForm.remark" rows="3"></textarea>
-        </label>
+        <div class="document-control-grid production-out-paper-grid production-out-paper-remark">
+          <label class="document-paper-field document-paper-field-full">
+            <span>备注</span>
+            <textarea v-model.trim="productionForm.remark" rows="3"></textarea>
+          </label>
+        </div>
 
         </WarehouseDocumentSection>
 
@@ -1468,8 +1504,8 @@
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
 
         <WarehouseDocumentSection index="01" :title="isReworkCompletionOperation ? '返工入库信息' : '生产入库信息'">
-        <div class="double-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid completion-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>{{ isReworkCompletionOperation ? "返工工单" : "生产工单" }}</span>
             <select v-model.number="completionForm.work_order_id" required @change="applyCompletionWorkOrder">
               <option disabled value="">{{ isReworkCompletionOperation ? "请选择返工工单" : "请选择生产工单" }}</option>
@@ -1478,7 +1514,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>成品仓</span>
             <select v-model.number="completionForm.warehouse_id" required>
               <option disabled value="">请选择仓库</option>
@@ -1487,10 +1523,8 @@
               </option>
             </select>
           </label>
-        </div>
 
-        <div class="triple-field">
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>接收人</span>
             <select v-model.number="completionForm.receiver_employee_id">
               <option value="">请选择</option>
@@ -1499,11 +1533,11 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>产品</span>
             <input :value="completionProductLabel" type="text" disabled />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>库位</span>
             <select v-model.number="completionForm.location_id">
               <option value="">默认库位</option>
@@ -1514,12 +1548,12 @@
           </label>
         </div>
 
-        <div class="triple-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid completion-paper-grid">
+          <label class="warehouse-paper-field">
             <span>计算最大可入库数量</span>
             <input :value="formatQty(completionForm.max_receivable_qty)" type="text" disabled />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>入库数量</span>
             <input
               v-model.number="completionForm.receipt_qty"
@@ -1531,20 +1565,22 @@
               @input="recalculateCompletionWeight"
             />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>入库重量(kg)</span>
             <input v-model.number="completionForm.receipt_weight_kg" type="number" min="0" step="0.001" readonly />
           </label>
         </div>
 
-        <label class="form-field">
-          <span>备注</span>
-          <textarea v-model.trim="completionForm.remark" rows="3"></textarea>
-        </label>
+        <div class="warehouse-paper-control-grid completion-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-full">
+            <span>备注</span>
+            <textarea v-model.trim="completionForm.remark" rows="3"></textarea>
+          </label>
+        </div>
 
-        <div class="work-order-settle-panel">
+        <div class="warehouse-paper-settle-panel completion-settle-panel">
           <label
-            class="work-order-settle-toggle"
+            class="warehouse-paper-settle-toggle"
             :class="{ 'is-disabled': !completionForm.work_order_id }"
             :title="completionForm.work_order_id ? '勾选后保存时结单' : '选择生产工单后可勾选结单'"
           >
@@ -1552,7 +1588,7 @@
             <span class="settle-dot" aria-hidden="true"></span>
             <strong>该工单结单</strong>
           </label>
-          <div v-if="completionForm.settle_work_order" class="settle-summary-grid">
+          <div v-if="completionForm.settle_work_order" class="warehouse-paper-settle-grid">
             <article>
               <span>标准成品数量</span>
               <strong>{{ formatQty(completionExpectedFinishedQty) }}</strong>
@@ -1568,7 +1604,7 @@
               </strong>
             </article>
           </div>
-          <label v-if="completionForm.settle_work_order && completionSettleNeedsRemark" class="form-field">
+          <label v-if="completionForm.settle_work_order && completionSettleNeedsRemark" class="warehouse-paper-field warehouse-paper-field-full warehouse-paper-settle-remark">
             <span>结单说明</span>
             <textarea
               v-model.trim="completionForm.settle_remark"
@@ -1609,7 +1645,7 @@
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
 
         <WarehouseDocumentSection index="01" title="销售出库信息">
-        <div class="workflow-mode-switch delivery-mode-switch" role="tablist" aria-label="销售出库方式">
+        <div class="workflow-mode-switch delivery-mode-switch sales-delivery-mode-panel" role="tablist" aria-label="销售出库方式">
           <button
             class="workflow-mode-option"
             :class="{ active: isSalesOrderDelivery }"
@@ -1638,8 +1674,8 @@
           </button>
         </div>
 
-        <div v-if="deliveryForm.delivery_mode === 'SALES_ORDER'" class="double-field">
-          <label class="form-field">
+        <div v-if="deliveryForm.delivery_mode === 'SALES_ORDER'" class="warehouse-paper-control-grid sales-delivery-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>关联销售订单</span>
             <select v-model.number="deliveryForm.sales_order_id" required @change="applySalesOrderDefaults">
               <option disabled value="">请选择销售订单</option>
@@ -1648,7 +1684,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>销售订单明细</span>
             <select v-model.number="deliveryForm.sales_order_item_id" required @change="applySalesOrderItemDefaults">
               <option disabled value="">请选择订单明细</option>
@@ -1659,8 +1695,8 @@
           </label>
         </div>
 
-        <div class="triple-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid sales-delivery-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>发货产品</span>
             <select v-model.number="deliveryForm.product_item_id" required :disabled="isSalesOrderDelivery && Boolean(deliveryForm.sales_order_item_id)">
               <option disabled value="">请选择产品</option>
@@ -1669,7 +1705,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>发货仓</span>
             <select v-model.number="deliveryForm.warehouse_id" required>
               <option disabled value="">请选择仓库</option>
@@ -1678,7 +1714,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>发货数量</span>
             <input
               v-model.number="deliveryForm.delivery_qty"
@@ -1689,10 +1725,8 @@
               :max="isSalesOrderDelivery && selectedSalesOrderItem ? orderItemPendingQty(selectedSalesOrderItem) : undefined"
             />
           </label>
-        </div>
 
-        <div class="triple-field">
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>收货客户</span>
             <select v-model.number="deliveryForm.customer_id" required :disabled="isSalesOrderDelivery" @change="applyDeliveryCustomerDefaults">
               <option disabled value="">请选择客户</option>
@@ -1701,7 +1735,7 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>发货人</span>
             <select v-model.number="deliveryForm.shipper_employee_id">
               <option value="">请选择</option>
@@ -1710,64 +1744,58 @@
               </option>
             </select>
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>收货人</span>
             <input v-model.trim="deliveryForm.consignee_name" type="text" />
           </label>
-        </div>
 
-        <div class="double-field">
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>联系电话</span>
             <input v-model.trim="deliveryForm.consignee_phone" type="text" />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>送货地址</span>
             <input v-model.trim="deliveryForm.delivery_address" type="text" />
           </label>
         </div>
 
-        <div class="triple-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid sales-delivery-paper-grid">
+          <label class="warehouse-paper-field">
             <span>运单号</span>
             <input v-model.trim="deliveryForm.waybill_no" type="text" placeholder="可填运单号，或上传辅助照片" />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>运费</span>
             <input v-model.number="deliveryForm.freight_amount" type="number" min="0" step="0.01" required />
           </label>
-          <div class="form-field upload-form-field">
+          <div class="warehouse-paper-field warehouse-paper-upload-field">
             <span>辅助照片</span>
             <label
-              class="modern-upload-pill"
+              class="warehouse-paper-upload"
               :class="{ 'is-uploaded': deliveryForm.order_photo_url, 'is-busy': logisticsPhotoUploading }"
             >
               <input
-                class="modern-upload-input"
                 type="file"
                 accept="image/*"
                 :disabled="logisticsPhotoUploading"
                 @change="handleLogisticsPhotoUpload(deliveryForm, $event)"
               />
-              <span class="modern-upload-icon" aria-hidden="true">{{ deliveryForm.order_photo_url ? "✓" : "↑" }}</span>
+              <b aria-hidden="true">{{ deliveryForm.order_photo_url ? "✓" : "↑" }}</b>
               <strong>{{ logisticsPhotoUploading ? "上传中..." : deliveryForm.order_photo_url ? "已上传辅助照片" : "上传辅助照片" }}</strong>
             </label>
-            <small v-if="deliveryForm.order_photo_url" class="modern-upload-note">已上传，可代替运单号</small>
           </div>
-        </div>
 
-        <div class="double-field">
-          <label class="form-field">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
             <span>包装备注</span>
             <input v-model.trim="deliveryForm.remark" type="text" placeholder="有无提供篮子等" />
           </label>
         </div>
 
-        <div class="subsection-head">
+        <div class="document-inline-summary sales-delivery-allocation-summary">
           <strong>自动销售出库明细</strong>
           <span class="panel-tag">可发 {{ formatQty(totalAvailableQty) }}，本次拆分 {{ formatQty(totalAllocatedQty) }}</span>
         </div>
-        <div class="table-wrap">
+        <div class="table-wrap warehouse-paper-source-lot-table sales-delivery-allocation-table">
           <table class="data-table compact-table">
             <thead>
               <tr>
@@ -1825,35 +1853,39 @@
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
 
         <WarehouseDocumentSection index="01" title="返工出库信息">
-        <label class="form-field">
-          <span>待返工退货明细</span>
-          <select v-model.number="returnReworkForm.return_item_id" required>
-            <option disabled value="">请选择待返工退货明细</option>
-            <option v-for="item in pendingReturnItems" :key="item.return_item_id" :value="item.return_item_id">
-              {{ formatReturnReworkItemLabel(item) }}
-            </option>
-          </select>
-        </label>
+        <div class="warehouse-paper-control-grid return-rework-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-wide">
+            <span>待返工退货明细</span>
+            <select v-model.number="returnReworkForm.return_item_id" required>
+              <option disabled value="">请选择待返工退货明细</option>
+              <option v-for="item in pendingReturnItems" :key="item.return_item_id" :value="item.return_item_id">
+                {{ formatReturnReworkItemLabel(item) }}
+              </option>
+            </select>
+          </label>
+        </div>
 
-        <div class="feedback-banner">
+        <div class="document-inline-summary return-rework-trace-summary">
           {{ selectedReturnReworkItem ? formatReturnTraceSummary(selectedReturnReworkItem) : "请选择退货明细，系统会按退货库锁定批次办理返工出库。" }}
         </div>
 
-        <div class="double-field">
-          <label class="form-field">
+        <div class="warehouse-paper-control-grid return-rework-paper-grid">
+          <label class="warehouse-paper-field">
             <span>额外人工成本</span>
             <input v-model.number="returnReworkForm.extra_cost_amount" type="number" min="0" step="0.01" />
           </label>
-          <label class="form-field">
+          <label class="warehouse-paper-field">
             <span>返工重量(kg)</span>
             <input :value="selectedReturnReworkItem ? formatWeight(selectedReturnReworkItem.return_weight_kg) : '-'" type="text" disabled />
           </label>
         </div>
 
-        <label class="form-field">
-          <span>备注</span>
-          <textarea v-model.trim="returnReworkForm.remark" rows="3"></textarea>
-        </label>
+        <div class="warehouse-paper-control-grid return-rework-paper-grid">
+          <label class="warehouse-paper-field warehouse-paper-field-full">
+            <span>备注</span>
+            <textarea v-model.trim="returnReworkForm.remark" rows="3"></textarea>
+          </label>
+        </div>
 
         </WarehouseDocumentSection>
 
@@ -2040,21 +2072,23 @@
         <div v-if="feedbackMessage" class="feedback-banner">{{ feedbackMessage }}</div>
         <div v-if="errorMessage" class="feedback-banner error-banner">{{ errorMessage }}</div>
         <WarehouseDocumentSection index="01" title="生产台账入库结算信息">
-        <div class="workflow-tip">
+        <div class="document-inline-summary production-ledger-inbound-tip">
           选择生产台账后，系统按领料重量、单件毛重和已入库成品数量填入理论余料、理论废料。理论值只是辅助参考，实际称重可修改；偏差超过上下15%时需要填写说明。
         </div>
 
-        <label class="form-field">
-          <span>生产台账</span>
-          <select v-model.number="selectedInboundWorkOrderId" required @change="loadProductionWorkOrderInboundPreview">
-            <option disabled value="">请选择在生产的生产台账</option>
-            <option v-for="workOrder in openProductionWorkOrders" :key="workOrder.work_order_id" :value="workOrder.work_order_id">
-              {{ formatProductionWorkOrderInboundOption(workOrder) }}
-            </option>
-          </select>
-        </label>
+        <div class="document-control-grid production-ledger-inbound-paper-grid">
+          <label class="document-paper-field document-paper-field-wide">
+            <span>生产台账</span>
+            <select v-model.number="selectedInboundWorkOrderId" required @change="loadProductionWorkOrderInboundPreview">
+              <option disabled value="">请选择在生产的生产台账</option>
+              <option v-for="workOrder in openProductionWorkOrders" :key="workOrder.work_order_id" :value="workOrder.work_order_id">
+                {{ formatProductionWorkOrderInboundOption(workOrder) }}
+              </option>
+            </select>
+          </label>
+        </div>
 
-        <div v-if="productionWorkOrderInboundPreview" class="warehouse-paper-summary-grid">
+        <div v-if="productionWorkOrderInboundPreview" class="warehouse-paper-summary-grid production-ledger-inbound-summary">
           <article class="warehouse-paper-summary-card warehouse-paper-summary-card-wide"><span>生产台账</span><strong>{{ productionWorkOrderInboundPreview.material_lot_no }} · {{ productionWorkOrderInboundPreview.product_name }}</strong></article>
           <article class="warehouse-paper-summary-card"><span>产品</span><strong>{{ productionWorkOrderInboundPreview.product_name }}</strong></article>
           <article class="warehouse-paper-summary-card"><span>材料库存批次号</span><strong>{{ productionWorkOrderInboundPreview.material_lot_no }}</strong></article>
@@ -2067,8 +2101,8 @@
           <article class="warehouse-paper-summary-card"><span>已入库废料</span><strong>{{ formatWeight(productionWorkOrderInboundPreview.scrap_inbound_weight_kg) }}</strong></article>
         </div>
 
-        <div class="triple-field">
-          <label class="form-field">
+        <div class="document-control-grid production-ledger-inbound-paper-grid">
+          <label class="document-paper-field">
             <span>成品入库数量</span>
             <input
               v-model.number="productionWorkOrderInboundForm.finished_qty"
@@ -2078,31 +2112,36 @@
               @input="handleProductionWorkOrderInboundFinishedQtyInput"
             />
           </label>
-          <label class="form-field">
+          <label class="document-paper-field">
             <span>余料入库重量(kg)</span>
             <input v-model.number="productionWorkOrderInboundForm.surplus_weight_kg" type="number" min="0" step="0.001" />
           </label>
-          <label class="form-field">
+          <label class="document-paper-field">
             <span>废料重量(kg)</span>
             <input v-model.number="productionWorkOrderInboundForm.scrap_weight_kg" type="number" min="0" step="0.001" />
           </label>
         </div>
 
-        <div v-if="productionWorkOrderInboundPreview" class="drawer-row-detail-grid">
-          <article><span>理论余料</span><strong>{{ formatWeight(productionWorkOrderInboundPreview.theoretical_surplus_weight_kg) }}</strong></article>
-          <article><span>理论废料</span><strong>{{ formatWeight(productionWorkOrderInboundPreview.theoretical_scrap_weight_kg) }}</strong></article>
-          <article><span>已归还余料</span><strong>{{ formatWeight(productionWorkOrderInboundPreview.surplus_inbound_weight_kg) }}</strong></article>
-          <article><span>库外未闭环重量</span><strong>{{ formatWeight(productionWorkOrderInboundPreview.outside_weight_kg) }}</strong></article>
+        <div v-if="productionWorkOrderInboundPreview" class="warehouse-paper-summary-grid production-ledger-inbound-metrics">
+          <article class="warehouse-paper-summary-card"><span>理论余料</span><strong>{{ formatWeight(productionWorkOrderInboundPreview.theoretical_surplus_weight_kg) }}</strong></article>
+          <article class="warehouse-paper-summary-card"><span>理论废料</span><strong>{{ formatWeight(productionWorkOrderInboundPreview.theoretical_scrap_weight_kg) }}</strong></article>
+          <article class="warehouse-paper-summary-card"><span>已归还余料</span><strong>{{ formatWeight(productionWorkOrderInboundPreview.surplus_inbound_weight_kg) }}</strong></article>
+          <article class="warehouse-paper-summary-card"><span>库外未闭环重量</span><strong>{{ formatWeight(productionWorkOrderInboundPreview.outside_weight_kg) }}</strong></article>
         </div>
 
-        <label class="form-field checkbox-field">
-          <input v-model="productionWorkOrderInboundForm.settle_work_order" type="checkbox" />
-          <span>本次入库后该批材料结单</span>
-        </label>
-        <label class="form-field">
-          <span>备注</span>
-          <textarea v-model.trim="productionWorkOrderInboundForm.remark" rows="3"></textarea>
-        </label>
+        <div class="warehouse-paper-settle-panel production-ledger-inbound-settle-panel">
+          <label class="warehouse-paper-settle-toggle">
+            <input v-model="productionWorkOrderInboundForm.settle_work_order" type="checkbox" />
+            <span class="settle-dot" aria-hidden="true"></span>
+            <strong>本次入库后该批材料结单</strong>
+          </label>
+        </div>
+        <div class="document-control-grid production-ledger-inbound-paper-grid production-ledger-inbound-remark">
+          <label class="document-paper-field document-paper-field-full">
+            <span>备注</span>
+            <textarea v-model.trim="productionWorkOrderInboundForm.remark" rows="3"></textarea>
+          </label>
+        </div>
 
         </WarehouseDocumentSection>