/* v1.11.0：出库记录（沿用入库记录的卡片样式）、库存页顶部切换和按钮、旧料合计、出入库卡片、翻页跳转、导出确认、单据日期筛选。 */
.stockout-date{flex:none;width:40px;height:44px;border-radius:11px;background:var(--panel);color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.stockout-date b{font-size:17px;font-weight:650}
.stockout-date small{font-size:10px;color:var(--muted)}
.stockout-row{display:flex;gap:11px;align-items:flex-start;padding:11px 16px;border-bottom:1px solid var(--border)}
.stockout-row:last-child{border-bottom:0}
.stockout-row .item-symbol{width:36px;height:36px;border-radius:10px;font-size:13px;flex:none}
.stockout-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.stockout-name{color:var(--ink);text-decoration:none;font-size:14px;overflow-wrap:anywhere}
.stockout-name strong{font-weight:600}
.stockout-meta{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.stockout-meta a{color:var(--accent)}
.stockout-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.stockout-side .chip{min-height:22px;padding:2px 8px}
.stockout-side .text-btn{min-height:34px;padding:4px 2px;text-decoration:underline;text-underline-offset:3px}
.stockout-row.is-undone{color:var(--muted)}
.stockout-row.is-undone .stockout-name strong{text-decoration:line-through;color:var(--muted)}
.stockout-row.is-undone .item-symbol{opacity:.45}

/* 库存页顶上一行：左边“在库 | 旧料”切换（v1.11.0 旧料并进库存），右边导出、导入、入库；下面是搜索框。 */
.stock-top{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.stock-top .search{margin:0;min-width:0}
.stock-bar{display:flex;align-items:center;gap:8px;min-width:0}
.stock-seg{flex:none;display:flex;padding:3px;gap:2px;border-radius:12px;background:var(--panel)}
.stock-seg a{min-height:36px;display:grid;place-items:center;padding:4px 15px;border-radius:9px;color:var(--ink-2);text-decoration:none;font-size:14px;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.stock-seg a.active{background:var(--bg);color:var(--accent);font-weight:650;box-shadow:0 1px 4px rgba(37,63,49,.12)}
.stock-tools{margin-left:auto;display:flex;justify-content:flex-end;gap:6px;min-width:0}
.stock-tools .btn{min-height:40px;padding:6px 11px;font-size:13px;gap:5px}
.stock-tools .btn svg{width:16px;height:16px}
@media(max-width:380px){.stock-tools .btn span{display:none}.stock-tools .btn{padding:6px 10px}}
.old-summary{padding:15px 18px}
.old-summary-row{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;font-size:12px;color:var(--muted)}
.old-summary-row small{display:block;font-size:12px}
.old-summary-row strong{font-size:23px;font-weight:650;color:var(--ink);letter-spacing:-.02em}
.old-summary .hint{margin-top:8px}
.stock-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.stock-record{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 12px;border:1px solid var(--border);border-radius:16px;background:var(--bg);color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}
.stock-record .menu-icon{width:22px;height:22px;color:var(--bronze);flex:none}
.stock-record strong{display:block;font-size:14px}
.stock-record .meta{display:block;font-size:11px;line-height:1.4}
.stock-record .chevron{width:13px;height:13px}
.stock-count{margin:0 2px 8px}
.page-jump{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:13px;color:var(--muted)}
.page-jump input{width:68px;min-height:40px;border:1px solid var(--border);border-radius:9px;background:var(--bg);padding:4px 8px;text-align:center;font-size:16px;color:var(--ink)}
.page-jump .btn{min-height:40px;padding:6px 14px}
.export-confirm{margin:6px 0 12px}
.dual-actions{display:flex;gap:10px;margin-top:16px}
.dual-actions .btn{flex:1}
.export-confirm dd{font-weight:600}
.notice .notice-icon{width:15px;height:15px;vertical-align:-3px;margin-right:4px}

/* 销售单：日期筛选 */
.order-dates{margin-top:-6px}
.order-dates button.pill-filter{cursor:pointer}
.order-custom-dates{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-4px 0 12px}
.order-custom-dates input{min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--ink)}
.order-custom-dates span{font-size:12px;color:var(--muted)}
.order-scope{margin:0 2px 8px}