/* 商品卡悬浮仓库说明 —— 样式（与 wh_popup.js 配套） */
.wh-pop {
  position: fixed; z-index: 99999; width: 430px; max-width: calc(100vw - 24px);
  background: #fff; border: 1px solid #b8d4ff; border-radius: 4px;
  box-shadow: 0 8px 28px rgba(31, 86, 168, .18);
  padding: 12px 14px 11px; font: 13px/1.7 -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #333; opacity: 0; visibility: hidden; transform: translateY(4px);
  transition: opacity .12s, transform .12s, visibility .12s; pointer-events: none;
}
.wh-pop.is-show { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.wh-pop__arrow {
  position: absolute; width: 10px; height: 10px; background: #fff;
  border-left: 1px solid #b8d4ff; border-top: 1px solid #b8d4ff; transform: rotate(45deg);
}
.wh-head { font-size: 13px; font-weight: 700; color: #222; margin-bottom: 8px; }
.wh-head__id { font-size: 11px; font-weight: 400; color: #9aa3b0; margin-left: 6px; }
.wh-row { display: flex; gap: 7px; }
.wh-row + .wh-row { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eef1f5; }
.wh-row__ic { flex: 0 0 14px; margin-top: 2px; font-size: 12px; line-height: 1.3; text-align: center; }
.ic-time { color: #e4393c; }
.ic-stop { color: #e4393c; }
.ic-note { color: #ff7a00; }
.ic-addr { color: #2f6fd0; }
.wh-row__b { flex: 1; min-width: 0; }
.wh-row__t { font-size: 13px; font-weight: 700; color: #222; margin-bottom: 2px; }
.wh-line { font-size: 12px; line-height: 1.75; color: #333; word-break: break-all; }
.wh-line b { color: #e4393c; font-weight: 700; }
.wh-muted { color: #8a8f99; }
.wh-tag { display: inline-block; font-size: 11px; line-height: 15px; padding: 0 4px; border-radius: 2px; margin-right: 4px; }
.wh-tag--stop { background: #fdecec; color: #d93026; }
.wh-tag--add  { background: #eaf3ff; color: #2f6fd0; }
.wh-addr { color: #2f6fd0; border-bottom: 1px solid #2f6fd0; padding-bottom: 1px; cursor: pointer; }
.wh-loading { padding: 10px 2px; font-size: 12px; color: #9aa3b0; }
.card.is-wh-open { box-shadow: 0 0 0 1px #e4393c, 0 6px 18px rgba(228, 57, 60, .12); }
@media (max-width: 640px) { .wh-pop { width: calc(100vw - 24px); } }