#storeView [hidden] { display:none !important; }
.store-scope { padding:14px 20px; color:#57667b; line-height:1.7; }
.store-message { margin:0 20px 16px; padding:20px; background:white; border:1px solid #dfe5ed; border-radius:10px; }
/* 门店选择页（10/2 重排）：标题+搜索一行，按城市分组的卡片网格 */
.store-message:has(.store-picker) { padding:22px 24px 26px; }
.sp-head { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:6px; }
.sp-head h3 { margin:0 0 4px; font-size:17px; font-weight:650; color:#182230; }
.sp-head p { margin:0; font-size:13px; color:#667085; line-height:1.6; }
.sp-search { width:240px; height:36px; padding:0 12px; border:1px solid #d0d5dd; border-radius:8px; font:inherit; font-size:13px; background:#fff; color:#182230; }
.sp-search:focus { outline:none; border-color:#ff6a2c; box-shadow:0 0 0 3px rgba(255,106,44,.15); }
.sp-city { margin-top:20px; }
.sp-city h4 { margin:0 0 10px; font-size:13px; font-weight:600; color:#475467; letter-spacing:.02em; }
.sp-city h4 span { margin-left:6px; font-weight:400; color:#98a2b3; }
.sp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); gap:10px; }
.sp-store { display:flex; flex-direction:column; align-items:flex-start; gap:2px; height:auto; min-height:70px; padding:12px 14px; text-align:left; background:#fff; border:1px solid #e4e7ec; border-radius:10px; cursor:pointer; font:inherit; color:#182230; transition:border-color .12s, background .12s, box-shadow .12s; }
.sp-store b { font-size:14px; font-weight:600; line-height:1.3; margin-bottom:2px; }
.sp-store span { font-size:12px; color:#98a2b3; line-height:1.4; font-variant-numeric:tabular-nums; }
.sp-store:hover { border-color:#ff6a2c; background:#fff7f2; box-shadow:0 1px 3px rgba(16,24,40,.08); }
.sp-store:hover span { color:#b54708; }
.sp-store:focus-visible { outline:2px solid #ff6a2c; outline-offset:2px; }
.sp-store[hidden],.sp-city[hidden] { display:none; }
.sp-empty { margin:18px 0 0; color:#98a2b3; font-size:13px; }
@media(max-width:800px) { .sp-search{width:100%} .sp-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))} }
.store-tabs { display:flex; gap:8px; margin:0 20px; padding:0 0 12px; border-bottom:1px solid #dfe5ed; flex-wrap:wrap; }
.store-tabs button { background:transparent; border:0; border-radius:7px; padding:10px 16px; color:#57667b; cursor:pointer; font-size:14px; }
.store-tabs button.active { background:#fff1e5; color:#d95700; font-weight:600; }
.store-tabs span { font-size:12px; padding-left:4px; }
#storeContent { padding:16px 20px 28px; }
.store-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.store-filters button { border:1px solid #dfe5ed; background:white; color:#57667b; border-radius:18px; padding:7px 12px; cursor:pointer; font:inherit; font-size:12px; }
.store-filters button.active { color:#bd5100; border-color:#f0bc94; background:#fff5ed; }
#storeContent .toolbar { justify-content:space-between; padding:0 0 12px; }
#storeContent .tablewrap { background:white; }
#gapTable { min-width:1050px; }
#gapTable td:first-child { width:37%; }
#gapTable small,.store-state small { display:block; font-size:11px; color:#718096; margin-top:5px; }
.store-code { display:flex; align-items:center; justify-content:space-between; gap:8px; font-variant-numeric:tabular-nums; white-space:nowrap; line-height:2.2; font-size:11px; }
.store-rule { background:#eef3f8; padding:12px; border-radius:7px; line-height:1.8; color:#57667b; }
#storeContent .storeclear { margin:0; }
#storeContent p.muted { font-size:12px; line-height:1.7; }
.store-sold-summary { font-size:14px; font-weight:600; }
/* 10/5：表格上方先说这张表是什么（未动销排查）；表头里的小字是口径（在售价：本店 / 多数店） */
.store-lead { margin:4px 0 8px; font-size:13px; color:var(--ink,#1f2937); }
#gapTable th small { display:block; font-weight:400; color:#6b7280; font-size:11px; }
#channelSeg.disabled { opacity:.55; cursor:not-allowed; }
@media(max-width:800px) { #storeContent{padding:12px 10px}.store-tabs{margin:0 10px;gap:2px}.store-tabs button{padding:9px 10px}.store-scope{padding:12px 10px}.store-message{margin:0 10px 12px} }

.store-nav{display:flex;align-items:center;gap:12px;padding:10px 20px 0}.store-nav:empty{display:none}.store-copied{background:#f0f5f4;color:#66736d}.store-copied [data-copy-mark]{color:#397665}.store-price-high{color:#c52b32;font-weight:600}#gapSearch{min-width:260px;flex:1}#gapSearchInfo{font-size:12px}
.store-nav{flex-wrap:wrap}.store-search-active{font-size:13px;color:#995000;background:#fff5e7;padding:5px 9px;border-radius:6px}.store-activity{margin:6px 20px 12px;padding:8px 12px;background:transparent;color:#697586;font-size:12px;line-height:1.7;border-radius:6px}.store-activity:empty{display:none}.store-activity.warning{background:#fff5e7;color:#815600}.store-activity button{margin-left:6px;font-size:12px}

/* 10/5 门店页头：店名做大标题，翻店收到右侧（老板：页面太丑，按样稿改） */
.store-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:18px 20px 2px}
.store-title{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:.5px}
.store-title:empty{display:none}
.store-head .store-scope{padding:6px 0 0;font-size:12.5px;color:#6b7280;line-height:1.6}
.store-head .store-nav{padding:0;gap:8px;font-size:12.5px;color:#6b7280}
.store-nav button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 12px;font-size:12.5px;color:#374151;cursor:pointer}
.store-nav button:hover:not(:disabled){border-color:var(--brand);color:var(--brand-ink);background:var(--brand-weak)}
.store-nav button:disabled{opacity:.45;cursor:default}
.store-activity{margin:2px 20px 10px;padding:0}
.store-activity.warning{padding:8px 12px}
.store-activity button{border:0;background:none;padding:0;color:var(--brand-ink);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){.store-head{margin:12px 10px 2px}.store-title{font-size:20px}.store-activity{margin:2px 10px 8px}}

/* 门店首屏优先留给商品；正常覆盖记录展开查看，异常保持可见。 */
.store-head{margin-top:10px;gap:6px 16px}
.store-title{font-size:21px}
.store-head .store-scope{padding-top:3px}
.store-activity{margin-bottom:6px;line-height:1.5}
.store-activity summary{cursor:pointer}
.store-tabs{padding-bottom:6px}
.store-tabs button{padding:7px 12px}
#storeContent{padding-top:8px}
#gapMissingCodes:empty{display:none}
#storeGapPanel .gap-timing{font-size:12px;color:#657083;margin:3px 0 8px;line-height:1.5}
#storeGapPanel .store-filters{gap:6px;margin:8px 0 5px}
#storeGapPanel .store-filters button{border-radius:8px;padding:6px 10px;text-align:left;line-height:1.4}
#storeGapPanel .store-filters small{display:block;font-size:11px;color:#657083;margin-top:2px}
#storeGapPanel .gap-action-note{font-size:12px;line-height:1.5;margin:4px 0 9px;color:#57667b}
#storeGapPanel .toolbar{padding:0;margin:8px 0;gap:8px}
#storeGapPanel .gap-settings{align-items:flex-start;font-size:12px}
.gap-settings details{flex:1;min-width:0}
.gap-settings summary{cursor:pointer;color:#657083}
.gap-settings details[open]{padding:8px;background:#f7f9fb;border-radius:6px}
#storeGapPanel .tablewrap{padding:0;margin:0}
#gapTable td:first-child{width:28%;max-width:300px}
#gapTable .prod-name{max-width:260px}
#gapTable .store-state{min-width:175px;white-space:normal}
@media(max-width:600px){
  body:has(#storeView:not([hidden])) #viewSeg{max-width:100%;overflow-x:auto;flex-wrap:nowrap}
  body:has(#storeView:not([hidden])) #viewSeg>*{flex-shrink:0;white-space:nowrap}
}