/* 我的数据 › 收发货（B2C 助理，2026-10-05）：ship.js 画的那一页。
   规矩：只用 tokens.css 的变量（UI 门禁拦裸色值和页内自定义变量），类名一律 .pship- 开头；红 / 橙只落在真有问题的单上；
   手机（≤640px）一列、按钮条横着滑，不出横向滚动条。 */
.pship-sec { margin: 18px 0 8px; }
.pship-lead { margin: 0 0 10px; font-size: var(--fs-xs); line-height: var(--lh-xs); color: var(--text-secondary); max-width: 900px; }
.pship-q { margin-left: 6px; color: var(--text-muted); border-bottom: 1px dotted var(--text-muted); cursor: help; white-space: nowrap; }
.pship-more, .pship-none { margin: 8px 0 0; font-size: var(--fs-xs); color: var(--text-muted); }
.pship-more a { color: var(--text-secondary); margin-left: 4px; }

/* 一眼：五个数里能点的（在路上 / 该到没到 / 到了还没发）点了筛下面的采购单 */
.pship .sqv-kpis { margin-top: 0; }

/* 筛选按钮条 */
.pship-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.pship-chip { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 12px; border: 1px solid var(--border);
  border-radius: var(--radius-full); background: var(--surface); color: var(--text-secondary); font-size: var(--fs-xs); cursor: pointer; white-space: nowrap; }
.pship-chip b { font-weight: var(--fw-semibold); color: var(--text-primary); }
.pship-chip:hover { border-color: var(--border-strong); }
.pship-chip:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.pship-chip.on { border-color: var(--accent); background: var(--accent-soft-bg); color: var(--accent-soft-fg); }
.pship-chip.warn b { color: var(--warning-fg); }
.pship-dot { width: 7px; height: 7px; border-radius: var(--radius-full); background: var(--warning-fg); display: inline-block; }

/* 采购单：按店长分组，一张单一张卡 */
.pship-gh { display: flex; align-items: center; gap: 8px; margin: 14px 0 6px; font-size: var(--fs-sm); color: var(--text-primary); }
.pship-gh em { font-style: normal; font-weight: 400; color: var(--text-muted); font-size: var(--fs-xs); }
.pship-gh .sqv-ico { color: var(--text-muted); }
.pship-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
.pship-po { min-width: 0; background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--border);
  border-radius: var(--radius-md); padding: 10px 12px 8px; display: flex; flex-direction: column; gap: 8px; }
.pship-po.warn { border-left-color: var(--warning-fg); }
.pship-po.bad { border-left-color: var(--danger-fg); }
.pship-po.done { background: var(--surface-sunken); }
.pship-po-h { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.pship-no { font-weight: var(--fw-semibold); color: var(--text-primary); text-decoration: none; font-variant-numeric: tabular-nums; }
.pship-no:hover { text-decoration: underline; }
.pship-day { font-size: var(--fs-xs); color: var(--text-muted); white-space: nowrap; }
.pship-flags { display: inline-flex; flex-wrap: wrap; gap: 4px; margin-left: auto; }
.pship-po-b { display: flex; gap: 8px; align-items: center; min-width: 0; }
.pship-img { width: 36px; height: 36px; flex: 0 0 36px; object-fit: cover; border-radius: var(--radius-sm); border: 1px solid var(--border-subtle); background: var(--surface-sunken); }
.pship-items { margin: 0; display: flex; flex-wrap: wrap; gap: 3px 6px; font-size: var(--fs-xs); line-height: var(--lh-xs); color: var(--text-secondary); min-width: 0; }
.pship-it { overflow-wrap: anywhere; }
.pship-it b { font-weight: var(--fw-semibold); color: var(--text-primary); }
.pship-it.part { color: var(--info-fg); }
.pship-it.more { color: var(--text-muted); }
.pship-it + .pship-it::before { content: "·"; margin-right: 6px; color: var(--text-muted); }
.pship-line { margin: 0; font-size: var(--fs-xs); line-height: var(--lh-xs); color: var(--text-secondary); overflow-wrap: anywhere; }
.pship-po.warn .pship-line { color: var(--warning-fg); }
.pship-po.bad .pship-line { color: var(--danger-fg); }

/* 三张短单子：今天到的 / 补发 / 退回 */
.pship-list { list-style: none; margin: 0; padding: 0; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); }
.pship-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 8px 12px;
  border-top: 1px solid var(--border-subtle); font-size: var(--fs-sm); min-width: 0; }
.pship-row:first-child { border-top: 0; }
/* 今天到了、有平台单在等：是该说一声的好消息，不是问题——用蓝不用橙（10-05 复查；放久了没发的在采购单卡上标橙） */
.pship-row.tell { background: var(--info-bg); }
.pship-row-m { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.pship-who { font-weight: var(--fw-semibold); color: var(--text-primary); }
.pship-who + small { font-size: var(--fs-xs); color: var(--text-muted); }
.pship-ord { font-size: var(--fs-xs); color: var(--text-secondary); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pship-sku { font-size: var(--fs-xs); color: var(--text-muted); overflow-wrap: anywhere; }
.pship-say { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-sm); color: var(--text-primary); }
.pship-row.tell .pship-say { color: var(--info-fg); font-weight: var(--fw-semibold); }
.pship-words { font-size: var(--fs-xs); color: var(--text-muted); overflow-wrap: anywhere; min-width: 0; }
.pship-words small { margin-right: 6px; }

/* 平台单那条链：几个带数的链接 */
.pship-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pship-link { display: inline-flex; align-items: baseline; gap: 6px; padding: 8px 14px; border: 1px solid var(--border); border-radius: var(--radius-md);
  background: var(--surface); color: var(--text-primary); text-decoration: none; font-size: var(--fs-sm); }
.pship-link:hover { border-color: var(--border-strong); background: var(--surface-hover); }
.pship-link b { font-size: 18px; font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }
.pship-link small { font-size: var(--fs-xs); color: var(--text-muted); }
.pship-link.warn small { color: var(--warning-fg); }

@media (max-width: 640px) {
  .pship-grid { grid-template-columns: minmax(0, 1fr); }
  .pship-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
  .pship-chips::-webkit-scrollbar { display: none; }
  .pship-flags { margin-left: 0; }
  .pship-row { padding: 8px 10px; }
  .pship-say { font-size: var(--fs-xs); }
  .pship-link { flex: 1 1 calc(50% - 8px); justify-content: space-between; padding: 8px 10px; }
}