/* Anna 20/10 · Tình hình cửa hàng, tab Sản phẩm (#ch/<điểm>/san-pham). Khối riêng, chỉ token design v2 (tokens.css), không màu cứng. */
.chsp{max-width:var(--maxw-read,960px);margin:var(--s-12) 0 var(--s-32)}
.chsp-dau{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-8) var(--s-12);margin-bottom:var(--s-8)}
.chsp-dau .seg{display:inline-grid;grid-auto-flow:column;border:1px solid var(--border-default);border-radius:var(--v2-ctl-r,var(--r-md));overflow:hidden}
.chsp-dau .seg-o{appearance:none;border:0;background:transparent;font:inherit;font-size:var(--fs-13);font-weight:600;color:var(--fg-secondary);min-height:36px;padding:0 var(--s-12);cursor:pointer}
.chsp-dau .seg-o+.seg-o{border-left:1px solid var(--border-default)}
.chsp-dau .seg-o[aria-pressed="true"]{background:var(--bg-surface);color:var(--fg-primary);box-shadow:inset 0 -2px 0 var(--accent)}
.chsp-ky{font-size:var(--fs-13);color:var(--fg-secondary);margin:0;min-width:0;overflow-wrap:anywhere}
.chsp-so{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-12);margin:var(--s-12) 0}
.chsp-o{border:1px solid var(--border-default);border-radius:var(--v2-card-r,var(--r-md));padding:var(--s-12);background:var(--bg-surface);min-width:0}
.chsp-o span{display:block;font-size:var(--fs-12);color:var(--fg-secondary)}
.chsp-o b{display:block;font-size:var(--fs-24);font-variant-numeric:tabular-nums;color:var(--fg-primary);line-height:1.2}
.chsp-o small{display:block;font-size:var(--fs-12);color:var(--fg-muted);overflow-wrap:anywhere}
.chsp-nhanh{list-style:none;margin:var(--s-12) 0;padding:0;border:1px solid var(--border-default);border-radius:var(--v2-card-r,var(--r-md));background:var(--bg-surface)}
.chsp-nhanh li{display:flex;gap:var(--s-8);align-items:flex-start;padding:var(--s-12);border-top:1px solid var(--border-subtle,var(--border-default))}
.chsp-nhanh li:first-child{border-top:0}
.chsp-nhanh .chsp-dau-i{flex:0 0 auto;width:18px;text-align:center;color:var(--fg-muted);font-size:var(--fs-14);line-height:1.4}
.chsp-nhanh li.canh .chsp-dau-i{color:var(--status-warn)}
.chsp-nhanh .chsp-y{flex:1;min-width:0;font-size:var(--fs-14);color:var(--fg-primary);overflow-wrap:anywhere}
.chsp-nhanh .chsp-y small{display:block;color:var(--fg-secondary);font-size:var(--fs-13);margin-top:2px}
.chsp-nhanh .chsp-y a{color:var(--accent-text,var(--accent));font-weight:600}
.chsp-mo{border-top:1px solid var(--border-default);padding:var(--s-8) 0}
.chsp-mo>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--s-8);min-height:44px;font-weight:600;font-size:var(--fs-14);color:var(--fg-primary)}
.chsp-mo>summary::-webkit-details-marker{display:none}
.chsp-mo>summary .chsp-n{font-weight:400;color:var(--fg-secondary)}
.chsp-mo>summary .chsp-c{margin-left:auto;color:var(--status-warn);font-weight:600;font-size:var(--fs-13)}
.chsp-mo>summary::after{content:'›';color:var(--fg-muted);transform:rotate(90deg);transition:transform var(--t-fast,.15s)}
.chsp-mo[open]>summary::after{transform:rotate(-90deg)}
.chsp-cach{font-size:var(--fs-12);color:var(--fg-muted);margin:0 0 var(--s-8);overflow-wrap:anywhere}
.chsp-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--s-12);padding:var(--s-8) 0;border-top:1px solid var(--border-subtle,var(--border-default));font-size:var(--fs-13)}
.chsp-r:first-of-type{border-top:0}
.chsp-r .chsp-ma{min-width:0;overflow-wrap:anywhere}
.chsp-r .chsp-ma b{font-size:var(--fs-14);color:var(--fg-primary)}
.chsp-r .chsp-ma a{color:inherit;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px}
.chsp-r .chsp-ma small{display:block;color:var(--fg-secondary)}
.chsp-r .chsp-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg-primary);white-space:nowrap}
.chsp-r .chsp-num small{display:block;color:var(--fg-secondary)}
.chsp-r .chsp-chi{grid-column:1/-1;color:var(--fg-secondary);overflow-wrap:anywhere}
.chsp-r.canh .chsp-chi.canh,.chsp-r .chsp-chi.canh{color:var(--fg-primary);background:var(--status-warn-bg);border-left:3px solid var(--status-warn-line,var(--status-warn));padding:4px 8px;border-radius:var(--r-sm)}
.chsp-tam{color:var(--status-warn);font-weight:700}
.chsp-viec{grid-column:1/-1;font-weight:600}
.chsp-viec a{color:var(--accent-text,var(--accent))}
.chsp-rong{font-size:var(--fs-13);color:var(--fg-secondary);padding:var(--s-8) 0;margin:0}
.chsp-sz{display:flex;flex-wrap:wrap;gap:4px;grid-column:1/-1}
.chsp-sz span{font-size:var(--fs-12);border:1px solid var(--border-default);border-radius:var(--r-pill);padding:1px 8px;color:var(--fg-secondary);font-variant-numeric:tabular-nums}
.chsp-sz span.het{border-color:var(--status-warn-line,var(--status-warn));background:var(--status-warn-bg);color:var(--fg-primary)}
.chsp-sz span.nam{border-style:dashed}
.chsp-them{appearance:none;border:1px solid var(--border-default);background:transparent;color:var(--fg-primary);border-radius:var(--v2-ctl-r,var(--r-md));min-height:40px;padding:0 var(--s-12);font:inherit;font-size:var(--fs-13);cursor:pointer;margin-top:var(--s-8)}
@media (max-width:520px){ .chsp-so{gap:var(--s-8)} .chsp-o b{font-size:var(--fs-20)} }