/* ============================================================================
   wh-theme.css —— 仓库版的配色。**只覆盖颜色变数,不改任何版面。**

   为什么分成两支档:
     `css/app.css` 和门市版那支**逐字元一样**(2026-09-05 从
     checkstock-pwa/css/app.css 原样复制)。版面/间距/圆角的修补以後两边可以互相搬,
     不用一行一行对。这一支只放「仓库版长得不一样」的那几个色票。
     ⇒ 要同步门市版的版面修补:直接覆盖 app.css,**不要碰这一支**。

   🚨 颜色不是装饰,是安全措施:
     两支 App 会并排躺在同一支手机的主屏幕上。长得一样 = 员工会点错,
     而点错之後画面**完全正常** —— 仓库的数字被盘进门市那一版,没有人会发现。
     门市 = 蓝色 #007AFF / 开口纸箱     仓库 = 青绿 #00857F / 货架
   ========================================================================== */
:root {
  --brand: #00857F;
  --brand-d: #006B66;
  --glass: rgba(0, 133, 127, .85);
  --tint: rgba(0, 133, 127, .10);
  --tint-line: rgba(0, 133, 127, .24);
}

@media (prefers-color-scheme: dark) {
  :root {
    --brand: #2CC5BD;
    --brand-d: #7FE0DA;
    --glass: rgba(16, 122, 117, .80);
    --tint: rgba(44, 197, 189, .20);
    --tint-line: rgba(44, 197, 189, .38);
  }
}

/* ---- 仓库版才有的两个东西 ------------------------------------------------ */

/* 「今天这间店已经送过一批了」的横条。
   仓库版一天会送**好几批**(门市版一天一张),所以员工非知道不可:
   刚才那一批送掉之後清单会清空,看起来就像什么都没盘过。 */
.sentbar {
  margin: 0 0 12px; padding: 10px 12px; border-radius: var(--r-sm);
  background: var(--tint); border: 1px solid var(--tint-line);
  font-size: 13px; line-height: 1.45; color: var(--ink);
}
.sentbar b { font-weight: 700 }
.sentbar .sub2 { color: var(--ink2); display: block; margin-top: 2px }

/* 「这支货在 Warehouse 2 也有」的提示。
   ⚠️ 这是仓库版真实踩过的洞:27 支货在 Warehouse 2 有量,而**没有员工绑得到那间**,
   同一支货主仓也有记录 ⇒ 员工找得到货、盘得进去,但记到错的位置,两边一起错而画面全正常。
   这条提示不能自作聪明帮他选,只能把事实摊出来让他自己判断。 */
.w2note {
  margin: 8px 0 0; padding: 9px 11px; border-radius: var(--r-sm);
  background: var(--warn-bg); border: 1px solid rgba(255, 149, 0, .34);
  font-size: 12.5px; line-height: 1.45; color: var(--warnc);
}
.w2note b { font-weight: 800 }