/* Free TikTok Shop Analytics: hero with the tool, a till-receipt ranking of the lip oil run, hand-built SVG charts, the one-product checker,
   a four-way comparison and chat prompts. Type, colour, buttons and cards come from landing-system.css; the accent is mint (money, receipts). */
.bespoke-tool-tiktok-shop-analytics.tools-main{max-width:none;margin:0;padding:0;background:var(--ls-cream);color:var(--ls-text)}
.bespoke-tool-tiktok-shop-analytics ol,.bespoke-tool-tiktok-shop-analytics ul{margin:0;padding:0;list-style:none}
.bespoke-tool-tiktok-shop-analytics a.ls-btn,.bespoke-tool-tiktok-shop-analytics a.ls-btn:hover{color:#fff}
.bespoke-tool-tiktok-shop-analytics a.ls-btn--ghost,.bespoke-tool-tiktok-shop-analytics a.ls-btn--ghost:hover{color:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics code{font-size:.92em;background:var(--ls-mint-tint);padding:1px 5px;border-radius:6px}

/* hero + tool */
.bespoke-tool-tiktok-shop-analytics .sa-hero{padding-top:40px}
.bespoke-tool-tiktok-shop-analytics .sa-hero .ls-split{align-items:start}
.bespoke-tool-tiktok-shop-analytics .sa-hero-points{display:grid;gap:8px;margin:0 0 24px}
.bespoke-tool-tiktok-shop-analytics .sa-hero-points li{position:relative;padding-left:26px;font-size:17px;line-height:1.45}
.bespoke-tool-tiktok-shop-analytics .sa-hero-points li::before{content:'';position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:3px;background:var(--ls-mint);border:1.5px solid var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .tool-workspace{display:block;max-width:none;margin:0}
.bespoke-tool-tiktok-shop-analytics .tool-panel{background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius);box-shadow:0 8px 0 var(--ls-mint);overflow:hidden}
.bespoke-tool-tiktok-shop-analytics .tool-form{padding:30px}
.bespoke-tool-tiktok-shop-analytics .tool-form label{font:700 18px/1.3 var(--ls-font);color:var(--ls-ink);text-align:left;margin-bottom:12px}
.bespoke-tool-tiktok-shop-analytics .tool-form input:not([type=hidden]){font:17px/1.4 var(--ls-font);color:var(--ls-ink);background:var(--ls-cream);border:1.5px solid var(--ls-line);border-radius:var(--ls-radius-sm);padding:16px 18px}
.bespoke-tool-tiktok-shop-analytics .tool-form input:not([type=hidden]):focus{outline:3px solid var(--ls-blue);outline-offset:1px;border-color:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .tool-form input::placeholder{color:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .tool-submit{justify-content:center;gap:10px;min-height:56px;border:2px solid var(--ls-ink);border-radius:22px;background:var(--ls-ink);color:#fff;font:700 17px/1.2 var(--ls-font)}
.bespoke-tool-tiktok-shop-analytics .tool-submit:hover:not(:disabled){background:var(--ls-ink);box-shadow:0 6px 0 rgba(31,30,28,.18)}
.bespoke-tool-tiktok-shop-analytics .tool-input-help,.bespoke-tool-tiktok-shop-analytics .form-assurance,.bespoke-tool-tiktok-shop-analytics .tool-meta p,.bespoke-tool-tiktok-shop-analytics .tool-message{font-family:var(--ls-font);font-size:14px;color:var(--ls-muted);text-align:left}
.bespoke-tool-tiktok-shop-analytics .tool-message[data-error=true]{color:var(--ls-peach-deep)}
.bespoke-tool-tiktok-shop-analytics .tool-verify{justify-content:flex-start}
.bespoke-tool-tiktok-shop-analytics #tool-results{grid-column:1/-1;margin-top:8px;background:var(--ls-paper);border:1.5px solid var(--ls-line);border-radius:var(--ls-radius);box-shadow:none;padding:28px;font-family:var(--ls-font);min-width:0}

/* result extras drawn by the shopsales module */
.bespoke-tool-tiktok-shop-analytics .sa-caption{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--ls-sage-deep,#5b6b3f)}
.bespoke-tool-tiktok-shop-analytics .tk-section .sa-caption{margin:10px 0 0}
.bespoke-tool-tiktok-shop-analytics .sa-prod{display:flex;flex-direction:column;gap:2px;min-width:0}
.bespoke-tool-tiktok-shop-analytics .sa-prod a{font-weight:700;line-height:1.3}
.bespoke-tool-tiktok-shop-analytics .sa-shopline{font-size:13px;color:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-growth{font-weight:700;font-variant-numeric:tabular-nums}
.bespoke-tool-tiktok-shop-analytics .sa-growth--good{color:#2f6b45}
.bespoke-tool-tiktok-shop-analytics .sa-growth--bad{color:var(--ls-peach-deep)}
.bespoke-tool-tiktok-shop-analytics .sa-note{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-shops{display:grid;gap:12px}
.bespoke-tool-tiktok-shop-analytics .tk-section .sa-shops{grid-template-columns:repeat(3,minmax(0,1fr))}
.bespoke-tool-tiktok-shop-analytics .sa-shopcard{border:1.5px solid var(--ls-line);border-radius:var(--ls-radius-sm);padding:16px;background:var(--ls-cream);min-width:0}
.bespoke-tool-tiktok-shop-analytics .sa-shopcard-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bespoke-tool-tiktok-shop-analytics .sa-rank,.bespoke-tool-tiktok-shop-analytics .sa-shop-rank{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ls-mint);border:1.5px solid var(--ls-ink);font-weight:800;font-size:13px;flex:none}
.bespoke-tool-tiktok-shop-analytics .sa-shop-rev{margin:8px 0 2px;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .sa-shop-sub{margin:2px 0;font-size:13px;color:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-phead{display:flex;gap:18px;align-items:flex-start;margin-bottom:18px}
.bespoke-tool-tiktok-shop-analytics .sa-ptitle{margin:0;font-size:19px;font-weight:800;line-height:1.3;color:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .sa-pmeta{margin:4px 0 6px;font-size:14px;color:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-plink{font-size:14px;font-weight:700}

/* example: illustration, key stats, receipt table */
.bespoke-tool-tiktok-shop-analytics .sa-example-head{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:center;margin-bottom:32px}
.bespoke-tool-tiktok-shop-analytics .sa-example-head p:last-child{margin-bottom:0}
.bespoke-tool-tiktok-shop-analytics .sa-illo{margin:0}
.bespoke-tool-tiktok-shop-analytics .sa-illo svg{display:block;width:100%;max-width:240px}
.bespoke-tool-tiktok-shop-analytics .sa-ink *{stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}
.bespoke-tool-tiktok-shop-analytics .sa-ink .sa-thick{stroke-width:5}
.bespoke-tool-tiktok-shop-analytics .sa-ink .f-paper{fill:var(--ls-paper)}
.bespoke-tool-tiktok-shop-analytics .sa-ink .f-mint{fill:var(--ls-mint)}
.bespoke-tool-tiktok-shop-analytics .sa-ink .f-yellow{fill:var(--ls-yellow)}
.bespoke-tool-tiktok-shop-analytics .sa-keystats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 28px}
.bespoke-tool-tiktok-shop-analytics .sa-keystats>div{background:var(--ls-mint-tint);border-radius:var(--ls-radius-sm);padding:18px 20px}
.bespoke-tool-tiktok-shop-analytics .sa-keystats>div:first-child{background:var(--ls-ink);color:#efece6}
.bespoke-tool-tiktok-shop-analytics .sa-keystats>div:first-child dt,.bespoke-tool-tiktok-shop-analytics .sa-keystats>div:first-child dd{color:#efece6}
.bespoke-tool-tiktok-shop-analytics .sa-keystats dt{font-size:14px;font-weight:700;color:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-keystats dd{margin:6px 0 0;font-size:clamp(30px,3vw,40px);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .sa-keystats dd.ls-small{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.4;color:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-receipt{border:2px dashed var(--ls-ink);background:var(--ls-paper)}
.bespoke-tool-tiktok-shop-analytics .sa-receipt caption,.bespoke-tool-tiktok-shop-analytics .sa-product caption{caption-side:top;text-align:left;padding:14px 16px 4px;font-size:13px;font-weight:700;color:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-receipt td a,.bespoke-tool-tiktok-shop-analytics .sa-product td a{font-weight:700}
.bespoke-tool-tiktok-shop-analytics .sa-shopname{display:block;font-size:13px;color:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-g{font-weight:700}
.bespoke-tool-tiktok-shop-analytics .sa-g--up{color:#2f6b45}
.bespoke-tool-tiktok-shop-analytics .sa-g--down{color:var(--ls-peach-deep)}

/* charts */
.bespoke-tool-tiktok-shop-analytics .sa-two{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:40px}
.bespoke-tool-tiktok-shop-analytics .sa-figure{margin:0;background:var(--ls-cream);border-radius:var(--ls-radius);padding:24px}
.bespoke-tool-tiktok-shop-analytics .sa-figure--paper{background:var(--ls-paper)}
.bespoke-tool-tiktok-shop-analytics .sa-chart{display:block;width:100%;height:auto;font-family:var(--ls-font)}
.bespoke-tool-tiktok-shop-analytics .sa-ch-title{font-size:18px;font-weight:800;fill:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .sa-ch-label{font-size:14.5px;fill:var(--ls-text)}
.bespoke-tool-tiktok-shop-analytics .sa-ch-value{font-size:14.5px;font-weight:800;fill:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .sa-ch-axis{font-size:13px;fill:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-ch-src{font-size:12px;fill:var(--ls-muted)}
.bespoke-tool-tiktok-shop-analytics .sa-bar{fill:var(--ls-blue)}
.bespoke-tool-tiktok-shop-analytics .sa-bar--top{fill:var(--ls-blue-deep)}
.bespoke-tool-tiktok-shop-analytics .sa-grid{stroke:var(--ls-line);stroke-width:1}
.bespoke-tool-tiktok-shop-analytics .sa-line{fill:none;stroke:var(--ls-blue-deep);stroke-width:2.5;stroke-linejoin:round}
.bespoke-tool-tiktok-shop-analytics .sa-area{fill:var(--ls-blue);opacity:.22}
.bespoke-tool-tiktok-shop-analytics .sa-dot{fill:var(--ls-blue-deep);stroke:var(--ls-paper);stroke-width:2}
.bespoke-tool-tiktok-shop-analytics .sa-h3{margin:0 0 4px}
.bespoke-tool-tiktok-shop-analytics .sa-example .sa-shops{margin:16px 0 0}
.bespoke-tool-tiktok-shop-analytics .sa-shop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;padding:16px 18px}
.bespoke-tool-tiktok-shop-analytics .sa-shop .sa-shop-rev,.bespoke-tool-tiktok-shop-analytics .sa-shop .ls-small{grid-column:2}
.bespoke-tool-tiktok-shop-analytics .sa-example .sa-shop .sa-shop-rev{margin:0}

/* meaning, product, compare, prompts */
.bespoke-tool-tiktok-shop-analytics .sa-defs{margin:28px 0 0}
.bespoke-tool-tiktok-shop-analytics .sa-defs dt{font-size:18px;font-weight:800;color:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .sa-defs dd{margin:8px 0 0;font-size:16px;line-height:1.5}
.bespoke-tool-tiktok-shop-analytics .sa-meaning .sa-note{margin-top:20px;font-size:15px}
.bespoke-tool-tiktok-shop-analytics .sa-product .ls-measure{margin-bottom:0}
.bespoke-tool-tiktok-shop-analytics .sa-product .sa-two{margin-top:28px}
.bespoke-tool-tiktok-shop-analytics .sa-compare .ls-measure{margin-bottom:28px}
.bespoke-tool-tiktok-shop-analytics .sa-cmp th[scope=row]{font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ls-ink);vertical-align:top;min-width:150px;background:var(--ls-paper)}
.bespoke-tool-tiktok-shop-analytics .sa-cmp td{min-width:160px;font-size:15px}
.bespoke-tool-tiktok-shop-analytics .sa-cmp th.is-us{color:var(--ls-ink);background:var(--ls-mint)}
.bespoke-tool-tiktok-shop-analytics .sa-cmp td.is-us{background:var(--ls-mint-tint);font-weight:600}
.bespoke-tool-tiktok-shop-analytics .sa-more{margin:18px 0 0;font-size:15px}
.bespoke-tool-tiktok-shop-analytics .sa-prompts{margin:28px 0 0}
.bespoke-tool-tiktok-shop-analytics .sa-prompts .ls-card{display:flex;flex-direction:column;gap:12px}
.bespoke-tool-tiktok-shop-analytics .sa-prompts p{margin:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.bespoke-tool-tiktok-shop-analytics .sa-prompts p:nth-child(2){flex:1}
.bespoke-tool-tiktok-shop-analytics .sa-tag{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:15px}
.bespoke-tool-tiktok-shop-analytics .sa-tag b{color:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .sa-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px;max-width:900px}
.bespoke-tool-tiktok-shop-analytics .sa-prompts .ls-btn{align-self:flex-start}
.bespoke-tool-tiktok-shop-analytics .sa-alt{margin:20px 0 0;font-weight:700}
.bespoke-tool-tiktok-shop-analytics .sa-how-split{align-items:start}
.bespoke-tool-tiktok-shop-analytics .sa-info{margin:0}
.bespoke-tool-tiktok-shop-analytics .sa-info img{display:block;width:100%;height:auto;border-radius:var(--ls-radius);border:1.5px solid var(--ls-line)}
.bespoke-tool-tiktok-shop-analytics .sa-faq{max-width:820px}
.bespoke-tool-tiktok-shop-analytics .sa-next .ls-card{display:flex;flex-direction:column;gap:6px;height:100%;text-decoration:none;color:var(--ls-ink)}
.bespoke-tool-tiktok-shop-analytics .sa-next .ls-eyebrow{margin-bottom:18px}
.bespoke-tool-tiktok-shop-analytics .sa-small{margin:24px 0 0}

@media (max-width:960px){
 .bespoke-tool-tiktok-shop-analytics .sa-example-head{grid-template-columns:1fr;gap:20px}
 .bespoke-tool-tiktok-shop-analytics .sa-illo svg{max-width:180px}
 .bespoke-tool-tiktok-shop-analytics .sa-two,.bespoke-tool-tiktok-shop-analytics .sa-stack{grid-template-columns:minmax(0,1fr);gap:28px}
 .bespoke-tool-tiktok-shop-analytics .sa-keystats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bespoke-tool-tiktok-shop-analytics .tk-section .sa-shops{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
 .bespoke-tool-tiktok-shop-analytics .tool-form{padding:22px}
 .bespoke-tool-tiktok-shop-analytics #tool-results{padding:16px}
 .bespoke-tool-tiktok-shop-analytics .sa-figure{padding:14px}
 .bespoke-tool-tiktok-shop-analytics .sa-keystats{gap:10px}
 .bespoke-tool-tiktok-shop-analytics .sa-keystats>div{padding:14px}
 .bespoke-tool-tiktok-shop-analytics .sa-receipt .ls-table{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.bespoke-tool-tiktok-shop-analytics *{transition:none!important;animation:none!important}}
.bespoke-tool-tiktok-shop-analytics .sa-stack .ls-table td,.bespoke-tool-tiktok-shop-analytics .sa-stack .ls-table th{padding-left:12px;padding-right:12px}
@media (min-width:961px) and (max-width:1240px){.bespoke-tool-tiktok-shop-analytics .sa-stack{grid-template-columns:minmax(0,1fr)}}
@media (min-width:761px){.bespoke-tool-tiktok-shop-analytics #tool-results .tk-table .tk-cell--primary{min-width:210px}.bespoke-tool-tiktok-shop-analytics #tool-results .tk-table th,.bespoke-tool-tiktok-shop-analytics #tool-results .tk-table td{padding-left:10px;padding-right:10px}}
@media (max-width:640px){
 .bespoke-tool-tiktok-shop-analytics .sa-receipt th:first-child,.bespoke-tool-tiktok-shop-analytics .sa-receipt td:first-child{display:none}
 .bespoke-tool-tiktok-shop-analytics .sa-receipt td:nth-child(2){min-width:170px}
 .bespoke-tool-tiktok-shop-analytics .sa-figure{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .bespoke-tool-tiktok-shop-analytics .sa-figure .sa-chart{min-width:560px}
}

/* markets table (21 Oct 2026) */
.bespoke-tool-tiktok-shop-analytics .sa-markets{background:var(--ls-cream)}
.bespoke-tool-tiktok-shop-analytics .sa-markets .ls-table-wrap{max-width:560px}
.bespoke-tool-tiktok-shop-analytics .sa-mk td:first-child{font-weight:700;font-variant-numeric:tabular-nums}