docs(design): 单据状态徽章图标化 + 移动出入库列表补 KPI 卡/新增按钮进搜索行

- atoms.css 徽章新增两变体并登记 index.html：.bi 代表性图标替代圆点（桌面），
  .ico 纯图标紧凑徽章（移动卡片，22px 圆）
- 图标映射：草稿=文件 待审核=时钟 已审核=勾 已拒绝=叉 退单=撤回箭头(i-undo 新增
  lucide undo-2，原型/官网 sprite 两端同步) 待定价=价签
- 桌面 stock-in/out-list 表格与抽屉状态徽章圆点 → 图标
- 移动 m-stock-*-list：卡片徽章改纯图标横排（解决竖排文字徽章过大）；详情 sheet
  用图标+文字徽章；FAB 移除，「新增」primary 按钮放搜索框旁；补 2×2 KPI 卡
  （近30天笔数/金额 + 待审核/草稿 点击筛选，对齐桌面滚动窗口径）

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o

.superpowers/prototype/atoms.css

@@ -71,6 +71,11 @@ svg{fill:none; stroke:currentColor;}
 /* ---- 状态徽章 ---- */
 .badge{display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 9px; border-radius:var(--r-pill); font-size:var(--fs-sm); font-weight:600;}
 .badge::before{content:""; width:6px; height:6px; border-radius:50%; background:currentColor;}
+/* 徽章图标化（2026-07-04）：.bi=代表性图标替代圆点（桌面）；.ico=纯图标紧凑徽章（移动卡片） */
+.badge.bi::before, .badge.ico::before{content:none;}
+.badge .ic{width:12px; height:12px; stroke-width:2.2;}
+.badge.ico{width:22px; padding:0; justify-content:center; gap:0;}
+.badge.ico .ic{width:13px; height:13px;}
 .b-在售{background:var(--success-bg); color:var(--success);}
 .b-缺货{background:var(--danger-bg); color:var(--danger);}
 .b-预警{background:var(--warn-bg); color:var(--warn);}