/* ============================================================
   生产组门户 四期 F（2026-09-13）：全局统一 年/月 滚轮选择器（共享组件）
   老大要求：所有年月选择做成滚轮，年份当前年±30（1996~2056），默认当前年/月，
   与投诉页既有滚轮风格统一。视觉令牌与投诉页 .cc-wheel 同族：
   纸底 / 34px 行高 / 三行视窗 / 中央高亮带 / 上下渐隐。
   用法：给 <select> 加 data-wheel（值可写宽度如 "110px"，缺省年 104px / 月 92px），
   并引入本 css 与 wheel.js；wheel.js 把 select 替换为滚轮 UI，
   原 select 保留在 DOM（隐藏）承载 name/value 提交，表单协议不变。
   ============================================================ */
.pw-box {
  position: relative;
  width: var(--pw-w, 104px);
  height: 102px;                 /* 3 行 × 34px */
  border: 1px solid var(--pw-line, rgba(26, 22, 23, 0.18));
  border-radius: 10px;
  background: var(--pw-bg, #fffdf9);
  overflow: hidden;
  vertical-align: top;
}
.pw-box.is-disabled { opacity: 0.38; pointer-events: none; }
.pw-vp {
  height: 100%;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.pw-vp::-webkit-scrollbar { display: none; }
.pw-vp:focus-visible { outline: 2px solid #076646; outline-offset: -2px; border-radius: 10px; }
.pw-vp ul { list-style: none; margin: 0; padding: 34px 0; }  /* 上下各留一项，首尾项可滚到中央 */
.pw-vp li {
  height: 34px; line-height: 34px; text-align: center;
  font-size: 13.5px; color: rgba(26, 22, 23, 0.52);
  scroll-snap-align: center; cursor: pointer; white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.pw-vp li.is-sel { color: var(--pw-ink, #1a1617); font-weight: 700; }
.pw-hl {
  position: absolute; left: 0; right: 0; top: 34px; height: 34px;
  border-top: 1px solid rgba(7, 102, 70, 0.35);
  border-bottom: 1px solid rgba(7, 102, 70, 0.35);
  background: rgba(7, 102, 70, 0.06);
  pointer-events: none;
}
.pw-box::before, .pw-box::after {
  content: ""; position: absolute; left: 0; right: 0; height: 34px;
  pointer-events: none; z-index: 1;
}
.pw-box::before { top: 0; background: linear-gradient(var(--pw-bg, #fffdf9), rgba(255, 253, 249, 0)); }
.pw-box::after { bottom: 0; background: linear-gradient(rgba(255, 253, 249, 0), var(--pw-bg, #fffdf9)); }
/* 原 select 由 wheel.js 接管后隐藏（保留在表单里承载 name/value，提交协议不变） */
select.pw-native-hidden { display: none !important; }
/* 行内小尺寸场景（表格单元格内）：宽度随容器 */
.pw-box.pw-fluid { width: 100%; }
