/* 机型统计只补充布局；颜色、卡片、按钮和表格复用 ERP 共用设计令牌。 */
.stats-page { color:var(--ink); }
.stats-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.stats-overview .stats-kpi { position:relative; margin-top:0; padding:14px 18px; }
.stats-icon { position:absolute; right:18px; top:14px; width:28px; height:28px; display:grid; place-items:center; border-radius:var(--radius-s); background:var(--qj-soft); color:var(--brand); }
.stats-icon svg { width:18px; height:18px; }
.stats-kpi strong { display:block; font-size:24px; font-weight:700; margin-top:4px; font-variant-numeric:tabular-nums; letter-spacing:-.3px; }
.stats-kpi strong small { margin-left:6px; font-size:12px; font-weight:400; color:var(--ink-3); }
.stats-kpi p { margin:2px 0 0; font-size:12px; color:var(--ink-3); }
.stats-kpi em { color:var(--ink-2); font-style:normal; }
.stats-filterbar,.stats-advanced { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:12px 16px; margin-bottom:16px; }
.stats-filter-group { display:flex; align-items:center; gap:4px; padding-right:12px; border-right:1px solid var(--line); }
.stats-filter-group b { font-size:12.5px; font-weight:600; color:var(--ink-2); margin-right:4px; }
.stats-filter-group button,.stats-view button { height:30px; padding:0 10px; border:1px solid transparent; border-radius:var(--radius-s); background:transparent; color:var(--ink-2); font-size:13px; white-space:nowrap; }
.stats-filter-group button.active,.stats-view button.active { background:var(--qj); border-color:var(--qj-line); color:var(--ink); font-weight:650; }
.stats-filter-group button:hover,.stats-view button:hover { background:var(--qj-soft); color:var(--ink); }
.stats-more { margin-left:auto; }
.stats-more span { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 5px; background:var(--qj-soft); color:var(--ink); border-radius:var(--radius-s); font-size:12px; }
.stats-advanced label,.stats-detail-filters label { display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink-2); }
.stats-advanced .sel { min-width:108px; }
.stats-advanced .muted { flex:1; font-size:12px; }
.stats-page .stats-panel { margin-top:0; overflow:hidden; }
.stats-toolbar { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--line); }
.stats-search { display:flex; align-items:center; gap:8px; width:300px; height:36px; padding:0 10px; border:1px solid var(--line-strong); border-radius:var(--radius-s); background:var(--surface); }
.stats-search span { color:var(--ink-3); font-size:21px; line-height:1; }
.stats-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; font:inherit; font-size:13px; }
.stats-search:focus-within { border-color:var(--qj-line); box-shadow:0 0 0 3px var(--qj-soft); }
.stats-spacer { flex:1; }
.stats-clear { background:none; border:0; cursor:pointer; color:var(--link); font-size:13px; white-space:nowrap; }
.stats-view { display:flex; padding:3px; border-radius:8px; background:var(--mute-soft); }
.stats-sort { min-width:165px; }
.stats-table-wrap { overflow-x:auto; }
.stats-table { width:100%; min-width:900px; table-layout:fixed; border-collapse:collapse; }
.stats-table th:nth-child(1) { width:25%; }.stats-table th:nth-child(2) { width:11%; }.stats-table th:nth-child(3) { width:16%; }.stats-table th:nth-child(4) { width:20%; }.stats-table th:nth-child(5) { width:22%; }.stats-table th:last-child { width:6%; }
.stats-table td:last-child,.stats-table th:last-child { padding-left:8px; padding-right:8px; text-align:center; }
.stats-model { display:flex; align-items:center; gap:10px; }
.stats-model b { color:var(--ink); font-size:13.5px; font-weight:600; }
.stats-model p { margin:4px 0 0; font-size:12px; color:var(--ink-3); }
.stats-phone { display:block; position:relative; flex-shrink:0; width:25px; height:39px; border:1.5px solid var(--line-strong); border-radius:var(--radius-s); background:var(--surface-2); }
.stats-phone:before { content:''; display:block; width:9px; height:2px; margin:3px auto; border-radius:2px; background:var(--ink-3); }
.stats-phone:after { content:''; position:absolute; width:8px; height:2px; bottom:3px; left:7px; border-radius:2px; background:var(--qj-line); }
.stats-count { display:block; font-size:20px; font-weight:700; font-variant-numeric:tabular-nums; }
.stats-stock-track { height:5px; width:90px; background:var(--mute-soft); border-radius:3px; margin:4px 0; overflow:hidden; }
.stats-stock-track i { display:block; min-width:3px; height:100%; background:var(--qj); border-radius:3px; }
.stats-table td small { color:var(--ink-3); font-size:11px; }
.stats-table td:nth-child(2) small { white-space:nowrap; }
.stats-lock-split { display:flex; position:relative; min-width:110px; padding-bottom:6px; border:1px solid var(--line); border-radius:var(--radius-s); overflow:hidden; }
.stats-lock-split>div { width:50%; padding:6px 8px; }
.stats-lock-split>div+div { border-left:1px solid var(--line); }
.stats-lock-split b,.stats-lock-split small { display:block; }
.stats-lock-split b { font-size:13px; }
.stats-lock-track { display:flex; position:absolute; left:6px; right:6px; bottom:4px; height:3px; }
.stats-lock-track i:first-child { background:var(--qj); }.stats-lock-track i:last-child { background:var(--line-strong); }
.stats-capacities { display:flex; flex-wrap:wrap; gap:6px; }
.stats-capacities button { min-width:46px; padding:5px 8px; border:1px solid var(--line); border-radius:var(--radius-s); background:var(--surface-2); color:var(--ink-2); font-size:12px; line-height:1.5; }
.stats-capacities b,.stats-capacities span { display:block; }
.stats-capacities button:hover { background:var(--qj-soft); border-color:var(--qj-line); }
.stats-colors { display:flex; flex-wrap:wrap; row-gap:8px; }
.stats-colors button { display:flex; flex-direction:column; align-items:center; min-width:48px; padding:0 8px; border:0; background:transparent; color:var(--ink-2); font-size:12px; }
.stats-colors button+button { border-left:1px solid var(--line); }
.stats-colors button:hover { background:var(--qj-soft); }
.stats-colors span { white-space:nowrap; }
.stats-colors i { display:inline-block; width:9px; height:9px; margin-right:5px; border:1px solid var(--line-strong); border-radius:50%; }
.stats-colors small { margin-top:3px; }
.stats-detail { width:30px; height:30px; padding:0; justify-content:center; font-size:20px; }
.stats-empty { text-align:center; padding:48px 20px; }
.stats-empty p { margin:8px 0 16px; color:var(--ink-3); font-size:13px; }
.stats-footer { display:flex; flex-wrap:wrap; align-items:center; gap:5px; padding:12px 16px; border-top:1px solid var(--line); color:var(--ink-3); font-size:12px; }
.stats-footer>span:last-child { margin-left:auto; }
.stats-detail-filters { display:flex; align-items:center; gap:15px; margin-bottom:15px; }
.stats-detail-filters>span { margin-left:auto; color:var(--ink-3); font-size:12px; }
.stats-page button:focus-visible,.stats-page select:focus-visible { outline:2px solid var(--qj-line); outline-offset:2px; }
@media(max-width:1450px) { .stats-filter-group { gap:1px; padding-right:8px; }.stats-filter-group button { padding:0 8px; } }
@media(max-width:1050px) { .stats-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }.stats-filter-group { flex-wrap:wrap; border:0; }.stats-toolbar { flex-wrap:wrap; }.stats-search { flex:1; }.stats-spacer { display:none; } }