.shop-page { --shop-teal:#087f84; --shop-gold:#94651a; --shop-canvas:#f5f6f8; --shop-surface:#fff; --shop-subtle:#f1f3f5; --shop-line:#e1e5e9; --shop-text:#20252b; --shop-muted:#616b77; --shop-blue:#0869ca; --shop-positive:#167b55; --shop-negative:#bc403b; }
:root[data-desktop-theme=dark] .shop-page { --shop-teal:#5ac4c6; --shop-gold:#dfb76a; --shop-canvas:#17191c; --shop-surface:#202327; --shop-subtle:#292d32; --shop-line:#373d44; --shop-text:#edf0f3; --shop-muted:#a8b1bd; --shop-blue:#79b5ff; --shop-positive:#6fd0a4; --shop-negative:#ff9690; }
@media(prefers-color-scheme:dark) { :root:not([data-desktop-theme=light]) .shop-page { --shop-teal:#5ac4c6; --shop-gold:#dfb76a; --shop-canvas:#17191c; --shop-surface:#202327; --shop-subtle:#292d32; --shop-line:#373d44; --shop-text:#edf0f3; --shop-muted:#a8b1bd; --shop-blue:#79b5ff; --shop-positive:#6fd0a4; --shop-negative:#ff9690; } }
body.shop-page { background:var(--shop-canvas); color:var(--shop-text); }
.shop-page .desktop-shell,.shop-page .desktop-main.shop-main { background:var(--shop-canvas); }
.shop-page .shop-main { --desktop-surface-strong:var(--shop-surface); --desktop-surface-soft:var(--shop-subtle); --desktop-border:var(--shop-line); --desktop-border-strong:var(--shop-line); --desktop-text:var(--shop-text); --desktop-muted:var(--shop-muted); --desktop-primary:var(--shop-blue); --desktop-ok:var(--shop-positive); --desktop-danger:var(--shop-negative); display:block; padding:26px 32px; overflow:auto; min-width:0; scroll-padding-top:74px; }
.shop-main svg { fill:none; stroke:currentColor; stroke-width:1.7; }
.shop-main button,.shop-main a,.shop-main summary { -webkit-tap-highlight-color:transparent; }
.shop-main button { transition:background-color .15s,border-color .15s,color .15s; }
.shop-main button:not(:disabled):hover { border-color:var(--desktop-primary); }
.shop-main .shop-button:not(.shop-primary):not(:disabled):hover,.shop-main .shop-icon-button:not(:disabled):hover { background:var(--desktop-surface-soft); }
.shop-page .shop-main * { letter-spacing:0; }
.shop-identity { margin-top:12px; padding:16px 0 12px; border-block:1px solid var(--desktop-border); }
.shop-identity-main { display:flex; align-items:center; gap:16px; min-width:0; }
.shop-identity-logo { width:56px; height:56px; flex:none; position:relative; display:grid; place-items:center; border:1px solid var(--desktop-border); border-radius:8px; background:var(--desktop-surface-strong); overflow:hidden; }
.shop-identity-logo > svg { width:25px; height:25px; color:var(--desktop-muted); }
.shop-identity-logo img { position:absolute; inset:0; width:56px; height:56px; object-fit:contain; padding:5px; background:#fff; }
.shop-identity-name { flex:1; min-width:0; }
.shop-identity-kicker { font-size:10px; font-weight:700; color:var(--desktop-primary); display:flex; gap:10px; flex-wrap:wrap; line-height:1.6; }
.shop-identity-kicker span { font-weight:400; color:var(--desktop-muted); }
.shop-identity-name h2 { margin:4px 0; font-size:19px; font-weight:650; line-height:1.45; overflow-wrap:anywhere; }
.shop-identity-domain { font-size:12px; color:var(--desktop-muted); overflow-wrap:anywhere; }
.shop-identity-action { display:flex; align-items:center; justify-content:center; gap:7px; flex:none; }
.shop-identity-action svg { width:15px; height:15px; }
.shop-identity-credentials { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; margin-top:12px; min-height:30px; }
.shop-membership { display:inline-flex; align-items:baseline; gap:9px; font-size:11px; color:var(--desktop-muted); white-space:nowrap; }
.shop-membership strong { font-size:18px; font-weight:650; color:var(--desktop-text); font-variant-numeric:tabular-nums; }
.shop-membership small { font-size:12px; font-weight:500; }
.shop-certifications { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; font-size:12px; }
.shop-home-badge { display:inline-flex; align-items:center; gap:6px; max-width:100%; min-height:28px; font-size:12px; overflow-wrap:anywhere; }
.shop-home-badge img { width:auto; max-width:108px; height:22px; object-fit:contain; flex:none; }
.shop-home-badge svg { width:15px; height:15px; flex:none; }
.shop-home-badge.is-verified { color:var(--desktop-primary); font-weight:650; }
.shop-home-badge.is-verified:has(img) .shop-badge-label,.shop-home-badge.is-image-only .shop-badge-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.shop-identity-unavailable { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; color:var(--desktop-muted); font-size:13px; line-height:1.7; }
.shop-identity-facts { display:grid; grid-template-columns:minmax(160px,.7fr) minmax(160px,1.4fr) minmax(120px,.65fr); margin:12px 0 0; gap:18px; }
.shop-identity-facts > div { min-width:0; padding-right:18px; border-right:1px solid var(--desktop-border); }
.shop-identity-facts > div:last-child { border:0; padding:0; }
.shop-identity-facts dt { font-size:11px; color:var(--desktop-muted); margin-bottom:5px; }
.shop-identity-facts dd { margin:0; font-size:13px; min-height:24px; overflow-wrap:anywhere; }
.shop-stars { display:flex; align-items:center; gap:3px; color:var(--shop-gold); }
.shop-star-icons { display:inline-flex; align-items:center; gap:3px; min-height:18px; }
.shop-star-icons img { width:14px; height:12px; object-fit:contain; flex:none; }
.shop-stars b { font-size:12px; margin-left:6px; font-weight:600; white-space:nowrap; }
.shop-category-list { display:flex; align-items:flex-start; flex-wrap:wrap; gap:6px 14px; line-height:1.7; }
.shop-strength { display:inline-flex; align-items:flex-start; gap:6px; color:var(--shop-teal); font-weight:600; line-height:1.7; }
.shop-strength svg { width:16px; height:16px; flex:none; margin-top:3px; }
.shop-profile-missing { color:var(--desktop-muted); font-weight:400; }
.shop-identity-footer { display:flex; align-items:flex-start; flex-wrap:wrap; gap:8px 16px; margin-top:10px; color:var(--desktop-muted); font-size:11px; line-height:1.8; }
.shop-profile-state { display:inline-flex; align-items:center; gap:5px; }
.shop-profile-state svg { width:13px; height:13px; flex:none; }
.shop-profile-state.complete { color:var(--desktop-ok); }
.shop-profile-help { min-width:0; flex:1; }
.shop-profile-help summary { cursor:pointer; width:max-content; color:var(--desktop-primary); }
.shop-profile-help p { margin:7px 0 0; max-width:600px; overflow-wrap:anywhere; }
.shop-profile-help a { color:var(--desktop-primary); }
.shop-source-chart { margin:18px 0 24px; }
.shop-source-chart-head,.shop-source-bar-row { display:grid; grid-template-columns:150px minmax(80px,1fr) 80px 100px; gap:16px; align-items:center; }
.shop-source-chart-head { padding:10px 0; border-bottom:1px solid var(--desktop-border); font-size:11px; color:var(--desktop-muted); }
.shop-source-chart-head > :nth-last-child(-n+2) { text-align:right; }
.shop-source-bar-row { padding:10px 0; border-bottom:1px solid var(--desktop-border); font-size:12px; }
.shop-source-bar-row > span:first-child { overflow-wrap:anywhere; }
.shop-source-bar-track { height:6px; background:var(--desktop-border); border-radius:3px; overflow:hidden; }
.shop-source-bar-track i { display:block; height:100%; background:var(--desktop-primary); border-radius:3px; }
.shop-source-bar-row b,.shop-source-bar-row strong { text-align:right; font-size:13px; font-variant-numeric:tabular-nums; font-weight:600; }
.shop-source-bar-row strong { color:var(--shop-teal); }
.shop-product-tools { padding:14px 0; border-bottom:1px solid var(--desktop-border); }
.shop-product-state { display:inline-flex; align-items:center; gap:6px; font-size:12px; }
.shop-product-state::before { content:""; width:5px; height:5px; background:currentColor; border-radius:50%; flex:none; }
@media(max-width:760px) {
  .shop-identity { padding-top:18px; margin-top:16px; }
  .shop-identity-main { gap:12px; flex-wrap:wrap; }
  .shop-identity-name { flex-basis:calc(100% - 68px); }
  .shop-identity-name h2 { font-size:17px; }
  .shop-identity-action { margin-left:68px; min-height:36px; }
  .shop-identity-facts { grid-template-columns:1fr 1fr; gap:16px; }
  .shop-identity-facts > div:nth-child(2) { grid-row:2; grid-column:1 / -1; border:0; }
  .shop-identity-facts > div:last-child { grid-column:2; grid-row:1; }
  .shop-source-chart-head,.shop-source-bar-row { grid-template-columns:80px minmax(24px,1fr) 48px 66px; gap:8px; }
  .shop-source-chart-head { font-size:10px; }
}
.shop-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.shop-header h1 { font-size:22px; line-height:1.4; margin:2px 0 0; }
.shop-eyebrow { color:var(--desktop-muted); font-size:12px; }
.shop-actions { display:flex; align-items:center; gap:16px; font-size:12px; color:var(--desktop-muted); }
.shop-page #currentUserBadge { color:var(--desktop-muted); background:var(--desktop-surface-strong); border-color:var(--desktop-border); }
.shop-icon-button { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--desktop-border); border-radius:6px; background:var(--desktop-surface-strong); color:var(--desktop-text); cursor:pointer; }
.shop-icon-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
.shop-main [hidden] { display:none!important; }
.shop-main :focus-visible { outline:2px solid var(--desktop-primary); outline-offset:3px; }
.shop-main button:disabled,.shop-main select:disabled { opacity:.55; cursor:wait; }
.shop-message { padding:8px 0; color:var(--desktop-muted); line-height:1.8; }
.shop-message.error { color:var(--desktop-danger); }
.shop-message.empty { padding:72px 16px; text-align:center; border-top:1px solid var(--desktop-border); }
.shop-filters { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; padding-bottom:14px; border-bottom:1px solid var(--desktop-border); }
.shop-filters label { display:grid; gap:7px; font-size:12px; color:var(--desktop-muted); min-width:0; }
.shop-filters select { height:38px; width:100%; max-width:100%; padding:0 32px 0 12px; border:1px solid var(--desktop-border-strong); border-radius:6px; background:var(--desktop-surface-strong); color:var(--desktop-text); font-size:13px; }
.shop-filters label:first-child { width:240px; }
.shop-filters label:nth-child(2) { flex:1; max-width:510px; min-width:250px; }
.shop-button { min-height:38px; padding:6px 12px; border:1px solid var(--desktop-border); border-radius:6px; color:var(--desktop-text); background:var(--desktop-surface-strong); cursor:pointer; }
.shop-period { display:flex; gap:20px; flex-wrap:wrap; align-items:center; padding-top:18px; }
.shop-period strong { font-size:14px; font-weight:650; }
.shop-period span,.shop-meta { color:var(--desktop-muted); font-size:12px; }
.shop-meta { margin-top:7px; line-height:1.7; overflow-wrap:anywhere; }
.shop-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:20px 0 24px; }
.shop-kpi { border:1px solid var(--desktop-border); border-radius:8px; padding:18px 14px; min-width:0; background:var(--desktop-surface-strong); }
.shop-kpi .kpi-label { font-size:12px; color:var(--desktop-muted); }
.shop-kpi { --shop-accent:var(--desktop-primary); box-shadow:0 1px 2px #00000004; }
.shop-kpi[data-tone=cyan] { --shop-accent:var(--shop-teal); }
.shop-kpi[data-tone=green] { --shop-accent:var(--desktop-ok); }
.shop-kpi[data-tone=amber] { --shop-accent:var(--shop-gold); }
.shop-kpi .kpi-label { display:flex; align-items:center; gap:7px; min-height:24px; }
.shop-kpi .kpi-label svg { width:24px; height:24px; padding:5px; border-radius:6px; flex:none; stroke:var(--shop-accent); fill:none; stroke-width:1.8; background:color-mix(in srgb,var(--shop-accent) 9%,transparent); }
.shop-kpi .kpi-value { font-size:25px; font-weight:700; font-variant-numeric:tabular-nums; line-height:1.3; margin:9px 0 12px; overflow-wrap:anywhere; }
.shop-kpi small { display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; font-size:12px; line-height:1.8; color:var(--desktop-muted); }
.shop-kpi small b { font-weight:600; }
.shop-section { border-top:1px solid var(--desktop-border); padding:22px 0 0; margin-bottom:24px; }
.shop-section-head { display:flex; gap:16px; align-items:center; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; }
.shop-section h2 { font-size:16px; margin:0; font-weight:650; }
.shop-legend { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--desktop-muted); }
.shop-legend i { width:8px; height:8px; background:var(--desktop-primary); border-radius:2px; }
.shop-natural { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.shop-natural-item { min-width:0; padding:18px; border:1px solid var(--desktop-border); background:var(--desktop-surface-strong); border-radius:8px; }
.shop-natural-item:first-child .shop-natural-title strong { color:var(--desktop-primary); }
.shop-natural-item:last-child .shop-natural-title strong { color:var(--shop-teal); }
.shop-natural-item:last-child .shop-meter span { background:var(--shop-teal); }
.shop-natural-amounts { display:flex; justify-content:space-between; color:var(--desktop-muted); font-size:12px; margin-top:16px; }
.shop-natural-amounts b { display:block; color:var(--desktop-text); font-size:15px; margin-top:5px; font-variant-numeric:tabular-nums; }
.shop-natural-amounts > :last-child { text-align:right; }
.shop-natural-meter { position:relative; overflow:visible; margin:18px 0; }
.shop-natural-meter i { position:absolute; width:2px; height:13px; top:-3px; box-shadow:0 0 0 1px var(--desktop-surface-strong); }
.shop-natural-meter .average { background:#8794a4; }
.shop-natural-meter .excellent { background:var(--shop-gold); }
.shop-natural-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:13px; }
.shop-natural-title strong { font-size:22px; font-variant-numeric:tabular-nums; }
.shop-natural-title small { font-size:12px; font-weight:400; color:var(--desktop-muted); }
.shop-meter { height:7px; background:var(--desktop-border); border-radius:4px; overflow:hidden; margin:12px 0; }
.shop-meter span { display:block; height:100%; background:var(--desktop-primary); border-radius:4px; }
.shop-natural-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; color:var(--desktop-muted); font-size:11px; padding-top:12px; border-top:1px solid var(--desktop-border); }
.shop-natural-values b { color:var(--desktop-text); font-weight:600; margin-left:4px; }
.shop-natural-values > span > b { display:block; margin:6px 0; font-size:13px; }
.shop-natural-values small { display:block; font-size:11px; }
.shop-table-tools { justify-content:flex-start; }
.shop-segments { display:flex; gap:2px; background:var(--desktop-surface-soft); border:1px solid var(--desktop-border); border-radius:6px; padding:3px; }
.shop-segments button { background:transparent; border:0; padding:6px 14px; color:var(--desktop-muted); border-radius:4px; font-size:12px; cursor:pointer; }
.shop-segments button[aria-pressed=true] { background:var(--desktop-surface-strong); color:var(--desktop-primary); box-shadow:0 1px 3px #0001; font-weight:650; }
.shop-search { margin-left:auto; }
.shop-search input { width:180px; height:36px; background:var(--desktop-surface-strong); color:var(--desktop-text); border:1px solid var(--desktop-border); border-radius:6px; padding:0 10px; font-size:12px; }
.shop-table-scroll { overflow:auto; max-width:100%; border-top:1px solid var(--desktop-border); }
.shop-table { width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.shop-table th { font-size:12px; font-weight:600; color:var(--desktop-muted); background:var(--desktop-surface-soft); }
.shop-table td,.shop-table th { text-align:right; padding:13px 16px; border-bottom:1px solid var(--desktop-border); }
.shop-table th:first-child,.shop-table td:first-child { text-align:left; padding-left:12px; }
.shop-table td:nth-child(2) { font-weight:700; }
.shop-table tbody { background:var(--desktop-surface-strong); }
.shop-table tbody tr:hover td { background:color-mix(in srgb,var(--desktop-primary) 5%,var(--desktop-surface-strong)); }
.shop-table th button { background:none; border:0; color:inherit; padding:0; font:inherit; cursor:pointer; }
.shop-table th[aria-sort] { color:var(--desktop-primary); }
.shop-table th button span { margin-left:5px; }
.shop-table td small { display:block; color:var(--desktop-muted); font-size:11px; }
.shop-table .no-results { text-align:center; color:var(--desktop-muted); padding:28px; }
.shop-main .positive { color:var(--desktop-ok); }
.shop-main .negative { color:var(--desktop-danger); }
.shop-main .neutral { color:var(--desktop-muted); }
.shop-footnote { color:var(--desktop-muted); font-size:11px; line-height:1.7; margin:12px 0 0; }
.shop-sync-toolbar { padding:12px 0; border-bottom:1px solid var(--desktop-border); }
.shop-sync-toolbar h2 { margin:0; font-size:15px; }
.shop-sync-toolbar > summary { cursor:pointer; font-size:14px; font-weight:600; min-height:24px; line-height:24px; }
.shop-sync-toolbar > summary .shop-connection { float:right; font-weight:400; margin-left:12px; }
.shop-sync-toolbar[open] > summary { margin-bottom:18px; }
.shop-sync-context { margin-bottom:12px; color:var(--desktop-text); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.shop-sync-fields { display:grid; grid-template-columns:110px minmax(200px,1fr) 40px auto; align-items:end; gap:12px; max-width:850px; }
.shop-sync-fields > button { height:38px; }
.shop-sync-fields label { min-width:0; display:grid; gap:7px; color:var(--desktop-muted); font-size:12px; }
.shop-sync-fields input,.shop-sync-fields select { width:100%; min-width:0; height:38px; padding:7px 10px; background:var(--desktop-surface-strong); color:var(--desktop-text); border:1px solid var(--desktop-border-strong); border-radius:6px; font-size:13px; }
.shop-sync-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:14px; }
.shop-sync-confirm { display:flex; align-items:center; gap:7px; flex:1; min-width:220px; color:var(--desktop-muted); font-size:12px; }
.shop-sync-confirm input { accent-color:var(--desktop-primary); width:16px; height:16px; flex:none; }
.shop-primary { background:var(--desktop-primary); color:#fff; border-color:var(--desktop-primary); }
.shop-connection { font-size:12px; color:var(--desktop-muted); }
.shop-connection.connected { color:var(--desktop-ok); }
.shop-sync-status { margin-top:10px; min-height:18px; color:var(--desktop-muted); font-size:12px; overflow-wrap:anywhere; }
.shop-sync-status.error { color:var(--desktop-danger); }
.shop-sync-status.working::before { content:""; display:inline-block; width:11px; height:11px; border:2px solid var(--desktop-border); border-top-color:var(--desktop-primary); border-radius:50%; margin-right:7px; vertical-align:-2px; animation:shop-sync-spin .8s linear infinite; }
.shop-source-link { color:var(--desktop-primary); font-size:12px; display:inline-block; margin-top:8px; }
.shop-view-tabs { display:flex; gap:28px; border-bottom:1px solid var(--desktop-border); margin-top:14px; overflow-x:auto; position:sticky; top:-1px; z-index:5; background:var(--shop-canvas); }
.shop-view-tabs button { display:flex; align-items:center; gap:8px; flex:none; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--desktop-muted); padding:16px 2px; font-size:14px; cursor:pointer; min-height:48px; }
.shop-view-tabs svg { width:17px; height:17px; flex:none; }
.shop-view-tabs button[aria-selected=true] { color:var(--desktop-primary); border-bottom-color:var(--desktop-primary); font-weight:650; }
.shop-main .shop-view-tabs button[aria-selected=false]:hover { color:var(--desktop-primary); border-bottom-color:transparent; }
.shop-module-section { padding:24px 0; border-bottom:1px solid var(--desktop-border); }
.shop-module-section h2 { font-size:16px; margin:0; }
.shop-module-section h3 { font-size:14px; margin:0; }
.shop-module-status { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; color:var(--desktop-muted); font-size:12px; margin-bottom:18px; line-height:1.7; }
.shop-module-status strong::before { content:""; display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:currentColor; vertical-align:2px; }
.shop-module-status strong { color:var(--desktop-ok); font-weight:600; }
.shop-module-status[data-status=error] strong,.shop-module-status[data-status=partial] strong { color:var(--desktop-danger); }
.shop-module-status[data-status=missing] strong,.shop-module-status[data-status=empty] strong { color:var(--desktop-muted); }
.shop-module-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--desktop-border); margin:18px 0 24px; padding:20px 0; }
.shop-module-kpis > div { padding:0 22px; border-left:1px solid var(--desktop-border); min-width:0; }
.shop-module-kpis > div:first-child { padding-left:0; border:0; }
.shop-module-kpis span,.shop-module-kpis small { display:block; color:var(--desktop-muted); font-size:12px; }
.shop-module-kpis strong { display:block; font-size:27px; line-height:1.4; font-weight:700; font-variant-numeric:tabular-nums; margin:7px 0; overflow-wrap:anywhere; }
.shop-module-kpis small { font-size:11px; line-height:1.7; }
.shop-total-row { background:var(--desktop-surface-soft); }
.shop-module-table td { padding:14px 12px; }
.shop-distribution-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:48px; margin-top:24px; }
.shop-distribution-grid > section { min-width:0; }
.shop-distribution-row,.shop-distribution-heading { display:grid; grid-template-columns:90px minmax(30px,1fr) 38px 52px 38px; align-items:center; gap:10px; min-height:38px; font-size:12px; }
.shop-distribution-heading { min-height:28px; color:var(--desktop-muted); font-size:11px; text-align:right; }
.shop-distribution-heading > :first-child { text-align:left; }
.shop-distribution-row > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shop-distribution-row b,.shop-distribution-row small { text-align:right; font-variant-numeric:tabular-nums; }
.shop-distribution-row small { color:var(--desktop-muted); }
.shop-distribution-row .shop-meter { margin:0; height:8px; }
.shop-text-button { margin-top:12px; background:transparent; border:0; padding:8px 0; color:var(--desktop-primary); cursor:pointer; font-size:12px; }
.shop-visitor-actions { border-top:1px solid var(--desktop-border); margin:20px 0 0; padding-top:12px; font-size:12px; }
.shop-visitor-actions > div { display:flex; justify-content:space-between; padding:8px 0; }
.shop-visitor-actions dt { color:var(--desktop-muted); }
.shop-visitor-actions dd { font-weight:650; }
.shop-product-tools { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin:20px 0 16px; }
.shop-product-tools .shop-search { margin:0; }
.shop-product-tools .shop-search input { width:280px; max-width:100%; }
.shop-product-tools label { color:var(--desktop-muted); font-size:12px; }
.shop-product-tools select { background:var(--desktop-surface-strong); color:var(--desktop-text); border:1px solid var(--desktop-border); border-radius:6px; padding:8px; margin-left:6px; height:36px; }
.shop-product { display:flex; align-items:center; gap:10px; width:270px; color:var(--desktop-text); text-decoration:none; }
.shop-product:hover strong { color:var(--desktop-primary); }
.shop-product img,.shop-product-placeholder { width:44px; height:44px; flex:none; object-fit:contain; border:1px solid var(--desktop-border); border-radius:4px; background:var(--desktop-surface-soft); }
.shop-product-placeholder { display:grid; place-items:center; }
.shop-product-placeholder svg { width:20px; height:20px; fill:none; stroke:var(--desktop-muted); }
.shop-product > span:last-child { min-width:0; }
.shop-product strong { font-size:12px; font-weight:500; line-height:1.5; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.shop-product small { margin-top:4px; }
.shop-broken-image { visibility:hidden; }
.shop-pager { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; color:var(--desktop-muted); font-size:12px; }
.shop-pager > div { display:flex; gap:8px; }
.shop-empty-module { color:var(--desktop-muted); font-size:13px; padding:18px 0; }
.shop-ad-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.shop-ad-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:20px 0; }
.shop-ad-kpis article { border:1px solid var(--desktop-border); background:var(--desktop-surface-strong); border-radius:8px; padding:18px; min-width:0; }
.shop-ad-kpis article > span { font-size:12px; color:var(--desktop-muted); }
.shop-ad-kpis strong { display:block; margin:8px 0 12px; font-size:28px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.shop-ad-kpis small { display:flex; gap:6px; align-items:center; justify-content:space-between; flex-wrap:wrap; font-size:11px; color:var(--desktop-muted); }
.shop-gap { font-variant-numeric:tabular-nums; font-weight:600; }
.shop-ad-observations { display:flex; gap:24px; flex-wrap:wrap; padding:2px 0 22px; }
.shop-ad-observations > div { flex:1; min-width:230px; border-left:3px solid currentColor; padding-left:12px; }
.shop-ad-observations strong { display:block; font-size:13px; font-weight:600; }
.shop-ad-observations span { display:block; color:var(--desktop-muted); font-size:12px; line-height:1.7; margin-top:5px; }
.shop-peer-heading { padding-top:16px; border-top:1px solid var(--desktop-border); }
.shop-peer-legend { display:flex; gap:14px; flex-wrap:wrap; font-size:11px; color:var(--desktop-muted); }
.shop-peer-legend span { display:flex; align-items:center; gap:5px; }
.shop-peer-legend i { display:inline-block; width:7px; height:7px; border-radius:2px; }
.shop-main .peer-0 { background:var(--desktop-primary); }
.shop-main .peer-1 { background:#8e94a3; }
.shop-main .peer-2 { background:var(--desktop-ok); }
.shop-peer-table { min-width:790px; }
.shop-peer-table td { height:46px; padding-block:10px; }
.shop-peer-table td:nth-child(2) { color:var(--desktop-text); font-size:14px; }
.shop-peer-table td:nth-child(3),.shop-peer-table td:nth-child(5) { color:var(--desktop-muted); }
.shop-peer-position { width:100px; height:3px; background:var(--desktop-border); position:relative; margin:8px 0 8px auto; }
.shop-peer-position i { position:absolute; top:-4px; width:5px; height:11px; border-radius:2px; }
.shop-key-metric { background:color-mix(in srgb,var(--desktop-primary) 4%,transparent); }
.shop-key-metric > td:first-child { font-weight:650; border-left:2px solid var(--desktop-primary); }
.shop-ad-summary { margin-top:20px; }
.shop-ad-summary > summary { cursor:pointer; padding:10px 0; font-size:12px; color:var(--desktop-muted); }
.shop-core-summary { border-block:1px solid var(--desktop-border); padding:16px 0; display:flex; align-items:baseline; gap:24px; flex-wrap:wrap; }
.shop-core-summary > div { flex:1; min-width:220px; }
.shop-core-summary strong { font-size:13px; }
.shop-core-summary b { margin-left:8px; font-size:20px; color:var(--desktop-primary); }
.shop-core-summary span { display:block; margin-top:7px; font-size:12px; color:var(--desktop-muted); }
.shop-core-summary summary,.shop-core-detail summary { cursor:pointer; font-size:12px; }
.shop-core-summary details { max-width:400px; }
.shop-core-summary p,.shop-core-detail p { font-size:12px; line-height:1.8; color:var(--desktop-muted); white-space:normal; }
.shop-core-detail { text-align:left; margin:7px 0 0 54px; max-width:216px; min-width:130px; }
.shop-core-detail p { width:210px; margin:10px 0; }
.shop-core-badge { display:inline-block; padding:3px 6px; border-radius:4px; background:color-mix(in srgb,var(--desktop-primary) 9%,transparent); color:var(--desktop-primary); font-size:11px; font-weight:600; }
.shop-business-value { font-weight:650; color:var(--desktop-text); }
.shop-extra-columns { display:flex; align-items:center; gap:6px; margin-left:auto; }
.shop-extra-columns input { width:15px; height:15px; accent-color:var(--desktop-primary); }
#shopProductTable td:first-child,#shopProductTable th:first-child { position:sticky; left:0; z-index:1; background:var(--desktop-surface-strong); border-right:1px solid var(--desktop-border); }
#shopProductTable td:nth-child(6),#shopProductTable td:nth-child(7) { background:color-mix(in srgb,var(--desktop-primary) 4%,transparent); }
.shop-product-basis { margin-left:auto; color:var(--desktop-muted); font-size:12px; }
.shop-overview-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:28px; align-items:start; }
.shop-overview-grid > * { min-width:0; }
.shop-overview-grid .shop-section-head h2 { font-size:15px; }
.shop-overview-aside .shop-section { margin-bottom:28px; }
.shop-overview-aside .shop-text-button { padding:0; margin:0; }
.shop-benchmark-section .shop-table-tools { gap:12px; }
.shop-benchmark-section .shop-table-tools h2 { width:100%; }
.shop-benchmark-section .shop-search { flex:1; min-width:90px; }
.shop-benchmark-section .shop-search input { width:100%; min-width:0; }
.shop-benchmark-section .shop-segments button { padding:6px 10px; }
.shop-benchmark-list { display:grid; gap:0; margin-top:14px; border-top:1px solid var(--desktop-border); }
.shop-benchmark-list .shop-benchmark-card { border:0; border-bottom:1px solid var(--desktop-border); border-radius:0; background:transparent; }
.shop-benchmark-list .shop-benchmark-card:nth-child(even) { background:var(--desktop-surface-strong); }
.shop-benchmark-card { border:1px solid var(--desktop-border); background:var(--desktop-surface-strong); border-radius:8px; min-width:0; padding:14px 16px 12px; }
.shop-benchmark-title { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.shop-benchmark-title h3 { margin:0; font-size:13px; line-height:1.6; font-weight:650; }
.shop-benchmark-title > span { color:var(--desktop-muted); font-size:11px; }
.shop-benchmark-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; font-variant-numeric:tabular-nums; }
.shop-benchmark-values > div:not(:first-child) { border-left:1px solid var(--desktop-border); padding-left:12px; }
.shop-benchmark-values span { color:var(--desktop-muted); font-size:11px; display:block; margin-bottom:5px; }
.shop-benchmark-values strong { color:var(--desktop-primary); font-size:17px; line-height:1.4; overflow-wrap:anywhere; }
.shop-benchmark-values b { font-size:13px; font-weight:600; overflow-wrap:anywhere; line-height:1.8; }
.shop-benchmark-bar { height:5px; background:var(--desktop-border); position:relative; margin:12px 0; border-radius:3px; }
.shop-benchmark-bar > span { display:block; height:100%; background:var(--desktop-primary); border-radius:3px; }
.shop-benchmark-bar > i { position:absolute; top:-2px; height:9px; width:3px; border-radius:1px; box-shadow:0 0 0 1px var(--desktop-surface-strong); }
.shop-benchmark-bar > .average { background:#8794a4; }
.shop-benchmark-bar > .excellent { background:var(--desktop-ok); }
.shop-benchmark-gaps { display:flex; justify-content:space-between; flex-wrap:wrap; gap:5px 12px; color:var(--desktop-muted); font-size:12px; }
.shop-benchmark-gaps .shop-gap { margin-left:4px; }
@media(min-width:761px) {
  .shop-benchmark-list .shop-benchmark-card { display:grid; grid-template-columns:118px minmax(0,1fr); column-gap:16px; row-gap:8px; padding:12px 14px; }
  .shop-benchmark-list .shop-benchmark-title { grid-row:1 / 4; flex-direction:column; justify-content:center; align-items:flex-start; margin:0; }
  .shop-benchmark-list .shop-benchmark-title > span { line-height:1.7; }
  .shop-benchmark-list .shop-benchmark-values { grid-column:2; gap:10px; }
  .shop-benchmark-list .shop-benchmark-bar { grid-column:2; margin:2px 0; }
  .shop-benchmark-list .shop-benchmark-gaps { grid-column:2; }
}
.shop-ad-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.shop-ad-group { margin-top:24px; }
.shop-ad-group > h3 { font-size:13px; font-weight:650; margin:0 0 12px; padding-left:9px; border-left:3px solid var(--desktop-primary); }
.shop-ad-group:nth-of-type(2) > h3 { border-color:var(--desktop-ok); }
.shop-ad-group:nth-of-type(3) > h3 { border-color:var(--shop-gold); }
.shop-ad-compact { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#shopOverviewAd > .shop-segments { margin-bottom:12px; }
#shopOverviewAd .shop-module-status { margin:6px 0 12px; }
.shop-ad-compact .shop-benchmark-card { padding:12px; }
.shop-ad-compact .shop-benchmark-values { gap:6px; }
.shop-ad-compact .shop-benchmark-values > div:not(:first-child) { padding-left:6px; }
.shop-ad-compact .shop-benchmark-values b { font-size:12px; }
.shop-ad-compact .shop-benchmark-values strong { font-size:16px; }
.shop-ad-basis { margin-top:12px; border-top:1px solid var(--desktop-border); padding-top:9px; font-size:11px; color:var(--desktop-muted); }
.shop-ad-basis summary { cursor:pointer; color:var(--desktop-primary); }
.shop-ad-basis p { margin:9px 0 0; line-height:1.7; overflow-wrap:anywhere; }
.shop-ad-basis dl { margin:9px 0 0; }
.shop-ad-basis dl > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 8px; margin:6px 0; }
.shop-ad-basis dd { margin:0; color:var(--desktop-text); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.shop-flow { display:grid; gap:10px; }
.shop-flow-step { display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:10px; min-height:49px; border:1px solid var(--desktop-border); border-left:3px solid var(--desktop-primary); padding:10px 14px; background:var(--desktop-surface-strong); border-radius:6px; font-size:13px; }
.shop-flow-step strong { font-size:21px; font-variant-numeric:tabular-nums; }
.shop-flow-number { color:var(--desktop-muted); font-size:11px; }
.shop-flow-step.visits { border-left-color:var(--shop-teal); }
.shop-flow-step.leads { border-left-color:var(--desktop-ok); }
.shop-flow-rate { text-align:center; font-size:11px; color:var(--desktop-muted); }
.shop-flow-rate b { color:var(--desktop-text); margin-left:6px; }
.shop-flow-split { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:14px; padding-top:12px; border-top:1px solid var(--desktop-border); font-size:12px; color:var(--desktop-muted); }
.shop-flow-split b { color:var(--desktop-text); margin-left:4px; }
@media(min-width:1750px) { .shop-kpis { grid-template-columns:repeat(8,minmax(0,1fr)); } }
@media(max-width:1150px) { .shop-overview-grid { grid-template-columns:1fr; } .shop-ad-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .shop-ad-card-grid { grid-template-columns:1fr; } .shop-ad-compact { grid-template-columns:1fr; } .shop-benchmark-values strong { font-size:17px; } .shop-natural-item { padding:14px; } .shop-natural-values { gap:8px; } .shop-product-basis { margin-left:0; } }
@media(max-width:1100px) { .shop-ad-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .shop-ad-kpis article { padding:14px 12px; } .shop-ad-kpis strong { font-size:23px; } .shop-ad-observations { gap:14px; } .shop-extra-columns { margin-left:0; } #shopProductTable td:first-child,#shopProductTable th:first-child { position:static; } }
.shop-sync-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:12px 0 0; margin:12px 0 0; border-top:1px solid var(--desktop-border); gap:16px; }
.shop-sync-progress li { min-width:0; border-left:2px solid var(--desktop-border); padding-left:10px; font-size:12px; color:var(--desktop-muted); }
.shop-sync-progress strong { display:block; font-size:11px; margin-top:6px; font-weight:500; overflow-wrap:anywhere; }
.shop-sync-progress [data-status=working] { border-color:var(--desktop-primary); color:var(--desktop-primary); }
.shop-sync-progress [data-status=ready] { border-color:var(--desktop-ok); }
.shop-sync-progress [data-status=error],.shop-sync-progress [data-status=partial] { border-color:var(--desktop-danger); }
@media(max-width:1000px) { .shop-distribution-grid { grid-template-columns:1fr; gap:32px; } .shop-module-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 0; } .shop-module-kpis > div:nth-child(3) { padding-left:0; border:0; } }
@media(max-width:760px) { .shop-view-tabs { gap:20px; } .shop-view-tabs button { font-size:13px; } .shop-module-kpis strong { font-size:24px; } .shop-module-kpis > div { padding:0 12px; } .shop-sync-progress { grid-template-columns:repeat(2,minmax(0,1fr)); } .shop-product-tools .shop-search { width:100%; flex:auto; } .shop-product-tools .shop-search input { width:100%; } .shop-distribution-row,.shop-distribution-heading { grid-template-columns:74px minmax(25px,1fr) 32px 44px 34px; gap:6px; } }
@keyframes shop-sync-spin { to { transform:rotate(360deg); } }
.shop-market-head { align-items:flex-start; margin-top:20px; }
.shop-market-head .shop-market-query { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:0 0 auto; width:auto; height:38px; min-height:38px; max-height:38px; max-width:100%; padding:0 12px; font-size:13px; line-height:1; white-space:nowrap; }
.shop-market-head .shop-button svg { width:16px; height:16px; flex:none; }
.shop-market-head .shop-primary { color:var(--shop-surface); }
.shop-market-head p { margin:8px 0 0; }
.shop-market-storage { color:var(--desktop-muted); font-size:11px; }
.shop-market-status { min-height:20px; font-size:12px; line-height:1.7; overflow-wrap:anywhere; margin:8px 0 16px; }
.shop-market-spinner { display:inline-block; width:12px; height:12px; margin-right:8px; border:2px solid var(--desktop-border); border-top-color:var(--desktop-primary); border-radius:50%; animation:shop-sync-spin .8s linear infinite; }
.shop-market-spinner[hidden] { display:none; }
.shop-market-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); border-block:1px solid var(--desktop-border); padding:20px 0; margin-bottom:20px; gap:20px; }
.shop-market-summary > div { min-width:0; padding-inline:14px; border-left:2px solid var(--desktop-border); }
.shop-market-summary > div:first-child { border-left-color:var(--desktop-primary); }
.shop-market-summary span,.shop-market-summary small { display:block; font-size:12px; color:var(--desktop-muted); }
.shop-market-summary strong { display:block; font-size:27px; line-height:1.4; margin:4px 0; font-variant-numeric:tabular-nums; }
.shop-market-toolbar { display:flex; gap:12px; justify-content:space-between; flex-wrap:wrap; margin:18px 0; }
.shop-market-options { display:grid; grid-template-columns:minmax(180px,1fr) 40px 150px auto; gap:12px; align-items:end; margin:18px 0; }
.shop-market-options label:not(.shop-market-check) { display:grid; gap:6px; font-size:12px; color:var(--desktop-muted); min-width:0; }
.shop-market-category input { height:34px; min-width:0; width:100%; padding:6px 10px; background:var(--desktop-surface-strong); color:var(--desktop-text); border:1px solid var(--desktop-border-strong); border-radius:6px; }
.shop-market-category small { font-size:11px; color:var(--desktop-muted); min-height:16px; }
.shop-market-options select { height:38px; min-width:0; width:100%; padding:6px 10px; background:var(--desktop-surface-strong); color:var(--desktop-text); border:1px solid var(--desktop-border-strong); border-radius:6px; }
.shop-market-check { display:flex; align-items:center; min-height:38px; gap:6px; font-size:13px; }
.shop-market-check input { accent-color:var(--desktop-primary); }
.shop-market-groups { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:22px 0; gap:0; border-bottom:1px solid var(--desktop-border); }
.shop-market-groups button { background:transparent; color:var(--desktop-muted); padding:14px 16px; border:0; border-bottom:2px solid transparent; cursor:pointer; text-align:left; min-height:100px; }
.shop-market-groups button[aria-pressed=true] { background:var(--desktop-primary-soft); border-bottom-color:var(--desktop-primary); color:var(--desktop-primary); }
.shop-market-groups span,.shop-market-groups small,.shop-market-groups strong { display:block; }
.shop-market-groups strong { font-size:23px; font-variant-numeric:tabular-nums; margin:5px 0; }
.shop-market-groups small { font-size:11px; }
.shop-market-table { min-width:1080px; }
.shop-market-compare { min-width:820px; }
.shop-market-table th:first-child,.shop-market-compare th:first-child { min-width:160px; }
.shop-market-table td:first-child,.shop-market-compare td:first-child { text-align:left; white-space:normal; max-width:250px; }
.shop-market-table td small,.shop-market-compare td small { display:block; color:var(--desktop-muted); font-size:11px; margin-top:5px; font-weight:400; }
.shop-market-table .market-priority,.shop-market-compare .market-priority { background:color-mix(in srgb,var(--desktop-primary) 4%,transparent); }
.shop-market-bar { display:block; height:4px; background:var(--desktop-border); width:90px; margin:7px 0 0 auto; border-radius:2px; overflow:hidden; }
.shop-market-bar i { display:block; height:100%; background:var(--desktop-primary); }
.shop-market-decision { min-width:130px; max-width:240px; text-align:left; white-space:normal; font-size:12px; }
.shop-market-decision summary { cursor:pointer; padding:6px 0; font-weight:600; }
.shop-market-decision p { line-height:1.8; margin:8px 0; }
.shop-market-decision dl { font-size:11px; color:var(--desktop-muted); line-height:1.8; }
.shop-market-decision dd { margin:0 0 6px; color:var(--desktop-text); }
.shop-market-basis,.shop-market-cross { padding:16px 0; border-bottom:1px solid var(--desktop-border); margin-top:12px; font-size:12px; }
.shop-market-basis summary,.shop-market-cross summary { cursor:pointer; font-weight:600; }
.shop-market-basis p { max-width:950px; line-height:1.9; color:var(--desktop-muted); }
.shop-market-cross summary span { color:var(--desktop-muted); margin-left:10px; font-weight:400; }
.shop-market-cross .shop-table-scroll { margin-top:16px; }
.shop-market-tag { font-size:12px; display:inline-flex; padding:4px 7px; border-radius:4px; border:1px solid var(--desktop-border); }
.shop-market-tag.shared { color:var(--desktop-primary); background:var(--desktop-primary-soft); }
.shop-market-tag.opportunity { color:var(--shop-gold); }
.shop-market-tag.distinct { color:var(--desktop-ok); }
.shop-pagination { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; color:var(--desktop-muted); margin:12px 0; }
.shop-pagination > div { display:flex; gap:8px; }
@media(max-width:1000px) { .shop-market-options { grid-template-columns:minmax(0,1fr) 40px; } .shop-market-check { grid-column:2; min-width:120px; justify-self:end; } .shop-market-options > label:nth-of-type(2) { max-width:160px; } }
@media(max-width:760px) { .shop-view-tabs { overflow-x:auto; } .shop-view-tabs button { flex-shrink:0; white-space:nowrap; } .shop-market-head { flex-wrap:wrap; gap:12px; } .shop-market-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .shop-market-groups { grid-template-columns:repeat(2,minmax(0,1fr)); } .shop-market-toolbar .shop-segments { flex-wrap:wrap; } .shop-market-toolbar .shop-search { width:100%; } }
@media(prefers-reduced-motion:reduce) { .shop-market-spinner { animation:none; } }
@media(prefers-reduced-motion:reduce) { .shop-sync-status.working::before { animation:none; } .shop-main * { transition:none!important; scroll-behavior:auto!important; } }
@media(min-width:1500px) { .shop-page .shop-main { padding-left:40px; padding-right:40px; } .shop-kpi .kpi-value { font-size:28px; } }
@media(max-width:1200px) {
  .shop-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .shop-sync-fields { grid-template-columns:110px minmax(0,1fr) 40px; }
  #startShopSync { grid-column:1 / -1; }
}
@media(max-width:760px) {
  .shop-page .desktop-sidebar { display:flex; flex-direction:row; flex-wrap:wrap; gap:8px; padding:12px; overflow:visible; }
  .shop-page .desktop-brand { flex:1; min-width:160px; }
  .shop-page .desktop-sidebar .queue-section { order:3; width:100%; min-width:0; margin:0; }
  .shop-page .desktop-sidebar .queue-section h2 { display:none; }
  .shop-page .desktop-sidebar .section-body { display:flex; gap:6px; overflow-x:auto; padding:4px 0; }
  .shop-page .desktop-sidebar .side-link { flex:0 0 auto; min-height:38px; }
  .shop-page .sidebar-foot { display:flex; align-items:center; gap:6px; padding:0; }
  .shop-page .sidebar-foot > button,.shop-page .desktop-theme-trigger { width:34px; height:34px; padding:7px; }
  .shop-page .sidebar-foot > button span,.shop-page .desktop-theme-trigger span { display:none; }
  .shop-page .desktop-theme-trigger [data-theme-current] { display:none; }
  .shop-page .desktop-sidebar { backdrop-filter:none; }
  .shop-page .shop-main { padding:20px 16px; }
  .shop-sync-fields { grid-template-columns:minmax(0,1fr) 40px; }
  .shop-sync-fields > label:first-child { grid-column:1 / -1; }
  .shop-header h1 { font-size:23px; }
  .shop-filters label:first-child,.shop-filters label:nth-child(2) { width:100%; min-width:0; max-width:none; flex:auto; }
  .shop-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shop-kpi .kpi-value { font-size:23px; }
  .shop-natural { grid-template-columns:1fr; gap:24px; }
  .shop-period { gap:8px; }
  .shop-table-tools { gap:12px; }
  .shop-search { margin:0; flex:1; }
  .shop-search input { width:100%; min-width:130px; }
}

/* Match the workspace's broad-section navigation without listing every tool. */
.workbench-groups{display:flex;flex-direction:column;gap:6px;margin-top:24px}.workbench-groups a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--desktop-muted,#617084);border-radius:8px;text-decoration:none;font-size:14px}.workbench-groups a.active{background:var(--desktop-primary-soft,#eaf1fc);color:var(--desktop-primary,#255fc7);font-weight:600}.workbench-groups .group-icon{display:inline-flex}.workbench-groups svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.workbench-feature-tabs{display:flex;gap:5px;overflow-x:auto;margin:0 0 16px;padding:8px;border:1px solid var(--desktop-border,#dfe6ef);border-radius:10px;background:var(--desktop-surface-strong,#fff)}.workbench-feature-tabs a{padding:10px 16px;color:var(--desktop-muted,#617084);white-space:nowrap;text-decoration:none;border-radius:6px;font-size:13px}.workbench-feature-tabs .active{background:var(--desktop-primary-soft,#eaf1fc);color:var(--desktop-primary,#255fc7);font-weight:600}
@media(max-width:760px){.workbench-groups{flex-direction:row;overflow-x:auto;margin-top:10px}.workbench-groups a{flex-shrink:0;font-size:12px;padding:8px}.workbench-groups .group-icon{display:none}.workbench-feature-tabs a{padding:9px 12px}}
.shop-sync-fields{grid-template-columns:155px 90px minmax(190px,1fr) 40px auto;max-width:1000px}
@media(max-width:1200px){.shop-sync-fields{grid-template-columns:140px 90px minmax(0,1fr) 40px}.shop-sync-fields>#startShopSync{grid-column:1/-1}}
@media(max-width:760px){.shop-page .workbench-groups{order:3;flex-basis:100%;width:100%;max-width:100%;min-width:0;margin:0}.shop-sync-fields{grid-template-columns:minmax(0,1fr) 40px}.shop-sync-fields>label:nth-of-type(1),.shop-sync-fields>label:nth-of-type(2){grid-column:1/-1}.shop-sync-fields>label:nth-of-type(3){grid-column:1}.shop-sync-fields>#readSyncPeriods{grid-column:2}}
/* Shop dashboard content uses the workspace's surfaces and spacing. */
.shop-page.workbench-page{--shop-canvas:var(--wb-canvas);--shop-surface:var(--wb-surface);--shop-line:var(--wb-line);--shop-text:var(--wb-text);--shop-muted:var(--wb-muted);--shop-blue:var(--wb-blue)}
.shop-page .shop-main.workbench-main{--desktop-surface-strong:var(--shop-surface);--desktop-surface-soft:var(--shop-subtle);--desktop-border:var(--shop-line);--desktop-border-strong:var(--shop-line);--desktop-text:var(--shop-text);--desktop-muted:var(--shop-muted);--desktop-primary:var(--shop-blue);--desktop-ok:var(--shop-positive);--desktop-danger:var(--shop-negative)}
.shop-page .shop-sync-toolbar{background:var(--shop-surface);border:1px solid var(--shop-line);border-radius:10px;padding:18px 22px;margin:0 0 16px}.shop-page .shop-sync-toolbar[open]>summary{margin-bottom:0}.shop-page .shop-sync-toolbar>summary{font-size:13px;font-weight:600;color:var(--shop-text);padding:0 0 16px;cursor:pointer}.shop-page .shop-sync-fields{max-width:none;grid-template-columns:155px 90px minmax(190px,1fr) 40px auto;gap:16px}.shop-page .shop-sync-fields label{gap:5px;color:var(--shop-muted);font-size:12px}.shop-page .shop-sync-fields select{height:40px;min-height:40px;border-radius:6px;font:inherit;font-size:13px;color:var(--shop-text);padding:7px 10px}.shop-page .shop-sync-fields button{min-height:40px}.shop-page .shop-primary{background:var(--wb-blue);border-color:var(--wb-blue);color:#fff;padding:8px 16px}.shop-page .shop-sync-context{font-size:12px;color:var(--shop-muted);margin:12px 0 0}.shop-page .shop-sync-status:empty{display:none}.shop-page .shop-message{font-size:12px;padding:12px 1px;min-height:44px;color:#597799}.shop-page .shop-message.empty{padding:12px 1px;text-align:left;border:0}.shop-page .shop-message.error{color:var(--shop-negative)}
.shop-cache-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.shop-page .shop-filters{padding:0;border:0;gap:12px;flex:1;min-width:0}.shop-page .shop-filters label{min-width:0;display:flex;align-items:center;gap:12px;width:auto;flex:1;white-space:nowrap}.shop-page .shop-filters label:first-child{max-width:330px}.shop-page .shop-filters label:nth-child(2){max-width:420px;min-width:0}.shop-page .shop-filters select{width:auto;min-width:0;flex:1;height:40px}.shop-cache-actions{display:flex;gap:14px;margin-left:auto}.shop-cache-note{font-size:11px;color:var(--shop-muted);line-height:1.8;margin-top:28px}.shop-page .shop-section{background:var(--shop-surface);border:1px solid var(--shop-line);border-radius:9px;padding:20px}.shop-page .shop-identity{background:var(--shop-surface);border:1px solid var(--shop-line);border-radius:9px;padding:20px;margin-top:8px}
@media(max-width:1100px){.shop-page .shop-sync-fields{grid-template-columns:140px 90px minmax(0,1fr) 40px}.shop-page .shop-sync-fields>#startShopSync{grid-column:1/-1;justify-self:start}.shop-page .shop-filters{flex-basis:100%}}
@media(max-width:720px){.shop-page .shop-sync-toolbar{padding:16px}.shop-page .shop-sync-fields{grid-template-columns:minmax(0,1fr) 40px}.shop-page .shop-sync-fields>label:nth-of-type(1),.shop-page .shop-sync-fields>label:nth-of-type(2){grid-column:1/-1}.shop-page .shop-sync-fields>label:nth-of-type(3){grid-column:1}.shop-page .shop-sync-fields>#readSyncPeriods{grid-column:2}.shop-page .shop-filters label{flex-basis:100%;max-width:none!important}.shop-page .shop-section{padding:16px}}

/* Store overview: one record card, with lookup controls disclosed in place. */
.shop-page .shop-workspace { --shop-record-muted:color-mix(in srgb,var(--wb-text) 74%,var(--wb-surface)); background:var(--wb-surface); border:1px solid var(--wb-line); border-radius:12px; margin-bottom:20px; min-width:0; }
.shop-page .shop-workspace .shop-identity { margin:0; padding:22px 24px 16px; border:0; border-radius:12px 12px 0 0; background:transparent; }
.shop-workspace .shop-identity-main { gap:16px; align-items:flex-start; }
.shop-workspace .shop-identity-logo { width:60px; height:60px; margin-top:3px; border-radius:10px; background:var(--wb-hover); }
.shop-workspace .shop-identity-logo img { width:60px; height:60px; }
.shop-workspace .shop-identity-kicker { color:var(--wb-blue); font-size:11px; gap:10px; }
.shop-workspace .shop-identity-kicker span { color:var(--shop-record-muted); }
.shop-workspace .shop-identity-name h2 { font-size:20px; line-height:1.4; margin:4px 0; }
.shop-workspace .shop-identity-domain { color:var(--shop-record-muted); }
.shop-workspace .shop-identity-action { min-height:40px; margin:6px 0 0 auto; font-size:13px; color:var(--wb-blue); border-color:var(--wb-line); white-space:nowrap; }
.shop-workspace .shop-identity-credentials { margin-top:6px; gap:8px 16px; min-height:24px; }
.shop-workspace .shop-membership { gap:6px; font-size:12px; color:var(--shop-record-muted); }
.shop-workspace .shop-membership strong { font-size:14px; }
.shop-workspace .shop-home-badge { min-height:24px; }
.shop-workspace .shop-home-badge img { height:18px; max-width:88px; }
.shop-workspace .shop-identity-facts { grid-template-columns:minmax(140px,.8fr) minmax(0,2fr) minmax(130px,1fr); padding:14px 16px; margin:16px 0 0; gap:18px; background:var(--wb-hover); border:1px solid var(--wb-line); border-radius:8px; }
.shop-workspace .shop-identity-facts > div { grid-column:auto; grid-row:auto; }
.shop-workspace .shop-identity-facts dt { font-size:12px; margin-bottom:5px; color:var(--shop-record-muted); }
.shop-workspace .shop-identity-facts dd { min-height:20px; }
.shop-workspace .shop-identity-footer { margin-top:10px; font-size:12px; gap:6px 14px; }
.shop-workspace .shop-profile-state { align-items:flex-start; color:var(--shop-record-muted); }
.shop-workspace .shop-profile-state svg { margin-top:4px; }
.shop-workspace .shop-profile-state.complete { color:var(--shop-positive); }
.shop-workspace .shop-profile-help summary { min-height:24px; }
.shop-workspace .shop-profile-missing { color:var(--shop-record-muted); }
.shop-page .shop-workspace .shop-cache-bar { display:flex; gap:12px 20px; margin:0; padding:16px 24px 12px; border-top:1px solid var(--wb-line); background:var(--wb-hover); }
.shop-page .shop-workspace .shop-filters { display:grid; grid-template-columns:minmax(180px,1fr) minmax(260px,1.4fr) auto; gap:12px; flex:1; min-width:0; align-items:end; }
.shop-page .shop-workspace .shop-filters label { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; width:auto; min-width:0; max-width:none; color:var(--shop-record-muted); }
.shop-page .shop-workspace .shop-filters select { width:100%; height:38px; min-width:0; background:var(--wb-surface); font-size:12px; text-overflow:ellipsis; }
.shop-workspace .shop-cache-actions { gap:12px; flex-shrink:0; margin:0; }
.shop-page .shop-workspace .text-button { color:var(--shop-record-muted); min-height:38px; padding:4px 0; }
.shop-page .shop-workspace #clearShopCache:hover { color:var(--shop-negative); }
.shop-workspace .shop-record-context { padding:0 24px 16px; background:var(--wb-hover); }
.shop-workspace .shop-period { padding:0; gap:8px 14px; align-items:center; }
.shop-workspace .shop-period strong { font-size:13px; font-variant-numeric:tabular-nums; }
.shop-workspace .shop-period span { color:var(--shop-record-muted); }
.shop-workspace .shop-period .shop-period-type { display:inline-flex; padding:2px 7px; border-radius:4px; font-size:11px; font-weight:600; background:var(--wb-active); color:var(--wb-blue); }
.shop-workspace .shop-meta { font-size:12px; margin-top:6px; color:var(--shop-record-muted); }
.shop-page .shop-workspace .shop-sync-toolbar { padding:0; margin:0; border:0; border-top:1px solid var(--wb-line); border-radius:0 0 12px 12px; background:transparent; }
.shop-page .shop-workspace .shop-sync-toolbar > summary { display:flex; align-items:center; gap:12px; padding:14px 24px; margin:0; min-height:54px; list-style:none; border-radius:0 0 12px 12px; }
.shop-workspace .shop-sync-toolbar > summary::-webkit-details-marker { display:none; }
.shop-workspace .shop-sync-toolbar > summary:hover { background:var(--wb-hover); }
.shop-workspace .shop-sync-heading { display:inline-flex; align-items:center; flex-shrink:0; gap:8px; color:var(--wb-blue); }
.shop-workspace .shop-sync-heading svg { width:16px; height:16px; flex:none; }
.shop-workspace .shop-sync-summary { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--shop-record-muted); font-size:12px; font-weight:400; }
.shop-workspace .shop-sync-disclosure { display:inline-flex; align-items:center; flex:none; gap:5px; font-weight:400; font-size:12px; color:var(--shop-record-muted); }
.shop-workspace .shop-sync-disclosure svg { width:14px; height:14px; transition:transform var(--wb-motion-fast,160ms) var(--wb-motion-ease,ease); }
.shop-workspace .shop-sync-toolbar[open] .shop-sync-disclosure svg { transform:rotate(90deg); }
.shop-workspace .shop-sync-toolbar[data-phase=success] .shop-sync-summary { color:var(--shop-positive); }
.shop-workspace .shop-sync-toolbar:is([data-phase=partial],[data-phase=error]) .shop-sync-summary { color:var(--shop-negative); }
.shop-workspace #shopSyncForm { padding:0 24px 20px; }
.shop-page .shop-workspace .shop-sync-context { margin:0 0 12px; padding:9px 12px; border-radius:6px; background:var(--wb-hover); color:var(--shop-record-muted); font-size:12px; }
.shop-page .shop-workspace .shop-sync-fields { grid-template-columns:minmax(140px,1fr) 90px minmax(220px,1.8fr) 40px auto; max-width:1060px; gap:12px; }
.shop-page .shop-workspace .shop-sync-fields > label { grid-column:auto; color:var(--shop-record-muted); }
.shop-page .shop-workspace .shop-sync-fields > #readSyncPeriods { grid-column:auto; }
.shop-page .shop-workspace .shop-sync-fields > #startShopSync { grid-column:auto; justify-self:stretch; min-width:104px; }
.shop-workspace .shop-sync-status { margin-top:12px; line-height:1.7; color:var(--shop-record-muted); }
.shop-workspace .shop-sync-status.error { color:var(--shop-negative); }
.shop-workspace .shop-sync-progress { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); border:0; padding:0; margin:14px 0 0; gap:8px; }
.shop-workspace .shop-sync-progress li { display:flex; align-items:flex-start; gap:8px; padding:10px; border:1px solid var(--wb-line); border-radius:6px; background:var(--wb-hover); color:var(--shop-record-muted); }
.shop-workspace .shop-progress-mark { display:grid; place-items:center; width:18px; height:18px; flex:none; font-size:12px; border:1px solid currentColor; border-radius:50%; }
.shop-workspace .shop-progress-copy { min-width:0; }
.shop-workspace .shop-sync-progress strong { margin-top:3px; font-size:12px; font-weight:400; }
.shop-workspace .shop-sync-progress [data-status=working] { color:var(--wb-blue); border-color:var(--wb-blue); }
.shop-workspace .shop-sync-progress :is([data-status=ready],[data-status=empty]) .shop-progress-mark { color:var(--shop-positive); }
.shop-workspace .shop-sync-progress :is([data-status=error],[data-status=partial]) { color:var(--shop-negative); }
.shop-workspace .shop-empty-intro { display:flex; align-items:center; gap:14px; padding:24px; }
.shop-workspace .shop-empty-intro > svg { width:42px; height:42px; padding:10px; border-radius:10px; flex:none; background:var(--wb-active); color:var(--wb-blue); }
.shop-workspace .shop-empty-intro h2 { margin:0 0 4px; font-size:18px; }
.shop-workspace .shop-empty-intro p { margin:0; font-size:13px; color:var(--shop-record-muted); }
.shop-page .shop-view-tabs { margin-top:0; }
@media(max-width:1200px) {
  .shop-page .shop-workspace .shop-cache-bar { gap:6px 16px; }
  .shop-page .shop-workspace .shop-filters { flex-basis:100%; }
  .shop-workspace .shop-cache-actions { margin-left:auto; }
  .shop-page .shop-workspace .shop-sync-fields { grid-template-columns:minmax(120px,1fr) 80px minmax(180px,1.5fr) 40px; }
  .shop-page .shop-workspace .shop-sync-fields > #startShopSync { grid-column:1/-1; justify-self:end; }
}
@media(max-width:900px) {
  .shop-workspace .shop-identity-main { flex-wrap:wrap; gap:12px; }
  .shop-workspace .shop-identity-name { flex-basis:calc(100% - 76px); }
  .shop-workspace .shop-identity-action { margin:0 0 0 76px; }
  .shop-workspace .shop-identity-facts { grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:12px; gap:12px; }
  .shop-workspace .shop-identity-facts > div:nth-child(2) { grid-row:2; grid-column:1/-1; border:0; padding:0; }
  .shop-workspace .shop-identity-facts > div:last-child { grid-row:1; grid-column:2; }
  .shop-page .shop-workspace .shop-filters { grid-template-columns:minmax(0,1fr); gap:8px; }
  .shop-page .shop-workspace .shop-filters > button { justify-self:start; }
  .shop-page .shop-workspace .shop-sync-fields { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px; }
  .shop-page .shop-workspace .shop-sync-fields > label:nth-of-type(2) { grid-column:2/4; }
  .shop-page .shop-workspace .shop-sync-fields > label:nth-of-type(3) { grid-column:1/3; }
  .shop-page .shop-workspace .shop-sync-fields > #readSyncPeriods { grid-column:3; }
  .shop-page .shop-workspace .shop-sync-fields > #startShopSync { justify-self:stretch; }
}
@media(max-width:600px) {
  .shop-page .shop-workspace .shop-identity { padding:16px; }
  .shop-workspace .shop-identity-name h2 { font-size:17px; }
  .shop-page .shop-workspace .shop-cache-bar { padding:12px 16px 8px; }
  .shop-workspace .shop-record-context { padding:0 16px 14px; }
  .shop-workspace .shop-period > #shopPrevious { flex-basis:100%; }
  .shop-page .shop-workspace .shop-sync-toolbar > summary { padding:12px 16px; flex-wrap:wrap; gap:4px 10px; }
  .shop-workspace .shop-sync-summary { order:3; flex-basis:100%; white-space:normal; }
  .shop-workspace .shop-sync-disclosure { margin-left:auto; }
  .shop-workspace #shopSyncForm { padding:0 16px 16px; }
  .shop-workspace .shop-sync-progress { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shop-workspace .shop-empty-intro { padding:20px 16px; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { .shop-workspace .shop-sync-disclosure svg { transition:none; } }

/* KPI baselines are actual values; deltas remain a separate, secondary line. */
.shop-page .shop-kpi .kpi-comparisons { margin:0; padding-top:10px; border-top:1px solid var(--shop-line); display:grid; gap:8px; }
.shop-page .shop-kpi .kpi-comparisons > div { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; column-gap:10px; }
.shop-page .shop-kpi .kpi-comparisons dt { padding-top:1px; font-size:12px; color:var(--shop-muted); }
.shop-page .shop-kpi .kpi-comparisons dd { display:grid; justify-items:end; gap:1px; margin:0; min-width:0; text-align:right; font-variant-numeric:tabular-nums; }
.shop-page .shop-kpi .kpi-baseline { color:var(--shop-text); font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.shop-page .shop-kpi .kpi-delta { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
@media(min-width:1750px) { .shop-page .shop-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:600px) { .shop-page .shop-kpis { grid-template-columns:minmax(0,1fr); } .shop-page .shop-kpi .kpi-comparisons dd { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; align-items:baseline; } }