/* Cash Flow Club — área Lojas (funil + lista + dossiê). Só tokens de cfc.css; profundidade = bordas. */

/* ── funil: assinatura da área. 4 degraus cumulativos + reprovadas à parte ── */
.funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,.85fr) minmax(0,.85fr);border:1px solid var(--line);border-radius:var(--r2);background:var(--s1);margin-bottom:14px;overflow:hidden}
.fn-step{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 16px 12px;cursor:pointer;border-right:1px solid var(--line);min-width:0;min-height:44px;transition:background var(--t1) var(--ease)}
.fn-step:last-child{border-right:0}
.fn-step:hover{background:var(--s2)}
.fn-step:focus-visible{outline:2px solid var(--aq);outline-offset:-2px}
.fn-step.on{background:var(--aqbg);box-shadow:inset 0 -2px 0 var(--aq)}
.fn-step:not(:first-child):not(.fn-rej):not(.fn-unv)::before{content:"›";position:absolute;left:-7px;top:16px;width:14px;height:20px;text-align:center;font:600 16px/20px var(--f-mono);color:var(--mut);background:var(--s1);z-index:2}
.fn-l{font:600 10.5px/1.3 var(--f-ui);color:var(--tx2)}
.fn-n{font:700 34px/1.1 var(--f-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--tx)}
.fn-step.on .fn-n,.fn-step.on .fn-l{color:var(--aq)}
.fn-bar{display:block;height:4px;background:var(--s3);border-radius:2px;overflow:hidden;margin:6px 0 4px}
.fn-bar i{display:block;height:100%;width:var(--v,0%);background:var(--aq2);transform-origin:left;animation:fill var(--t2) var(--ease) both}
.fn-s{font-size:12px;color:var(--mut);line-height:1.3}
.fn-rej,.fn-unv{background:transparent}
.fn-unv .fn-bar i{background:var(--amb)}
.fn-unv.on{background:var(--s2);box-shadow:inset 0 -2px 0 var(--amb)}
.fn-rej .fn-bar i{background:var(--red)}
.fn-rej.on{background:var(--redbg);box-shadow:inset 0 -2px 0 var(--red)}
.fn-rej.on .fn-n,.fn-rej.on .fn-l{color:var(--red)}

/* ── filtros em linha ── */
.lj-filters{display:grid;grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(130px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:12px}
.lj-filters select,.lj-filters input[type=search]{width:100%}
.lj-filters .opt{display:flex;align-items:center;gap:8px;min-height:34px;cursor:pointer;color:var(--tx2);white-space:nowrap}
.lj-note{margin:10px 0 0;max-width:110ch;font-size:12.5px}

/* ── tabela / cartões ── */
.lj-table td:first-child{min-width:180px}
.lj-table th{white-space:normal;line-height:1.25;vertical-align:bottom}
.lj-table td{vertical-align:middle}
.lj-table .ent small{margin-top:1px}
.why{color:var(--red);font-size:12.5px;line-height:1.4}
.why-s{display:block;max-width:26ch;white-space:normal;margin-top:3px;font-size:11.5px}
.when-run{display:inline-flex;align-items:center;gap:6px}
.lj-crd{display:none}
.lj-cards{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r2);background:var(--s1);overflow:hidden}
.lj-cards li{border-bottom:1px solid var(--line)}.lj-cards li:last-child{border-bottom:0}
.lj-cards a{display:grid;gap:4px;padding:12px 14px;color:var(--tx);text-decoration:none;min-height:44px}
.lj-cards a:hover{background:var(--aqbg)}
.lc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.lc-top b{font:600 15px/1.3 var(--f-ui)}
.lc-m{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--mut)}.lc-m b{font-family:var(--f-mono);color:var(--tx);font-weight:600}
.lc-f{font-size:12.5px;color:var(--mut);display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* ── dossiê: cabeçalho ── */
.dh{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.dh-main{min-width:0;flex:1 1 420px}
.dh .meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--mut);font-size:13px;margin-top:8px;align-items:center}
.dh .meta b{color:var(--tx2);font-weight:500}
.dh .meta a.mono{text-decoration:none;color:var(--aq)}
.mon{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:10px 14px;border:1px solid var(--line);border-left:3px solid var(--line2);border-radius:var(--r2);background:var(--s1);margin-bottom:12px;font-size:13px}
.mon.ok{border-left-color:var(--aq)}.mon.warn{border-left-color:var(--amb)}.mon.bad{border-left-color:var(--red)}
.mon-s{display:inline-flex;align-items:center;gap:8px}.mon-s b{font-weight:600}
.dh-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

/* ── funil da loja (passos) + histórico resumido ── */
.steps{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.steps li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--mut)}
.steps li:last-child{border-bottom:0}
.steps li b{display:block;font-weight:600;color:var(--tx2)}.steps li small{display:block;color:var(--mut);font-size:12px;overflow-wrap:anywhere}
.steps .sn{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:3px;font:600 11px var(--f-mono)}
.steps li.done .sn{border-color:var(--aq3);color:var(--aq)}.steps li.done b{color:var(--tx)}
.steps li.here{background:var(--aqbg)}.steps li.here .sn{background:var(--aq);border-color:var(--aq);color:var(--on-aq)}
.steps li.rej{background:var(--redbg)}.steps li.rej .sn{background:var(--red);border-color:var(--red);color:var(--bg)}.steps li.rej small{color:var(--red)}
.mini-tl{list-style:none;margin:0;padding:0}
.mini-tl li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
.mini-tl li:last-child{border-bottom:0}.mini-tl time{font-size:11.5px;padding-top:2px}.mini-tl small{display:block;color:var(--mut);font-size:12px;overflow-wrap:anywhere}
.banner ul{margin:6px 0 0;padding-left:18px}

/* ── histórico de monitoramento: linha do tempo vertical ── */
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.chip-b{min-height:34px;border-radius:999px;background:transparent;font-size:12.5px}
.chip-b[aria-pressed=true]{background:var(--aqbg);border-color:var(--aq);color:var(--aq)}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl-i{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;position:relative;padding-bottom:14px}
.tl-i[hidden]{display:none!important}
.tl-i::before{content:"";position:absolute;left:8px;top:14px;bottom:-2px;width:1px;background:var(--line2)}
.tl-i:last-child::before{display:none}
.tl-d{width:11px;height:11px;margin:4px 0 0 3px;border:2px solid var(--mut);background:var(--s1);border-radius:50%;position:relative;z-index:1}
.tl-i.ok .tl-d{border-color:var(--aq);background:var(--aq)}
.tl-i.bad .tl-d{border-color:var(--red);background:var(--red)}
.tl-i.mut .tl-d{border-color:var(--mut)}
.tl-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tl-h time{color:var(--tx2);font-size:12px}.tl-h b{font-weight:600}
.tl-t{margin:3px 0 0;color:var(--tx2);font-size:13px;overflow-wrap:anywhere}.tl-t.bad{color:var(--red)}
.tl-m{margin:3px 0 0;font-size:11.5px;overflow-wrap:anywhere}
.tl-ev{list-style:none;margin:6px 0 0;padding:6px 10px;border-left:2px solid var(--aq3);background:var(--aqbg);border-radius:0 var(--r1) var(--r1) 0;font-size:13px}
.tl-ev li{padding:2px 0;overflow-wrap:anywhere}
.ba s{color:var(--mut)}.ba em{font-style:normal;color:var(--aq)}.ba>span{margin:0 6px;color:var(--mut)}

/* ── anúncios do dossiê ── */
.ads-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}
.ad{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;padding:10px;border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);animation:rise var(--t2) var(--ease) both;animation-delay:calc(var(--i,0)*30ms)}
.ad .thumb{width:132px!important;height:132px!important;object-fit:cover}
.ad-b{min-width:0}.ad-h{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}
.ad-t{margin:0 0 6px;font-size:12.5px;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.ad-d{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 10px;font-size:11.5px}.ad-d dt{color:var(--mut);font-family:var(--f-mono)}.ad-d dd{margin:0;font-family:var(--f-mono);overflow-wrap:anywhere}

/* ── ofertas ── */
.obs-badges{display:inline-flex;flex-wrap:wrap;gap:3px}.obs-badges .tag{margin:0}
.ofr{border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);margin-bottom:10px;overflow:hidden}
.ofr>header{padding:10px 12px;border-bottom:1px solid var(--line);background:var(--s2)}.ofr h4{margin:0 0 4px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ofr header p{margin:0;font-size:11.5px}
.ofr-e{padding:10px 12px;border-bottom:1px solid var(--line)}.ofr-e:last-child{border-bottom:0}
.ofr blockquote{margin:0 0 8px;padding:6px 10px;border-left:2px solid var(--amb);background:var(--ambbg);font:400 13px/1.45 var(--f-mono);overflow-wrap:anywhere;color:var(--tx)}
/* ── catálogo / escala ── */
.lj-prod td:first-child{min-width:220px}.lj-prod small{display:block}
.lj-factors li{grid-template-columns:minmax(120px,1.2fr) minmax(90px,2fr) 70px}
.tabpanel .split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;align-items:start}

@media (max-width:1180px){.lj-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.lj-filters .lj-q{grid-column:1/-1}.tabpanel .split{grid-template-columns:1fr}}
@media (max-width:900px){.funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.fn-step{border-bottom:1px solid var(--line)}.fn-step:nth-child(2n){border-right:0}.fn-step::before{display:none!important}.fn-unv{grid-column:1/-1;border-bottom:1px solid var(--line)}.fn-rej{grid-column:1/-1;border-bottom:0}}
@media (max-width:760px){
  .lj-tbl{display:none}.lj-crd{display:block}
  .funnel{margin-bottom:12px}.fn-step{padding:12px;min-height:44px}.fn-n{font-size:28px}.fn-s{display:none}
  .lj-filters{grid-template-columns:1fr 1fr}.lj-filters .lj-q{grid-column:1/-1}.lj-filters .opt,.lj-filters button{min-height:44px}
  .ads-g{grid-template-columns:1fr}.ad{grid-template-columns:96px minmax(0,1fr)}.ad .thumb{width:96px!important;height:96px!important}
  .t-stack td.nw,.t-stack td .nowrap,.t-stack td .mono{white-space:normal;overflow-wrap:anywhere}
  .mini-tl li{grid-template-columns:1fr;gap:2px}
  .dh .pg-act{width:100%}.dh .pg-act>*{flex:1 1 auto;min-height:44px}
  .chip-b{min-height:44px}
  .lj-factors li{grid-template-columns:1fr 64px}.lj-factors .fbar{grid-column:1/-1;order:3}
}
@media (prefers-reduced-motion:reduce){.fn-bar i,.ad{animation:none}}

/* ── aprendizado / previsão ── */
.learn{margin-top:22px}.learn-h{margin-bottom:12px}
.learn .tw table th.num{text-align:right}
.fbar.neg i{background:var(--amb)}
#pred{margin-top:12px}

.reqs{list-style:none;margin:8px 0 0;padding:0}.reqs li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12.5px}.reqs li:last-child{border-bottom:0}.reqs b{font:600 10.5px/1.6 var(--f-ui);color:var(--mut)}
.prev{list-style:none;margin:0;padding:0}.prev li{display:grid;grid-template-columns:minmax(120px,1.4fr) minmax(80px,2fr) 56px;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}.prev li:last-child{border-bottom:0}.prev .mono{text-align:right;font-size:12px}
.manual-label{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.learn .tw table td{vertical-align:top}
@media (max-width:760px){.reqs li{grid-template-columns:1fr;gap:2px}.prev li{grid-template-columns:1fr 56px}.prev .fbar{grid-column:1/-1;order:3}}

/* closing sale: nível + botões de rótulo (usa tokens do cfc.css) */
.cs-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:150px}
.cs-cell small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-act{display:inline-flex;flex-wrap:wrap;gap:4px}
.cs-btn[aria-pressed="true"]{background:var(--aq);color:var(--on-aq);border-color:var(--aq);font-weight:700}
.cs-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:10px}
.cs-form .f input{width:100%}

/* ── v3: funil como seletor de etapa compacto (rótulo + total); a barra e a razão ficam no title/aria-label ── */
.fn-bar{display:none}
.fn-step{padding:10px 14px 9px}
.fn-n{font-size:26px}
@media (max-width:760px){
  .pg-lj .sub{display:none}
  .funnel,.funnel{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:8px}
  .fn-step{padding:7px 10px;min-height:48px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
  .fn-step:nth-child(2n){border-right:1px solid var(--line)}.fn-step:nth-child(3n){border-right:0}
  .fn-step:nth-child(n+4){border-bottom:0}
  .fn-unv,.fn-rej{grid-column:auto;border-bottom:0}
  .fn-l{font-size:11.5px;line-height:1.2}.fn-n{font-size:19px}.fn-s{display:none}
  .pg-lj .pg-act{width:100%}.pg-lj .pg-act .btn{flex:1;min-height:40px}
}