/* 供应链三个模块（货品管理 / 供应商管理 / 补货参谋，含生产路线编辑器）换到《中台设计规范》v3（2026-09-23；v2 9/24 补上补货参谋卡片、按钮对齐）
   这三个模块刚上线、功能在用，不重写脚本，只把它们共用的 hk-ui.v8.css 按新规范重新定尺寸、间距、圆角、字重。
   它们的样式文件是脚本后加载的，所以这里的选择器都多加一层 body，保证盖得住。 */

/* 页面外壳：不要边框和底色，留白和新规范页面一致 */
body .hk-page { background: transparent; border: 0; border-radius: 0; padding: 28px 32px 64px; max-width: 1400px; }
body .hk-head { margin-bottom: 24px; align-items: flex-end; gap: 20px; }
body .hk-head h1 { font-size: 24px; line-height: 1.35; font-weight: 600; color: #1d1f1c; }
body .hk-head p { margin-top: 6px; font-size: 13px; color: #80867d; }
body .rb7-head { margin-bottom: 24px; }
body .rb7-head h1 { font-size: 24px; font-weight: 600; color: #1d1f1c; }
body .rb7-head p { font-size: 13px; color: #80867d; }

/* 分段控件：灰槽 + 白色选中块 */
body .hk-seg { background: #e3e5e0; border-radius: 9px; padding: 2px; gap: 0; }
body .hk-ui .hk-seg button { height: 30px; padding: 0 12px; border-radius: 7px; font-size: 13px; font-weight: 400; color: #3d423b; }
body .hk-ui .hk-seg button:hover { background: transparent; color: #1d1f1c; }
body .hk-ui .hk-seg button.is-active { background: #fff; color: #1d1f1c; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10); }

/* 工具条、输入框、按钮 */
body .hk-toolbar { gap: 12px; margin-bottom: 20px; }
body .hk-ui input, body .hk-ui select, body .hk-ui textarea { border-color: #c4c8c0; border-radius: 8px; }
body .hk-ui input:focus, body .hk-ui select:focus, body .hk-ui textarea:focus { border-color: #3a7f4f; box-shadow: 0 0 0 3px rgba(58, 127, 79, 0.14); }
body .hk-ui .hk-search, body .hk-ui .hk-select { height: 34px; }
body .hk-ui .hk-btn { height: 34px; padding: 0 14px; border-radius: 8px; border-color: #c4c8c0; font-size: 13px; font-weight: 500; }
body .hk-ui .hk-btn:hover { background: #f7f8f6; border-color: #c4c8c0; }
body .hk-ui .hk-btn.is-primary { background: #2f3d2b; border-color: #2f3d2b; }
body .hk-ui .hk-btn.is-primary:hover { background: #3a4a35; border-color: #3a4a35; }
body .hk-ui .hk-btn.is-sm { height: 28px; font-size: 12px; }
body .hk-ui .hk-link { color: #2f3d2b; font-weight: 500; }
body .hk-ui .hk-chip { height: 30px; padding: 0 12px; border-color: #c4c8c0; font-size: 13px; font-weight: 400; color: #3d423b; }
body .hk-ui .hk-chip:hover { background: #f7f8f6; }
body .hk-ui .hk-chip.is-active { background: #e6ebe3; border-color: #2f3d2b; color: #1d1f1c; font-weight: 600; }
body .hk-chips { gap: 6px; }
body .hk-summary { gap: 20px; margin-bottom: 12px; font-size: 13px; color: #80867d; }
body .hk-summary b { font-size: 15px; font-weight: 600; }

/* 表格：白色圆角块，无边框；行高放宽 */
body .hk-table-wrap { border: 0; border-radius: 12px; }
body .hk-table th { background: #fff; color: #80867d; font-weight: 500; padding: 12px 14px; border-bottom-color: #e3e5e0; }
body .hk-table td { padding: 12px 14px; border-bottom-color: #e3e5e0; }
body .hk-table tbody tr:hover td { background: #f7f8f6; }
body .hk-table tfoot td { background: #f7f8f6; font-weight: 600; border-top-color: #e3e5e0; }
body .hk-table th.grp, body .hk-table td.grp { border-left-color: #e3e5e0; }
body .hk-table tr.hk-group td { background: #f7f8f6; font-weight: 600; color: #3d423b; }
body .hk-code { font-weight: 600; color: #1d1f1c; }
body .hk-name { font-size: 12px; color: #80867d; }
body .hk-thumb, body .hk-thumb-box { border-radius: 8px; background: #f7f8f6; }

/* 标签：去边框，浅底 + 状态色字 */
body .hk-tag { height: auto; line-height: 1.5; padding: 1px 7px; border: 0; border-radius: 5px; background: #f7f8f6; color: #3d423b; font-size: 11px; font-weight: 500; }
body .hk-tag.is-red { background: #fbeae7; color: #c0392b; }
body .hk-tag.is-amber { background: #fbf1dc; color: #a26a00; }
body .hk-tag.is-blue { background: #e6ebe3; color: #2f3d2b; }
body .hk-tag.is-green { background: #e5f3ea; color: #2e7d4f; }
body .hk-tag.is-grey { background: #f7f8f6; color: #80867d; }
body .hk-bar-track { height: 8px; background: #f7f8f6; border-radius: 4px; }
body .hk-bar-fill { background: #3a7f4f; }
body .hk-ui .neg { font-weight: 600; }

/* 提示条 */
body .hk-notice { border: 0; border-radius: 12px; padding: 14px 20px; margin-bottom: 20px; font-size: 13px; }
body .hk-warn { border: 0; border-radius: 12px; padding: 14px 20px; margin-bottom: 20px; font-size: 13px; background: #fbf1dc; color: #6d4a00; }
body .hk-warn.is-red { background: #fbeae7; color: #8c2a1f; }

/* 卡片视图 */
body .hk-cards, body .gd-grid, body .rb-grid { gap: 20px; }
body .hk-card, body .gd-card, body .rb-card { border: 0; border-radius: 12px; padding: 18px 20px; }
body .hk-card.is-overdue, body .gd-card.is-overdue { box-shadow: inset 3px 0 0 #c0392b; }
body .hk-eq, body .rb-stats { background: #f7f8f6; border-radius: 8px; padding: 10px 12px; }
body .gd-card-media { border-radius: 8px; background: #f7f8f6; }
body .gd-code, body .gd-size label { font-weight: 600; color: #1d1f1c; }
body .rb-card { gap: 16px; }
body .rb-qty b { color: #1d1f1c; font-weight: 600; }
body .rb-adv { border-left: 0; background: #e6ebe3; border-radius: 8px; padding: 12px 16px; }
body .rb-adv.is-stale { background: #f7f8f6; }
body .rb-why { background: #f7f8f6; border: 0; border-radius: 8px; padding: 12px 16px; }

/* 侧拉面板 */
body .hk-drawer { background: rgba(29, 31, 28, 0.36); }
body .hk-drawer-card { background: #f2f3f1; box-shadow: -12px 0 32px rgba(0, 0, 0, 0.14); }
body .hk-drawer-head { padding: 20px 28px; border-bottom-color: #e3e5e0; }
body .hk-drawer-head h2 { font-size: 17px; font-weight: 600; color: #1d1f1c; }
body .hk-drawer-body { padding: 24px 28px 28px; }
body .hk-drawer-foot { padding: 14px 28px; border-top-color: #e3e5e0; }
body .hk-sec { border: 0; border-radius: 12px; padding: 20px; margin-bottom: 20px; }
body .hk-sec-head { margin-bottom: 14px; }
body .hk-sec-head h3, body .hk-fold > summary h3 { font-size: 15px; font-weight: 600; color: #1d1f1c; }
body .hk-kv { gap: 12px; }
body .hk-kv div { background: #f7f8f6; border-radius: 8px; padding: 12px 14px; }
body .hk-kv strong { font-weight: 600; }
body .hk-form-grid { gap: 16px 20px; }
body .hk-form-grid label > span:first-child, body .hk-lbl { font-weight: 500; font-size: 13px; }
body .hk-ui .hk-form-grid input, body .hk-ui .hk-form-grid select { height: 36px; }
body .hk-size-wrap, body .hk-rt-wrap { border-color: #e3e5e0; border-radius: 12px; }
body .hk-size-table th, body .hk-rt th { background: #fff; font-weight: 500; }
body .hk-size-table .tot { font-weight: 600; }
body .hk-total b { color: #1d1f1c; font-weight: 600; }
body .hk-list li { padding: 12px 0; border-bottom-color: #e3e5e0; }
body .hk-ui .hk-pill { height: 34px; border-color: #c4c8c0; border-radius: 8px; }
body .hk-ui .hk-pill:has(input:checked) { background: #e6ebe3; border-color: #2f3d2b; color: #1d1f1c; }
body .hk-ui .hk-picker-item { border-color: #e3e5e0; border-radius: 8px; }
body .hk-step.done i, body .hk-step.cur i { border-color: #3a7f4f; }
body .hk-step.done i { background: #3a7f4f; }

/* 供应商表 */
body .sup-table-wrap { border: 0; border-radius: 12px; }
body .sup-table th { background: #fff; color: #80867d; font-weight: 500; padding: 12px 14px; border-bottom-color: #e3e5e0; }
body .sup-table td { padding: 12px 14px; border-bottom-color: #e3e5e0; color: #1d1f1c; }

@media (max-width: 820px) {
  body .hk-page { padding: 18px 16px 48px; }
  body .hk-drawer-head, body .hk-drawer-foot { padding-left: 16px; padding-right: 16px; }
  body .hk-drawer-body { padding: 16px; }
  body .hk-cards, body .gd-grid, body .rb-grid { gap: 14px; }
}

/* ===== v2（9/24 TK：补货参谋卡片不对齐） ===== */

/* 按钮一律同高：全局有一条「按钮至少 44px」的旧规则，会把 <button> 撑得比 <a> 高 */
body .hk-ui button.hk-btn, body .hk-ui a.hk-btn {
  min-height: 0 !important;
  height: 34px !important;
  padding: 0 14px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-decoration: none;
}
body .hk-ui button.hk-btn.is-sm, body .hk-ui a.hk-btn.is-sm { height: 32px !important; font-size: 13px; }
body .hk-ui button.hk-btn:not(.is-primary) { background: #fff !important; color: #1d1f1c !important; border: 1px solid #c4c8c0 !important; }
body .hk-ui button.hk-btn.is-primary { background: #2f3d2b !important; color: #fff !important; border: 1px solid #2f3d2b !important; }
/* 文字按钮（注意事项、恢复分析、展开）：不要按钮的高度和内边距，和正文左边对齐 */
body .hk-ui button.hk-link {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #2f3d2b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
body .hk-ui button.hk-chip { min-height: 0 !important; }
body .hk-ui .hk-seg button { min-height: 0 !important; }

/* 补货参谋：顶部三个数连成一条白块 */
body .rb7 { max-width: 1400px; }
body .rb7-kpis { gap: 1px; background: #e3e5e0; border-radius: 12px; overflow: hidden; margin-bottom: 24px; }
body .rb7-kpi { border: 0; border-radius: 0; padding: 20px 24px; background: #fff; }
body .rb7-kpi span { font-size: 12px; color: #80867d; }
body .rb7-kpi b { font-size: 28px; font-weight: 600; color: #1d1f1c; margin-top: 2px; }
body .rb7-kpi b small { font-weight: 500; color: #80867d; }
body .rb7-bar { gap: 12px; margin-bottom: 24px; }

/* 补货卡片：同一行等高；每块内容从同一条左边线开始；按钮压在卡片底部，一行里的按钮在同一高度 */
body .rb7-grid { gap: 20px; align-items: stretch; }
body .rb7-card { display: flex; flex-direction: column; gap: 16px; border: 0; border-radius: 12px; padding: 20px; }
body .rb7-card.is-urgent { border: 0; }
body .rb7-top { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; align-items: start; }
body .rb7-top .hk-thumb { width: 88px; height: 88px; border-radius: 8px; background: #f7f8f6; object-fit: contain; }
body .rb7-title { gap: 8px; align-items: center; }
body .rb7-title .hk-name { font-size: 16px; font-weight: 600; color: #1d1f1c; line-height: 1.4; }
body .rb7-meta { font-size: 12px; color: #80867d; margin-top: 4px; }
body .rb7-qty { margin-top: 10px; gap: 4px 10px; }
body .rb7-qty b { font-size: 28px; font-weight: 600; color: #1d1f1c; }
body .rb7-qty .u { font-size: 13px; color: #80867d; }
body .rb7-when { font-size: 13px; color: #3d423b; }
body .rb7-when strong { color: #c0392b; font-weight: 600; }
body .rb7-sizes { gap: 8px; }
body .rb7-size { min-width: 60px; padding: 8px 10px; border-radius: 8px; background: #f7f8f6; }
body .rb7-size span { font-size: 12px; color: #80867d; }
body .rb7-size b { font-size: 15px; font-weight: 600; margin-top: 2px; }
body .rb7-why { font-size: 14px; line-height: 1.7; color: #1d1f1c; }
body .rb7-note { font-size: 13px; color: #6d4a00; background: #fbf1dc; border-radius: 8px; padding: 8px 12px; }
body .rb7-more { align-self: flex-start; }
body .rb7-risks { padding-left: 18px; font-size: 13px; line-height: 1.7; color: #3d423b; }
body .rb7-acts { margin-top: auto; padding-top: 4px; gap: 10px; }

/* 下面的「再看看 / 不补」列表 */
body .rb7-section { margin: 32px 0 12px 4px; font-size: 13px; font-weight: 500; color: #80867d; }
body .rb7-section small { color: #80867d; }
body .rb7-list { border: 0; border-radius: 12px; }
body .rb7-row { gap: 16px; padding: 14px 20px; border-bottom-color: #e3e5e0; }
body .rb7-row .hk-thumb { width: 44px; height: 44px; border-radius: 8px; background: #f7f8f6; object-fit: contain; }
body .rb7-row .hk-name { font-weight: 600; color: #1d1f1c; }
body .rb7-row p { color: #3d423b; }
body .rb7-row .d { color: #2f3d2b; }
body .rb7-fold { background: #f7f8f6; }

@media (max-width: 760px) {
  body .rb7-kpi { padding: 14px 16px; }
  body .rb7-kpi b { font-size: 22px; }
  body .rb7-grid { gap: 14px; }
  body .rb7-card { padding: 16px; }
  body .rb7-row { padding: 12px 16px; }
}