/* 入库记录：手机单栏；电脑左边筛选和合计、右边按批卡片，明细按表格排。 */
.stockin-layout{display:grid;gap:0}
.stockin-side,.stockin-list{min-width:0}
.stockin-filters{display:grid;gap:14px}
.stockin-filters .field{margin-bottom:0}
.stockin-label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}
.stockin-pills{display:flex;gap:8px;flex-wrap:wrap}
.stockin-pills .pill-filter{min-height:40px;cursor:pointer}
.stockin-pills .pill-filter[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.stockin-dates{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px}
.stockin-dates input{min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--ink)}
.stockin-dates span{font-size:12px;color:var(--muted)}

.stockin-summary{background:var(--accent);color:var(--on-accent);border-radius:var(--r);padding:17px 18px 15px;margin-bottom:6px}
.stockin-loading{color:var(--accent-soft);font-size:13px}
.stockin-summary-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--accent-soft)}
.stockin-big{font-size:30px;font-weight:650;letter-spacing:-.04em;line-height:1.25}
.stockin-big small{font-size:14px;font-weight:500;margin-left:3px;letter-spacing:0;color:var(--accent-soft)}
.stockin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(248,250,244,.2)}
.stockin-stats small{display:block;font-size:11px;color:var(--accent-soft)}
.stockin-stats strong{display:block;font-size:19px;font-weight:600;margin-top:2px;overflow-wrap:anywhere}
.stockin-stats em{display:block;font-style:normal;font-size:10px;color:var(--accent-soft)}

.stockin-day{margin:14px 2px 8px}
.stockin-batch{margin-bottom:12px}
.stockin-head{display:flex;gap:12px;align-items:center;width:100%;padding:15px 16px;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.stockin-head:focus-visible,.stockin-row:focus-visible{outline:3px solid var(--bronze);outline-offset:-3px;border-radius:var(--r)}
.stockin-title{display:block;font-size:15px;font-weight:650;overflow-wrap:anywhere}
.stockin-meta{display:block;font-size:12px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.stockin-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.stockin-chips .chip{min-height:22px;padding:2px 8px}
.stockin-part{display:block;font-size:11px;color:var(--warn);margin-top:5px}
.stockin-side-count{flex:none;text-align:right}
.stockin-count{display:block;font-size:22px;font-weight:650;letter-spacing:-.03em;line-height:1.1}
.stockin-count small{font-size:12px;font-weight:500;color:var(--muted);margin-left:1px}
.stockin-time{display:block;font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap}
.stockin-chevron{transition:transform .18s ease}
.stockin-head[aria-expanded="true"] .stockin-chevron{transform:rotate(90deg)}

.stockin-detail{border-top:1px solid var(--border)}
.stockin-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:13px 16px;border-bottom:1px solid var(--border);font-size:12px}
.stockin-kv div{display:flex;justify-content:space-between;gap:10px;min-width:0}
.stockin-kv dt{color:var(--muted);flex:none}
.stockin-kv dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}
@media(max-width:420px){.stockin-kv{grid-template-columns:minmax(0,1fr)}}
.stockin-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"sym code price" "sym sub status";column-gap:11px;row-gap:2px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);color:var(--ink);text-decoration:none}
.stockin-row:last-child{border-bottom:0}
.stockin-row .item-symbol{grid-area:sym;width:36px;height:36px;border-radius:10px;font-size:13px}
.stockin-row .si-code{grid-area:code;font-size:14px;font-weight:600}
.stockin-row .si-sub{grid-area:sub;font-size:11px;color:var(--muted);overflow-wrap:anywhere;min-width:0}
.stockin-row .si-price{grid-area:price;text-align:right;font-size:13px;white-space:nowrap}
.stockin-row .si-status{grid-area:status;text-align:right}
.stockin-row .si-name,.stockin-row .si-note,.stockin-row .si-weight{display:none}
.stockin-row .chip{min-height:22px;padding:2px 8px}
.stockin-row.stockin-row-head{display:none}
/* 上货程序撤销的货：灰色、条码划掉，不能点进详情；不算进合计。 */
.stockin-row.is-undone{color:var(--muted)}
.stockin-row.is-undone .si-code,.stockin-row.is-undone .si-price{text-decoration:line-through;color:var(--muted)}
.stockin-row.is-undone .si-code{font-weight:500}
.stockin-row.is-undone .item-symbol{opacity:.45}
.stockin-row .si-undone{display:none}
.stockin-row .si-when{white-space:nowrap}
.stockin-undone-note{margin:12px 0 0;font-size:12px;color:var(--accent-soft)}
.stockin-entry{margin-bottom:14px}
.stockin-entry .list-row{min-height:58px}
.stockin-more{display:flex;width:calc(100% - 32px);margin:10px 16px 14px;border-style:dashed}

@media(min-width:1100px) and (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){
  .stockin-layout{grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}
  .stockin-side{position:sticky;top:0}
  .stockin-summary{margin-bottom:0}
  .stockin-list>.section-head:first-child{margin-top:0}
  .stockin-kv{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stockin-row-head,.stockin-row{grid-template-columns:36px 118px minmax(0,1fr) minmax(0,1fr) 84px 120px 92px;grid-template-areas:none;column-gap:14px}
  .stockin-row.stockin-row-head{display:grid;padding:9px 16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--border)}
  .stockin-row.stockin-row-head:hover{background:transparent}
  .stockin-row{padding:9px 16px}
  .stockin-row>*{grid-area:auto!important}
  .stockin-row .si-sub{display:none}
  .stockin-row .si-name,.stockin-row .si-note,.stockin-row .si-weight{display:block;font-size:13px;min-width:0;overflow-wrap:anywhere}
  .stockin-row .si-note{color:var(--muted)}
  .stockin-row .si-status{text-align:left}
  .stockin-row .end,.stockin-row-head .end{text-align:right}
  .stockin-row:hover{background:var(--panel)}
  .stockin-row.is-undone:hover{background:transparent}
  .stockin-row.is-undone .si-name,.stockin-row.is-undone .si-weight{color:var(--muted)}
  .stockin-row .si-undone{display:block;font-size:11px;color:var(--muted);margin-top:3px}
}
@media(prefers-reduced-motion:reduce){.stockin-chevron{transition:none}}