/* ============================================================
 *  全局控件底色（F10 · 2026-09-20）
 *
 *  为什么单独一个文件：style.css 全站共用且有并行会话的未提交改动，
 *  不往里混；22 个模板各自独立，逐个插 <link> 既易漏又要动别人的热区。
 *  本文件由 auth.py 的 after_request 统一注入到每个 HTML 响应的 <head>
 *  （static/design_board.html 走 /static/ 直出、不经渲染，故自带同样的两行）。
 *
 *  治的是什么：Windows / WebView2 深色模式下，浏览器把原生表单控件
 *  （下拉的展开面板、datalist 候选弹层、日期选择器）画成黑底黑字，
 *  用户看到的就是"点开一片黑、字看不见"。`color-scheme: light` 让原生
 *  弹层回到浅色配色，下面的显式底色管住那些跟着系统走的浏览器。
 *  不用 !important：真需要更深色的控件（如板卡里的透明底）由页面自己
 *  在后面覆盖，优先级天然更高。
 * ============================================================ */

html {
  color-scheme: light;
}

select,
select option,
select optgroup,
datalist,
datalist option {
  background-color: #fff;
  color: #1a1a1a;
}

input[type="text"], input[type="number"], input[type="date"],
input[type="search"], input[type="tel"], input[type="email"], textarea {
  background-color: #fff;
  color: #1a1a1a;
}

/* 自动填充底色：国家/型号/控制系统/主机位置/款式/品牌这类高频重填框，
   WebView2(Chromium) 会记住并自动填充，套上 :-webkit-autofill 的 UA 底色。
   深色模式下那是"黑底白字"，且优先级高于上面的 background-color，所以
   这些框单独变黑。只能靠 inset box-shadow 盖 + -webkit-text-fill-color 强制字色。 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #1a1a1a !important;
  background-color: #fff !important;
  color: #1a1a1a !important;
}

/* 自绘的"下拉/候选"面板（不是原生 select）同样得是白底黑字
   —— .color-panel：排产页取色板；.bd-pop：采购看板部件弹窗 */
.color-panel,
.bd-pop {
  background-color: #fff;
  color: #1a1a1a;
}