.ai-briefing--customers{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid var(--c-info-bg)}.opp-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);margin-bottom:var(--s-4)}@media (max-width:1000px){.opp-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.opp-strip{grid-template-columns:1fr}}.opp-tile{display:flex;align-items:stretch;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--sh-subtle);text-decoration:none;color:inherit;overflow:hidden;transition:border-color var(--m-fast),box-shadow var(--m-fast),transform var(--m-fast)}.opp-tile:hover{border-color:var(--c-muted);box-shadow:var(--sh-card)}.opp-tile-bar{width:4px;flex-shrink:0}.opp-tile-bar.bar-danger{background:var(--c-danger)}.opp-tile-bar.bar-warn{background:var(--c-warning)}.opp-tile-bar.bar-info{background:var(--c-info)}.opp-tile-bar.bar-purple{background:var(--c-purple)}.opp-tile-body{flex:1;padding:var(--s-3) var(--s-4);display:flex;flex-direction:column;gap:2px}.opp-tile-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:var(--ls-label)}.opp-tile-count{font-family:var(--f-display);font-weight:var(--fw-medium);font-size:var(--fs-4xl);color:var(--c-text);font-variant-numeric:tabular-nums;line-height:1;margin:var(--s-1) 0}.opp-tile-amount{font-size:var(--fs-sm);color:var(--c-muted);font-family:var(--f-mono)}.opp-tile-cta{margin-top:var(--s-2);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--c-info)}.opp-tile-cta:after{content:" →"}.list-toolbar{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--sh-subtle);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-2);display:flex;flex-direction:column;gap:var(--s-3);position:sticky;top:110px;z-index:7}.list-search-row{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.list-search{position:relative;flex:1;min-width:200px}.list-search input{width:100%;padding:var(--s-2) var(--s-3) var(--s-2) 32px;background:var(--c-page);border:1px solid var(--c-line);border-radius:var(--r-sm);font-size:var(--fs-md);color:var(--c-body);min-height:36px}.list-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--c-muted);display:inline-flex}.list-sort-wrap{display:inline-flex;align-items:center;gap:var(--s-2)}.list-sort-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:var(--ls-label)}.list-sort{padding:6px var(--s-3);background:var(--c-page);border:1px solid var(--c-line);border-radius:var(--r-sm);font-size:var(--fs-md);color:var(--c-text);font-family:var(--f-mono);min-height:36px}.filter-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--s-2);padding-top:var(--s-2);border-top:1px dashed var(--c-line-soft)}.filter-status-text{font-size:var(--fs-sm);color:var(--c-muted);font-family:var(--f-mono)}.filter-status-text strong{color:var(--c-text);font-weight:var(--fw-semibold)}.filter-clear{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-info);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}.filter-clear:hover:not(:disabled){color:var(--c-text)}.filter-clear:disabled{opacity:.4;cursor:not-allowed}.chip-row{display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:center}.chip-row-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:var(--ls-label);margin-right:var(--s-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px var(--s-3);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-pill);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--c-body);transition:all var(--m-fast);cursor:pointer}.chip:hover{background:var(--c-page);border-color:var(--c-muted)}.chip.active,.chip[aria-pressed=true]{background:var(--c-text);border-color:var(--c-text);color:white}.chip-count{font-family:var(--f-mono);font-size:var(--fs-xs);padding:1px 6px;border-radius:var(--r-pill);background:var(--c-line-soft);color:var(--c-muted);font-weight:var(--fw-semibold)}.chip.active .chip-count,.chip[aria-pressed=true] .chip-count{background:rgba(255,255,255,.2);color:white}.chip-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.chip-dot.dot-danger{background:var(--c-danger)}.chip-dot.dot-warn{background:var(--c-warning)}.chip-dot.dot-info{background:var(--c-info)}.chip-dot.dot-purple{background:var(--c-purple)}.chip-dot.dot-success{background:var(--c-success)}.bulk-bar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-info-soft);border:1px solid var(--c-info-bg);border-radius:var(--r-md);margin-bottom:var(--s-2);flex-wrap:wrap}.bulk-bar-count{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--c-info);display:inline-flex;align-items:center;gap:var(--s-2)}.bulk-bar-spacer{flex:1}.bulk-bar-actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.bulk-btn{padding:6px var(--s-3);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-sm);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--c-body);display:inline-flex;align-items:center;gap:6px;min-height:32px}.bulk-btn:hover{background:var(--c-page);border-color:var(--c-muted)}.bulk-btn svg{width:14px;height:14px}.bulk-btn.bulk-btn-whatsapp{background:#25d366;border-color:#25d366;color:white}.bulk-btn.bulk-btn-whatsapp:hover{background:#1fb955;border-color:#1fb955}.bulk-btn.bulk-btn-clear{color:var(--c-muted)}.customer-list{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--sh-subtle);overflow:hidden}.cust-table-head{display:grid;grid-template-columns:36px minmax(220px,1.6fr) minmax(180px,1fr) 110px 130px 80px 90px;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--c-page);border-bottom:1px solid var(--c-line);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:var(--ls-label)}@media (max-width:1100px){.cust-table-head{display:none}}.cust-row{display:grid;grid-template-columns:36px minmax(220px,1.6fr) minmax(180px,1fr) 110px 130px 80px 90px;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-line-soft);align-items:center;transition:background var(--m-fast)}.cust-row:hover{background:var(--c-page)}.cust-row:last-child{border-bottom:none}.cust-row.is-selected{background:var(--c-info-soft)}.cust-check{width:16px;height:16px;accent-color:var(--c-text);cursor:pointer}.cust-id{display:flex;gap:var(--s-3);align-items:center;min-width:0}.cust-avatar{width:36px;height:36px;border-radius:50%;background:#f1f3f6;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-semibold);font-size:var(--fs-md);flex-shrink:0}.cust-avatar.av-vip{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#78350f}.cust-name-block{min-width:0}.cust-name{font-weight:var(--fw-medium);color:var(--c-text);font-size:var(--fs-lg);margin:0}.cust-meta{margin:2px 0 0;font-size:var(--fs-sm);color:var(--c-muted);font-family:var(--f-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-tags{display:flex;flex-wrap:wrap;gap:4px}.cust-tags,.tag{align-items:center}.tag{display:inline-flex;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-family:var(--f-sans);white-space:nowrap}.tag,.tag-conf{font-weight:var(--fw-semibold)}.tag-conf{font-family:var(--f-mono);opacity:.85;font-size:var(--fs-xs)}.tag.tag-danger{background:var(--c-danger-bg);color:var(--c-danger)}.tag.tag-warn{background:var(--c-warning-bg);color:var(--c-warning)}.tag.tag-info{background:var(--c-info-bg);color:var(--c-info)}.tag.tag-purple{background:var(--c-purple-bg);color:var(--c-purple)}.tag.tag-success{background:var(--c-success-bg);color:var(--c-success)}.tag.tag-vip{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#78350f}.tag:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.tag.tag-danger:before{background:var(--c-danger)}.tag.tag-warn:before{background:var(--c-warning)}.tag.tag-info:before{background:var(--c-info)}.tag.tag-purple:before{background:var(--c-purple)}.tag.tag-success:before{background:var(--c-success)}.tag.tag-vip:before{background:#b45309}.tag-info-btn{width:14px;height:14px;border-radius:50%;border:1px solid;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;opacity:.6;font-size:9px;font-weight:var(--fw-semibold);font-family:var(--f-mono);cursor:help;margin-left:2px}.tag-info-btn:hover{opacity:1}.cust-spend{text-align:right;font-family:var(--f-mono);font-size:var(--fs-md)}.cust-spend-val{color:var(--c-text);font-weight:var(--fw-semibold);display:block}.cust-spend-meta{color:var(--c-muted);font-size:var(--fs-xs);display:block;margin-top:2px}.cust-last{font-family:var(--f-mono);font-size:var(--fs-md);color:var(--c-body)}.cust-last-line{display:inline-flex;align-items:baseline;gap:6px}.cust-last-days,.cust-last-sep{color:var(--c-muted)}.cust-last-days{font-size:var(--fs-sm)}.cust-last-days.days-warn{color:var(--c-warning);font-weight:var(--fw-semibold)}.cust-last-days.days-danger{color:var(--c-danger);font-weight:var(--fw-semibold)}.cust-cats{display:flex;gap:4px}.cust-cat-dot{width:10px;height:10px;border-radius:50%}.cust-cat-dot.is-nut{background:var(--c-nutrition)}.cust-cat-dot.is-bty{background:var(--c-beauty)}.cust-cat-dot.is-per{background:var(--c-personal)}.cust-cat-dot.is-hom{background:var(--c-home)}.cust-cat-dot.is-faded{opacity:.2}.cust-actions{display:flex;gap:6px;justify-content:flex-end}.icon-btn.icon-whatsapp{background:#25d366;border-color:#25d366;color:white}.icon-btn.icon-whatsapp:hover{background:#1fb955;border-color:#1fb955}.icon-btn.icon-more{color:var(--c-muted);font-family:var(--f-mono);font-weight:var(--fw-semibold);font-size:16px;line-height:1;padding-bottom:4px}.cust-aitip{grid-column:2/-1;padding:var(--s-2) var(--s-3);margin-top:var(--s-2);background:var(--c-info-soft);border-left:2px solid var(--c-info);border-radius:0 var(--r-sm) var(--r-sm) 0;display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--fs-md);color:var(--c-body);line-height:var(--lh-snug)}.cust-aitip-icon{flex-shrink:0;color:var(--c-info);display:inline-flex;align-items:center;margin-top:2px}.cust-aitip-icon svg{width:12px;height:12px}.cust-aitip-text{flex:1;min-width:0}.cust-aitip-label{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-info);letter-spacing:var(--ls-label);margin-right:var(--s-2)}.cust-aitip-use{flex-shrink:0;padding:4px var(--s-3);border:1px solid var(--c-info);background:var(--c-surface);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-info);white-space:nowrap}.cust-aitip-use:hover{background:var(--c-info);color:white}@media (max-width:1100px){.cust-aitip{grid-column:1/-1;margin-top:var(--s-3)}.cust-row{grid-template-columns:36px 1fr;grid-template-areas:"check id" ". tags" ". spend" ". last" ". cats" ". actions";gap:var(--s-2);padding:var(--s-4)}.cust-check{grid-area:check;align-self:start;margin-top:4px}.cust-id{grid-area:id}.cust-tags{grid-area:tags;margin-top:var(--s-2)}.cust-spend{grid-area:spend;text-align:left;margin-top:var(--s-2)}.cust-spend-val:before{content:"Spend YTD · ";color:var(--c-muted);font-weight:400}.cust-last{grid-area:last;margin-top:var(--s-2)}.cust-last-date:before{content:"Last order · ";color:var(--c-muted)}.cust-cats{grid-area:cats;margin-top:var(--s-2);align-items:center}.cust-cats:before{content:"Categories: ";color:var(--c-muted);font-family:var(--f-mono);font-size:var(--fs-sm);margin-right:var(--s-2)}.cust-actions{grid-area:actions;justify-content:flex-start;margin-top:var(--s-3);padding-top:var(--s-2);border-top:1px dashed var(--c-line-soft)}}.list-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--s-3) var(--s-4);border-top:1px solid var(--c-line);background:var(--c-page);flex-wrap:wrap;gap:var(--s-2)}.list-footer-meta{font-size:var(--fs-sm);color:var(--c-muted);font-family:var(--f-mono)}.list-pager{display:flex;gap:var(--s-1)}.list-pager-btn{padding:4px var(--s-3);border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-sm);font-size:var(--fs-sm);font-family:var(--f-mono);font-weight:var(--fw-medium);color:var(--c-body)}.list-pager-btn:hover:not(:disabled){background:var(--c-page)}.list-pager-btn[aria-current=page]{background:var(--c-text);border-color:var(--c-text);color:white}.list-pager-btn:disabled{color:var(--c-muted);cursor:not-allowed}.opp-stack{display:flex;flex-direction:column;gap:var(--s-3)}.opp-card{background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--sh-subtle);overflow:hidden;border:1px solid var(--c-line);border-top:3px solid var(--c-line);transition:box-shadow var(--m-fast),border-color var(--m-fast)}.opp-card:hover{box-shadow:var(--sh-card)}.opp-card.acc-purple{border-top-color:var(--c-purple)}.opp-card.acc-info{border-top-color:var(--c-info)}.opp-card.acc-danger{border-top-color:var(--c-danger)}.opp-card.acc-warn{border-top-color:var(--c-warning)}.opp-type-label{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-sm);font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase}.opp-type-label.type-cross{background:var(--c-purple-bg);color:var(--c-purple)}.opp-type-label.type-upsell{background:var(--c-info-bg);color:var(--c-info)}.opp-type-label.type-atrisk{background:var(--c-danger-bg);color:var(--c-danger)}.opp-type-label.type-refill{background:var(--c-warning-bg);color:var(--c-warning)}.opp-nav{display:flex;gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap}.opp-nav-btn{padding:6px var(--s-3);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-pill);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--c-body);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--m-fast)}.opp-nav-btn:hover{background:var(--c-page);border-color:var(--c-muted)}.opp-nav-btn.is-active{background:var(--c-text);border-color:var(--c-text);color:white}.opp-nav-btn-dot{width:6px;height:6px;border-radius:50%}.opp-nav-btn-dot.dot-purple{background:var(--c-purple)}.opp-nav-btn-dot.dot-info{background:var(--c-info)}.opp-nav-btn-dot.dot-danger{background:var(--c-danger)}.opp-nav-btn-dot.dot-warn{background:var(--c-warning)}.opp-nav-btn.is-active .opp-nav-btn-dot{box-shadow:0 0 0 1px white}.opp-card-head{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-line-soft);flex-wrap:wrap}.opp-card-head,.opp-card-head-left{display:flex;align-items:center;gap:var(--s-3)}.opp-card-head-left{flex:1;min-width:200px;flex-wrap:wrap}.opp-card-customer{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--fs-md);color:var(--c-muted)}.opp-card-customer-name{color:var(--c-text);font-weight:var(--fw-semibold);font-family:var(--f-sans);font-size:var(--fs-lg)}.opp-card-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.opp-card-uplift{display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-left:auto}.opp-card-uplift-label{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:var(--ls-label)}.opp-card-uplift-value{font-family:var(--f-display);font-weight:var(--fw-medium);font-size:var(--fs-3xl);color:var(--c-success);line-height:var(--lh-tight);font-variant-numeric:tabular-nums}.opp-card-uplift-meta{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-muted)}.opp-card-body{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.opp-card-title{margin:0;font-family:var(--f-display);font-weight:var(--fw-medium);font-size:var(--fs-2xl);color:var(--c-text);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}.opp-card-why{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}@media (max-width:700px){.opp-card-why{grid-template-columns:1fr}}.why-block{padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-page)}.why-block.why-block-highlight{background:var(--c-warning-soft);border-color:var(--c-warning-bg)}.why-label{margin:0 0 4px;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:var(--ls-label)}.why-block-highlight .why-label{color:var(--c-warning)}.why-text{margin:0;font-size:var(--fs-md);color:var(--c-body);line-height:var(--lh-snug)}.why-text strong{color:var(--c-text);font-weight:var(--fw-semibold)}.opp-card-compare{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:1px solid var(--c-line);border-radius:var(--r-sm);overflow:hidden}@media (max-width:700px){.opp-card-compare{grid-template-columns:1fr}}.compare-cell{padding:var(--s-3);border-right:1px solid var(--c-line);display:flex;flex-direction:column;gap:2px}.compare-cell:last-child{border-right:none}@media (max-width:700px){.compare-cell{border-right:none;border-bottom:1px solid var(--c-line)}.compare-cell:last-child{border-bottom:none}}.compare-cell-uplift{background:var(--c-success-soft)}.compare-label{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:var(--ls-label)}.compare-cell-uplift .compare-label{color:var(--c-success)}.compare-name{font-family:var(--f-display);font-weight:var(--fw-medium);font-size:var(--fs-lg);color:var(--c-text);line-height:var(--lh-tight);margin-top:2px}.compare-cell-uplift .compare-name{color:var(--c-success)}.compare-meta{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--c-muted);margin-top:2px}.opp-card-leads{display:flex;flex-direction:column;gap:var(--s-2)}.leads-label{margin:0;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:var(--ls-label)}.lead-row{display:grid;grid-template-columns:32px 1fr auto auto;gap:var(--s-3);align-items:center;padding:var(--s-2) var(--s-3);background:var(--c-page);border-radius:var(--r-sm);transition:background var(--m-fast)}.lead-row:hover{background:var(--c-line-soft)}@media (max-width:700px){.lead-row{grid-template-columns:32px 1fr;gap:var(--s-1) var(--s-2)}.lead-row .lead-btn,.lead-row .lead-meta{grid-column:2/-1}.lead-row .lead-btn{justify-self:start}}.lead-thumb{width:32px;height:32px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lead-thumb.t-nut{background:var(--c-success-soft);color:var(--c-success)}.lead-thumb.t-bty{background:var(--c-beauty-soft);color:var(--c-beauty)}.lead-thumb.t-per{background:var(--c-info-soft);color:var(--c-info)}.lead-thumb.t-hom{background:var(--c-warning-soft);color:var(--c-warning)}.lead-thumb svg{width:16px;height:16px}.lead-name{color:var(--c-text);font-weight:var(--fw-medium);font-size:var(--fs-md)}.lead-meta{font-family:var(--f-mono);color:var(--c-muted)}.lead-btn,.lead-meta{font-size:var(--fs-sm);white-space:nowrap}.lead-btn{padding:4px var(--s-3);border:1px solid var(--c-info);background:var(--c-surface);border-radius:var(--r-sm);font-weight:var(--fw-medium);color:var(--c-info);min-height:28px}.lead-btn:hover{background:var(--c-info);color:white}.opp-card-foot{display:flex;justify-content:space-between;align-items:center;padding:var(--s-3) var(--s-4);background:var(--c-page);border-top:1px solid var(--c-line-soft);flex-wrap:wrap;gap:var(--s-2)}.opp-card-foot-note{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-muted);font-style:italic;flex:1;min-width:200px}.opp-card-foot-actions{display:flex;gap:var(--s-2)}.opp-foot-btn{padding:var(--s-2) var(--s-4);border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-sm);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--c-body);display:inline-flex;align-items:center;gap:6px;min-height:36px}.opp-foot-btn:hover{background:var(--c-line-soft)}.opp-foot-btn.btn-whatsapp{background:#25d366;border-color:#25d366;color:white}.opp-foot-btn.btn-whatsapp:hover{background:#1fb955;border-color:#1fb955}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-family:var(--f-sans)}.badge.badge-danger{background:var(--c-danger-bg);color:var(--c-danger)}.badge.badge-warn{background:var(--c-warning-bg);color:var(--c-warning)}.badge.badge-purple{background:var(--c-purple-bg);color:var(--c-purple)}.badge.badge-info{background:var(--c-info-bg);color:var(--c-info)}.badge.badge-neutral{background:var(--c-line-soft);color:var(--c-body)}.badge.badge-vip{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#78350f}.badge.badge-conf{font-family:var(--f-mono);background:var(--c-success-bg);color:var(--c-success)}.badge.badge-conf-mid{font-family:var(--f-mono);background:var(--c-info-bg);color:var(--c-info)}.badge:before{content:"";width:6px;height:6px;border-radius:50%}.badge.badge-danger:before{background:var(--c-danger)}.badge.badge-warn:before{background:var(--c-warning)}.badge.badge-purple:before{background:var(--c-purple)}.badge.badge-info:before{background:var(--c-info)}.badge.badge-vip:before{background:#b45309}.badge.badge-neutral:before{background:var(--c-muted)}.badge.badge-conf-mid:before,.badge.badge-conf:before{display:none}.rec-new-tag{display:inline-block;background:var(--c-text);color:white;font-family:var(--f-sans);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:2px var(--s-2);border-radius:var(--r-sm);margin-left:var(--s-2);vertical-align:middle}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}@media (max-width:1000px){.analysis-grid{grid-template-columns:1fr}}.freq-list{display:flex;flex-direction:column;gap:var(--s-3)}.freq-row{display:grid;grid-template-columns:110px 1fr 80px;gap:var(--s-3);align-items:center;font-size:var(--fs-md)}.freq-label{color:var(--c-text);font-weight:var(--fw-medium)}.freq-bar{height:8px;background:var(--c-line-soft);overflow:hidden}.freq-bar,.freq-bar-fill{border-radius:var(--r-pill)}.freq-bar-fill{height:100%}.freq-bar-fill.fill-success{background:var(--c-success)}.freq-bar-fill.fill-info{background:var(--c-info)}.freq-bar-fill.fill-warn{background:var(--c-warning)}.freq-bar-fill.fill-danger{background:var(--c-danger)}.freq-meta{text-align:right;font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--c-muted)}.freq-meta strong{color:var(--c-text);font-weight:var(--fw-semibold)}.rank-list{list-style:none;padding:0;margin:0}.rank-row{display:grid;grid-template-columns:24px 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-2) 0;border-bottom:1px dashed var(--c-line-soft);font-size:var(--fs-md)}.rank-row:last-child{border-bottom:none}.rank-num{font-family:var(--f-mono);font-weight:var(--fw-semibold);color:var(--c-muted);font-size:var(--fs-sm)}.rank-name{color:var(--c-text);font-weight:var(--fw-medium)}.rank-name small{display:block;font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-muted);font-weight:400;margin-top:1px}.rank-value{font-family:var(--f-mono);font-weight:var(--fw-semibold);color:var(--c-text);white-space:nowrap}.cat-dot-inline{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--s-2);vertical-align:middle}.cat-dot-inline.is-nut{background:var(--c-nutrition)}.cat-dot-inline.is-bty{background:var(--c-beauty)}.cat-dot-inline.is-per{background:var(--c-personal)}.cat-dot-inline.is-hom{background:var(--c-home)}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}@media (max-width:1000px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.templates-grid{grid-template-columns:1fr}}.template-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--sh-subtle);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);transition:border-color var(--m-fast),box-shadow var(--m-fast)}.template-card:hover{border-color:var(--c-muted);box-shadow:var(--sh-card)}.template-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-2)}.template-icon{width:32px;height:32px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.template-icon.icon-wellness{background:var(--c-nutrition-soft);color:var(--c-nutrition)}.template-icon.icon-beauty{background:var(--c-beauty-soft);color:var(--c-beauty)}.template-icon.icon-refill{background:var(--c-warning-soft);color:var(--c-warning)}.template-icon.icon-cross{background:var(--c-purple-soft);color:var(--c-purple)}.template-icon.icon-upsell{background:var(--c-info-soft);color:var(--c-info)}.template-icon.icon-health{background:var(--c-danger-soft);color:var(--c-danger)}.template-icon svg{width:16px;height:16px}.template-channel{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:var(--ls-label)}.template-title{margin:0;font-family:var(--f-display);font-weight:var(--fw-medium);font-size:var(--fs-2xl);color:var(--c-text);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}.template-preview{margin:0;padding:var(--s-2) var(--s-3);background:var(--c-page);border-left:2px solid var(--c-line);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--fs-md);color:var(--c-body);line-height:var(--lh-snug);font-style:italic}.template-preview .var{font-style:normal;color:var(--c-info);font-weight:var(--fw-semibold);font-size:var(--fs-sm);padding:1px 4px;background:var(--c-info-soft)}.template-engagement,.template-preview .var{font-family:var(--f-mono);border-radius:var(--r-sm)}.template-engagement{display:flex;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--c-page);font-size:var(--fs-xs);color:var(--c-muted);flex-wrap:wrap}.template-engagement-stat{display:inline-flex;align-items:baseline;gap:4px}.template-engagement-stat strong{color:var(--c-text);font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.template-engagement-stat.is-good strong{color:var(--c-success)}.template-engagement-last{margin-left:auto;font-style:italic}.template-meta{display:flex;gap:var(--s-3);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--c-muted);font-family:var(--f-mono)}.template-meta strong{color:var(--c-text);font-weight:var(--fw-semibold)}.template-actions{display:flex;gap:var(--s-2);margin-top:var(--s-2)}.template-btn{flex:1;padding:var(--s-2);border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-body);display:inline-flex;align-items:center;justify-content:center;gap:6px}.template-btn:hover{background:var(--c-page);border-color:var(--c-muted)}.template-btn.btn-use{background:var(--c-text);border-color:var(--c-text);color:white}.template-btn.btn-use:hover{background:var(--c-body);border-color:var(--c-body)}@media (max-width:700px){.chip{min-height:36px;padding:6px var(--s-3)}}