/* =========================================================================
   /common/picker.css — 工作台公共件 §15：搜索下拉（单选 / 多选）
   视觉对齐：供应链工作台「物料录入下拉」.wl-sug（2026-09-23 文哥定：统一 / 抽公共库）
     浮动层 position:fixed、白底、1px 边框、圆角 8px、阴影 0 6px 20px rgba(0,0,0,.12)、
     max-height:240px；列表项 padding:6px 10px / font-size:13px / nowrap+省略号；hover #eef2ff；选中高亮。
   行为见 /common/picker.js
   ========================================================================= */
.pk { position: relative; }

/* 输入框外壳（单行输入；多选时内部并排 chips，自动换行长高） */
.pk-box {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px;
  min-height: 32px; box-sizing: border-box;
  border: 1px solid #d9dbe0; border-radius: 6px; background: #fff;
  padding: 2px 6px; cursor: text;
}
.pk-box:focus-within { border-color: var(--brand, #0033ff); }
.pk-chips { display: flex; flex-wrap: wrap; gap: 4px; }

/* 多选标签 chip */
.pk-chip {
  display: inline-flex; align-items: center; gap: 3px;
  background: #eef2ff; color: #2743c6; border-radius: 4px; padding: 1px 6px;
  font-size: 12px; white-space: nowrap;
}
.pk-chip .pk-x { color: #8a93a6; cursor: pointer; font-style: normal; }
.pk-chip .pk-x:hover { color: #d23b3b; }

/* 内嵌输入框：中和页面级 input 样式 */
.pk-input {
  flex: 1 1 80px; min-width: 60px; height: 26px !important; box-sizing: border-box;
  border: none !important; outline: none !important; box-shadow: none !important;
  background: transparent !important; padding: 0 2px !important;
  font-size: 13px; font-family: inherit; color: inherit;
}
.pk-input::placeholder { color: #999; }

/* 浮动层：挂 body、fixed 定位（不受容器 overflow 裁剪）；与 .wl-sug 一致 */
.pk-pop {
  position: fixed; z-index: 1000000; width: 320px; max-width: calc(100vw - 16px); max-height: 240px; overflow-y: auto;
  pointer-events: auto;   /* 挂 .drawer-mask（pointer-events:none）内时仍可点击 */
  background: #fff; border: 1px solid #e3e8f0; border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,.12); display: none;
}
.pk-pop.show { display: block; }
.pk-item {
  display: flex; align-items: center; gap: 6px; padding: 6px 10px; font-size: 13px;
  cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pk-item:hover { background: #eef2ff; }
.pk-item.on { background: #eef2ff; color: #2743c6; }
.pk-item input { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; flex: 0 0 auto; }
.pk-item .pk-lbl { overflow: hidden; text-overflow: ellipsis; }
.pk-item .pk-sub { color: #8a93a6; font-size: 12px; }
.pk-empty { padding: 6px 10px; color: #999; font-size: 12.5px; }