:root{
  --bg:#FBF7F1;--band:#F3EDE4;--surface:#FFFFFF;--ink:#1A1714;--muted:#5C534A;--line:#E9E1D6;--line2:#E0D6C8;
  --accent:#C2410C;--accent-ink:#9A3412;--accent-soft:#FCE9DD;--ok:#15803D;--danger:#B91C1C;
  --display:'Bricolage Grotesque','DM Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.01em}
p{margin:0}
button,input,textarea,select{font:inherit;color:inherit}
[hidden]{display:none!important}
img{max-width:100%;height:auto}
.auth-card>*{min-width:0}
.logo-img{display:block;height:36px;width:auto}
.auth-card .logo-img{height:40px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.logo-mark{width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.logo-text{font-family:var(--display);font-weight:800;font-size:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;background:var(--surface);border:1.5px solid var(--ink)}
.btn:disabled{opacity:.55;cursor:default}
.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-ghost{border-color:transparent;background:transparent}
.btn-ghost:hover{background:var(--band)}
.btn-sm{min-height:36px;padding:0 12px;font-size:14px}
.btn-block{width:100%}
.field{display:grid;gap:6px}
.field label{font-weight:700;font-size:14px}
.field .hint{font-size:13px;color:var(--muted)}
.input{width:100%;min-height:46px;border:1.5px solid var(--line2);border-radius:12px;background:#fff;padding:10px 14px;font-size:16px;outline:none}
.input:focus{border-color:var(--ink)}
textarea.input{min-height:92px;resize:vertical}
.prefix{display:flex;align-items:center;border:1.5px solid var(--line2);border-radius:12px;background:#fff;overflow:hidden}
.prefix:focus-within{border-color:var(--ink)}
.prefix span{padding:0 4px 0 14px;color:var(--muted);font-size:15px;white-space:nowrap}
.prefix input{border:0;outline:0;min-height:44px;flex:1;min-width:0;padding:10px 14px 10px 0;font-size:16px;background:transparent}
.msg{border-radius:12px;padding:12px 14px;font-size:15px}
.msg-err{background:#FEE2E2;color:#7F1D1D}
.msg-ok{background:#DCFCE7;color:#14532D}
.msg-info{background:var(--accent-soft);color:var(--accent-ink)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent);flex-shrink:0}

/* auth */
.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px 24px;display:grid;gap:18px}
.auth-card h1{font-size:30px;font-weight:800}
.auth-card .sub{color:var(--muted)}
.auth-foot{text-align:center;font-size:15px;color:var(--muted)}
.auth-foot a{color:var(--accent-ink);font-weight:700}

/* painel */
.top{position:sticky;top:0;z-index:20;background:rgba(251,247,241,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .in{max-width:1080px;margin:0 auto;padding:0 16px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.top nav{display:flex;align-items:center;gap:6px}
.page{max-width:1080px;margin:0 auto;padding:24px 16px 80px;display:grid;gap:20px}
.linkcard{background:var(--ink);color:#fff;border-radius:20px;padding:20px;display:grid;gap:14px}
.linkcard small{color:#D6CFC6;font-size:13px}
.linkcard .url{font-family:var(--display);font-weight:800;font-size:clamp(18px,4vw,24px);word-break:break-all}
.linkcard .acts{display:flex;flex-wrap:wrap;gap:8px}
.linkcard .btn{background:transparent;color:#fff;border-color:#5A524A}
.linkcard .btn-accent{background:var(--accent);border-color:var(--accent)}
.plan{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:#D6CFC6}
.plan b{background:#fff;color:var(--ink);padding:2px 10px;border-radius:999px;font-size:12px}
.meter{height:6px;background:#3A342E;border-radius:99px;overflow:hidden;flex:1;min-width:120px;max-width:220px}
.meter i{display:block;height:100%;background:var(--accent)}
.tabs{display:flex;gap:4px;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:4px;width:max-content}
.tab{border:0;background:transparent;min-height:40px;padding:0 20px;border-radius:999px;font-weight:700;cursor:pointer}
.tab[aria-selected="true"]{background:var(--ink);color:#fff}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:18px}
.panel h2{font-size:22px;font-weight:800}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.adder{display:grid;gap:10px}
.adder .row{display:grid;gap:10px}
.adder .row .input{min-width:0}
.list{display:grid;gap:10px}
.item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px}
.item img,.item .ph{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--band)}
.item .ph{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted);text-align:center;padding:4px}
.item .t{font-weight:700;font-size:15px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item .m{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.item .m b{color:var(--accent-ink)}
.item .acts{grid-column:1 / -1;display:flex;gap:4px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px}
.iconbtn{width:40px;height:40px;border-radius:10px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
.iconbtn:hover{background:var(--band)}
.iconbtn:disabled{opacity:.3;cursor:default;background:transparent}
.iconbtn.del{color:var(--danger)}
.empty{text-align:center;color:var(--muted);padding:28px 12px;border:1.5px dashed var(--line2);border-radius:14px}
.bannerbox{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/1;background:#6D28D9;background-size:cover;background-position:center}
.bannerbox .bacts{position:absolute;z-index:3;right:10px;top:10px;display:flex;gap:6px}
.bannerbox .btn{background:rgba(255,255,255,.95);border-color:transparent}
.avatarrow{display:flex;align-items:center;gap:14px;margin-top:-44px;padding-left:16px;position:relative}
.avatarbox{width:88px;height:88px;border-radius:50%;border:4px solid #fff;background:#6D28D9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.avatarbox img{width:100%;height:100%;object-fit:cover}
.avatarrow .row{margin-top:44px}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.sw{width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line2);cursor:pointer}
.sw[aria-checked="true"]{box-shadow:0 0 0 2.5px var(--ink)}
.grid2{display:grid;gap:16px}
.counter{font-size:13px;color:var(--muted);text-align:right}
dialog{border:0;border-radius:20px;padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px)}
dialog::backdrop{background:rgba(26,23,20,.55)}
.dlg{padding:22px;display:grid;gap:16px}
.dlg-head{display:flex;justify-content:space-between;align-items:center}
.dlg-head h2{font-size:22px;font-weight:800}
.imgpick{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}
.imgprev{width:120px;height:120px;border-radius:12px;background:var(--band);object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;text-align:center;overflow:hidden}
.imgprev img{width:100%;height:100%;object-fit:cover}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,100px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;transition:transform .2s,opacity .2s;z-index:100;font-size:15px;max-width:calc(100vw - 32px);opacity:0;pointer-events:none}
.toast.show{transform:translate(-50%,0);opacity:1}
.spin{width:18px;height:18px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
@media (min-width:720px){
  .page{padding-top:32px}
  .panel{padding:28px}
  .linkcard{padding:24px 28px;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .linkcard .plan{grid-column:1 / -1}
  .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adder .row{grid-template-columns:minmax(0,1fr) auto}
  .item{grid-template-columns:64px minmax(0,1fr) auto}
  .item .acts{grid-column:auto;border:0;padding:0}
}

.bempty{position:absolute;inset:10px;border:2px dashed rgba(255,255,255,.75);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;cursor:pointer;text-align:center;padding:10px;background:rgba(0,0,0,.12)}
.bempty b{font-size:16px}
.bempty span{font-size:13px;opacity:.9}
.bempty:hover{background:rgba(0,0,0,.22)}

.avatarrow{pointer-events:none}
.avatarrow>*{pointer-events:auto}
.bempty{z-index:2}

.probox{background:#fff;border:1.5px solid #DDD0FB;border-radius:20px;padding:20px;display:grid;gap:14px}
.probox .btn-accent{background:#6D28D9;border-color:#6D28D9}
.lock{font-size:12px;color:#6D28D9;font-weight:700}

/* ---- Pro ---- */
.prolist{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:14px}
.prolist li::before{content:"✓ ";color:#6D28D9;font-weight:800}
@media(min-width:720px){.prolist{grid-template-columns:repeat(2,minmax(0,1fr))}}
.btn-pro{background:#6D28D9;border-color:#6D28D9;color:#fff}
.tabs{max-width:100%;overflow-x:auto}
.tab{white-space:nowrap;padding:0 16px}
.procard{position:relative;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:14px;margin-top:6px}
.procard .hint{font-size:13px;color:var(--muted)}
.phead{display:flex;align-items:center;gap:8px}
.phead h2{font-size:20px}
.pbadge{background:#6D28D9;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.04em}
.procard.locked>*:not(.phead):not(.prolock):not(.hint){opacity:.45;pointer-events:none;filter:grayscale(.3)}
.prolock{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#F1EAFE;border:1px solid #DDD0FB;border-radius:12px;padding:10px 12px;color:#4C1D95;font-weight:700;font-size:14px}
input[type=color]{width:44px;height:36px;border:1.5px solid var(--line2);border-radius:8px;padding:2px;background:#fff;cursor:pointer}
.bgopts{display:flex;gap:10px;flex-wrap:wrap}
.bgopt{display:grid;gap:6px;justify-items:center;border:1.5px solid var(--line2);background:#fff;border-radius:12px;padding:8px;font-weight:700;font-size:13px;cursor:pointer}
.bgopt[aria-checked="true"]{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}
.bgp{display:block;width:76px;height:46px;border-radius:8px;background-size:cover;background-position:center}
.bgp-smoke{background-image:url('/assets/fundo-vitrine.jpg');background-color:#141416}
.bgp-purple{background-image:url('/assets/fundo-roxo-mini.jpg');background-color:#1a0f24}
.bgp-dark{background:#141416}
.bgp-light{background:#EEF0F3;border:1px solid #ddd}
.cprev{display:flex;gap:10px;padding:14px;border-radius:12px;background:#141416 url('/assets/fundo-vitrine.jpg') center/cover}
.cprev.purple{background:#1a0f24 url('/assets/fundo-roxo.jpg') center/cover}
.cprev.light{background:#EEF0F3}.cprev.dark{background:#141416}
.cp-card{width:120px;background:#fff;border-radius:12px;padding:8px;display:grid;gap:6px;justify-items:start}
.cp-img{width:100%;height:70px;border-radius:8px;background:#E5E7EB}
.cp-price{color:var(--pc2,#5B21B6);font-size:15px}
.cp-btn,.cp-tag{background:var(--pc,#6D28D9);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.qrwrap{display:grid;gap:16px;align-items:start}
.qrwrap canvas{width:220px;height:auto;border:1px solid var(--line);border-radius:12px;image-rendering:pixelated}
@media(min-width:720px){.qrwrap{grid-template-columns:220px minmax(0,1fr)}}
.seg{display:flex;gap:4px;background:var(--band);border-radius:999px;padding:3px}
.seg button{border:0;background:transparent;border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer}
.seg button[aria-checked="true"]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kpi{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:2px}
.kpi small{font-size:12px;color:var(--muted);font-weight:700}
.kpi b{font-family:var(--display);font-size:clamp(20px,5vw,30px)}
.kpi span{font-size:12px;color:var(--muted)}
.chartbox{border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:12px}
.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-bottom:8px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.lv{background:#C4B5FD}.lc{background:#6D28D9}
.chart{height:160px;display:flex;align-items:flex-end;gap:2px}
.chart .d{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:1px;position:relative}
.chart .d i{display:block;width:45%;border-radius:3px 3px 0 0;min-height:1px}
.chart .d .v{background:#C4B5FD}.chart .d .c{background:#6D28D9}
.chart .d:hover{background:#F6F2FF;border-radius:4px}
.chartx{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}
.rank{display:grid;gap:8px}
.rk{display:grid;grid-template-columns:24px 44px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px}
.rk .n{font-weight:800;color:#6D28D9;text-align:center}
.rk img,.rk .ph{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--band)}
.rk .t{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk .bar{height:6px;background:var(--band);border-radius:99px;margin-top:5px;overflow:hidden}
.rk .bar i{display:block;height:100%;background:#6D28D9}
.rk .c{font-size:13px;text-align:right;white-space:nowrap}
.rk .c b{display:block;font-size:16px}
.statlock{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:240px}
.fakechart{position:absolute;inset:20px 20px 20px;display:flex;align-items:flex-end;gap:10px;filter:blur(3px);opacity:.5}
.fakechart i{flex:1;background:#6D28D9;border-radius:4px 4px 0 0}
.statlock-in{position:relative;display:grid;gap:8px;justify-items:center;text-align:center;padding:48px 20px;background:rgba(255,255,255,.72)}
.statlock-in b{font-size:18px;max-width:420px}
.statlock-in span{color:var(--muted)}
.panel .hint{font-size:13px;color:var(--muted)}

.linkcard .btn-wa{background:#0E7C3A;border-color:#0E7C3A;color:#fff}
.sharemsg{grid-column:1 / -1;display:grid;gap:8px;justify-items:start;background:#2A2520;border-radius:14px;padding:12px 14px}
.sharemsg small{color:#D6CFC6;font-size:12px}
.sharemsg p{white-space:pre-line;font-size:14px;line-height:1.45;color:#fff;word-break:break-word}

.item .tb{color:#C2410C;font-weight:800}

/* ===== Mais vendidos (radar) ===== */
.topx{gap:16px;padding:0;overflow:hidden;border-color:#E4DCF7}
.topx>*:not(.topx-head){margin:0 18px}
.topx>.prolock{margin:0 18px 18px}
.topx>*:last-child{margin-bottom:18px}
.topx-head{display:grid;gap:14px;padding:20px 18px 18px;background:radial-gradient(120% 140% at 0% 0%,#2B1450 0%,#1A1022 55%,#120C16 100%);color:#fff}
.topx-title{display:grid;gap:6px}
.topx-title h2{font-size:24px;color:#fff}
.topx-title p{color:#D9CFF0;font-size:14px;max-width:640px}
.topx-title p b{color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#C4B5FD}
.srcsw{display:inline-flex;gap:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px;width:max-content;max-width:100%}
.srcsw button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#E9E3F7;font-weight:700;font-size:14px;padding:8px 16px;border-radius:999px;cursor:pointer}
.srcsw button[aria-checked="true"]{background:#fff;color:#1A1022;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.slogo{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-style:normal;font-weight:900;font-size:11px;letter-spacing:-.3px;line-height:1;flex:0 0 auto;font-family:Arial,Helvetica,sans-serif}
.slogo.sh{background:#EE4D2D;color:#fff}.slogo.ml{background:#FFE600;color:#2D3277;box-shadow:0 0 0 1px #E5CF00 inset}.slogo.az{background:#232F3E;color:#FF9900;font-size:15px;padding-bottom:2px}.slogo.sn{background:#111;color:#fff;font-size:10px}
.topx-head>*{min-width:0}
@media(max-width:759px){.srcsw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;border-radius:18px}.srcsw button{justify-content:center;padding:9px 6px;font-size:13px;gap:6px;border-radius:14px;min-width:0;text-align:left;line-height:1.15}}
/* o Radar nunca passa da largura da tela (iPhone/telas estreitas) */
.topx,.topx>*,.topx-title,.panel>*{min-width:0}
.topx-title p,.topx-title h2{overflow-wrap:anywhere}
.kindsw{grid-template-columns:repeat(3,minmax(0,1fr))}
.kindsw button{min-width:0;padding:10px 6px}.connect>b{display:flex;align-items:center;gap:8px}
.sdot{display:inline-block;width:10px;height:10px;border-radius:50%}
.sdot.sh{background:#EE4D2D}.sdot.ml{background:#FFE600;box-shadow:0 0 0 1px #E5CF00 inset}
@media(min-width:760px){.topx-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:24px 24px 22px}.topx>*:not(.topx-head){margin:0 24px}.topx>.prolock{margin:0 24px 24px}.topx>*:last-child{margin-bottom:24px}}
.tsearch{display:grid;gap:12px}
.tbox-wrap{position:relative}
.tbox{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line2);border-radius:14px;padding:6px 6px 6px 14px;transition:border-color .15s,box-shadow .15s}
.tbox:focus-within{border-color:#6D28D9;box-shadow:0 0 0 4px #EDE7FB}
.tbox svg{color:#8A7FA8;flex-shrink:0}
.tbox input{flex:1;min-width:0;border:0;outline:0;font-size:16px;min-height:40px;background:transparent}
.sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(26,16,34,.18);padding:6px;display:grid;max-height:320px;overflow:auto}
.sug button{display:grid;gap:2px;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:10px;cursor:pointer}
.sug button:hover,.sug button.on{background:#F4EFFE}
.sug b{font-size:15px}
.sug small{font-size:12px;color:var(--muted)}
.sug .none{padding:10px 12px;color:var(--muted);font-size:14px}
.niches{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin:0 -2px}
.niches::-webkit-scrollbar{display:none}
.niche{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:7px 13px;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s}
.niche:hover{border-color:#6D28D9;color:#5B21B6}
.niche.on{background:#1A1022;border-color:#1A1022;color:#fff}
.allcats summary{cursor:pointer;font-size:13px;font-weight:700;color:#6D28D9;width:max-content}
.catgrid{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.catgrid button{border:1px solid var(--line);background:var(--band);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}
.catgrid button:hover{border-color:#6D28D9}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;background:#F7F4FD;border:1px solid #E9E1FA;border-radius:12px;padding:8px 12px}
.crumb button{border:0;background:none;padding:2px 4px;border-radius:6px;color:#5B21B6;font-weight:600;cursor:pointer}
.crumb button:hover{background:#EDE7FB}
.crumb b{color:#1A1022;padding:2px 4px}
.crumb i{color:#B5A8D6;font-style:normal}
.subs{display:flex;flex-wrap:wrap;gap:6px}
.subs span{font-size:12px;font-weight:700;color:var(--muted);align-self:center;margin-right:2px}
.subs button{border:1px dashed #CDBFF0;background:#fff;color:#4C1D95;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer}
.subs button:hover{border-style:solid;background:#F4EFFE}
.tmeta{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.linkbtn{border:0;background:none;padding:0;color:#6D28D9;font-weight:700;text-decoration:underline;cursor:pointer;font-size:12px}
.connect{display:grid;gap:12px;background:#F7F4FD;border:1px solid #E9E1FA;border-radius:16px;padding:16px}
.steps{margin:0;padding-left:20px;display:grid;gap:4px;font-size:14px}
.steps a{color:#6D28D9;font-weight:700}
.thead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}
.thead b{font-family:var(--display);font-size:18px}
.thead span{font-size:13px;color:var(--muted)}
.topres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:720px){.topres{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tp{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}
.tp:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(26,16,34,.12)}
.tp.on{border-color:#6D28D9;box-shadow:0 0 0 3px #DDD0FB,0 12px 28px rgba(109,40,217,.16)}
.tp .im{position:relative;aspect-ratio:1/1;background:#F5F3F8}
.tp .im img{width:100%;height:100%;object-fit:cover}
.tp .ck{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.95);border:2px solid #CFC7DE;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .15s}
.tp.on .ck{background:#6D28D9;border-color:#6D28D9;color:#fff}
.tp .ck svg{width:14px;height:14px}
.tp .tprk{position:absolute;top:10px;right:10px;min-width:30px;height:26px;padding:0 8px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:rgba(26,16,34,.82);color:#fff;backdrop-filter:blur(4px)}
.tp .tprk.r1{background:linear-gradient(135deg,#F5C542,#C8901A);color:#3A2600}
.tp .tprk.r2{background:linear-gradient(135deg,#E6E8EC,#A9AFB9);color:#25292F}
.tp .tprk.r3{background:linear-gradient(135deg,#E7A979,#A9643A);color:#2E1608}
.tp .off{position:absolute;left:10px;bottom:10px;background:#16A34A;color:#fff;font-size:11px;font-weight:800;padding:3px 7px;border-radius:6px}
.tp .b{padding:10px 12px 12px;display:grid;gap:4px;flex:1;align-content:start}
.tp .t{font-size:13px;font-weight:700;line-height:1.3;height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tp .pr{font-weight:800;color:#1A1022;font-size:16px}
.tp .pr s{color:var(--muted);font-weight:500;font-size:12px;margin-left:5px}
.tp .sd{font-size:12px;color:#C2410C;font-weight:700}
.tp .lk{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6D28D9;font-weight:700;text-decoration:none;margin-top:2px;width:max-content}
.tp .lk:hover{text-decoration:underline}
.sk{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff}
.sk i{display:block;background:linear-gradient(90deg,#F1EEF6 0%,#E7E2F0 50%,#F1EEF6 100%);background-size:200% 100%;animation:shim 1.2s infinite}
.sk .a{aspect-ratio:1/1}.sk .l1{height:12px;margin:12px 12px 6px;border-radius:6px}.sk .l2{height:12px;width:55%;margin:0 12px 14px;border-radius:6px}
@keyframes shim{to{background-position:-200% 0}}
.topbar{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#1A1022;color:#fff;border-radius:16px;padding:10px 12px 10px 16px;box-shadow:0 14px 34px rgba(26,16,34,.35)}
.tall{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;cursor:pointer}
.tall input{width:18px;height:18px;accent-color:#A78BFA}
.tb-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.topbar .btn-pro:disabled{background:#4B3B66;border-color:#4B3B66;opacity:1;color:#BBAED6}
.procard.locked>.topx-head{opacity:1!important;filter:none!important}
@media(max-width:719px){.tp .pr s{display:block;margin-left:0}.tp .b{padding:9px 10px 11px}.topx-title h2{font-size:22px}}

.mlapp{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;background:#fff;border:1px solid #E9E1FA;border-radius:14px;padding:14px}
.stepn{width:30px;height:30px;border-radius:50%;background:#1A1022;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}

/* carrossel de nichos (Mais vendidos): faixa escura, cards de borda fina, ícones de traço */
.ncar{--nc-bg:#1A1714;--nc-tx:#FBF7F1;--nc-ln:rgba(109,40,217,.42);--nc-or:#C2410C;position:relative;min-width:0;background:var(--nc-bg);border-radius:14px;padding:12px;box-shadow:0 6px 18px rgba(26,23,20,.14)}
.ncar .niches{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 4px;scroll-behavior:smooth;scrollbar-width:none;padding:4px;margin:-2px 0;-webkit-mask-image:none;mask-image:none}
.ncar .niches::-webkit-scrollbar{display:none}
.ncar .niche{flex:0 0 104px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px;padding:12px 8px;border:1px solid var(--nc-ln);border-radius:14px;background:rgba(251,247,241,.03);color:var(--nc-tx);font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-align:center;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}
.ncar .niche[hidden]{display:none}
.ncar .niche .nic{display:block;width:24px;height:24px;color:rgba(251,247,241,.82);transition:color .2s ease}
.ncar .niche .nic svg{display:block;width:100%;height:100%}
.ncar .niche .nic .f{fill:currentColor;stroke:none}
.ncar .niche span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ncar .niche:hover{border-color:rgba(109,40,217,.8);background:rgba(251,247,241,.06);color:var(--nc-tx);transform:none;box-shadow:0 4px 12px rgba(0,0,0,.28)}
.ncar .niche:hover .nic{transform:none;color:var(--nc-tx)}
.ncar .niche:active{transform:scale(.97);background:rgba(251,247,241,.08)}
.ncar .niche.on{border-color:var(--nc-or);background:rgba(194,65,12,.12);color:var(--nc-tx);box-shadow:0 4px 14px rgba(194,65,12,.14)}
.ncar .niche.on .nic{color:#F2A27C;filter:none}
.ncar .niche:focus-visible{outline:2px solid #F2A27C;outline-offset:2px}
.ncar::before,.ncar::after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:1;pointer-events:none;transition:opacity .2s ease}
.ncar::before{left:0;border-radius:14px 0 0 14px;background:linear-gradient(90deg,var(--nc-bg) 18%,rgba(26,23,20,0))}
.ncar::after{right:0;border-radius:0 14px 14px 0;background:linear-gradient(270deg,var(--nc-bg) 18%,rgba(26,23,20,0))}
.ncar.at-start::before,.ncar.at-end::after{opacity:0}
.narr{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease}
.narr i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(26,23,20,.92);border:1px solid rgba(251,247,241,.18);color:var(--nc-tx);box-shadow:0 2px 8px rgba(0,0,0,.3);transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
.narr:hover i{border-color:rgba(109,40,217,.8)}
.narr:active i{transform:scale(.94)}
.narr:focus-visible{outline:none}
.narr:focus-visible i{outline:2px solid #F2A27C;outline-offset:2px}
.narr.prev{left:2px}.narr.next{right:2px}
.ncar.at-start .narr.prev,.ncar.at-end .narr.next{opacity:0;pointer-events:none}
@media(max-width:719px){
  .ncar{padding:10px 0 10px 10px}
  .ncar .niches{scroll-padding:0 10px 0 4px;padding-right:10px}
  .ncar .niche{flex-basis:84px}
}
@media(max-width:359px){
  .ncar .niche{flex-basis:74px;padding:10px 4px;font-size:12px}
  .narr.prev{display:none}
  .narr i{width:28px;height:28px;background:rgba(26,23,20,.78)}
}
@media(prefers-reduced-motion:reduce){
  .ncar .niches{scroll-behavior:auto}
  .ncar .niche,.ncar .niche .nic,.ncar::before,.ncar::after,.narr,.narr i{transition:none}
  .ncar .niche:active,.narr:active i{transform:none}
}

/* ===== Disparador ===== */
.dsp{padding:0;overflow:hidden;gap:0}
.dsp-head{grid-template-columns:1fr!important}
#dBody,#dLock{padding:18px}
#dLock{margin:18px}
@media(min-width:760px){#dBody{padding:24px}}
.dsec{display:grid;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.dsec:last-child{border-bottom:0}
.dsec:first-child{padding-top:0}
.dsec-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dsec-h h3{font-size:19px}
.chi{display:inline-block;width:18px;height:18px;border-radius:50%;flex-shrink:0}
.chi.tg{background:#229ED9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l13-5-2 11-4-3-2 2v-3l6-5-8 4z' fill='%23fff'/%3E%3C/svg%3E") center/70% no-repeat}
.chi.wa{background:#25D366 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17l1-3a5 5 0 1 1 2 2z' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/80% no-repeat}
.chlist{display:grid;gap:8px}
.chrow{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.chrow b{font-size:14px}
.chrow span{font-size:12px;color:var(--muted)}
.chrow .iconbtn{margin-left:auto}
.chempty{font-size:14px;color:var(--muted);border:1.5px dashed var(--line2);border-radius:12px;padding:14px;text-align:center}
.msg-warn{background:#FFF7ED;color:#9A3412;border:1px solid #FED7AA;font-size:14px}
.dform{display:grid;gap:16px}
.modes{display:grid;gap:10px}
@media(min-width:720px){.modes{grid-template-columns:1fr 1fr}}
.mode{display:grid;gap:4px;text-align:left;border:1.5px solid var(--line2);background:#fff;border-radius:14px;padding:12px 14px;cursor:pointer}
.mode span{font-size:13px;color:var(--muted)}
.mode.on{border-color:#6D28D9;box-shadow:0 0 0 3px #EDE7FB;background:#FBF9FF}
.chpick{display:flex;flex-wrap:wrap;gap:8px}
.chpick label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:600;cursor:pointer;background:#fff}
.chpick input{accent-color:#6D28D9}
.ppick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:8px}
.ppick label{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.25;border:1px solid var(--line);border-radius:10px;padding:6px;cursor:pointer;background:#fff}
.ppick img,.ppick .ph{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--band)}
.ppick input{accent-color:#6D28D9;flex-shrink:0}
.nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:720px){.nums{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dprev{display:grid;gap:6px;background:#E7DDD3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='4' cy='4' r='1.2' fill='%23d6cabd'/%3E%3C/svg%3E");border-radius:14px;padding:14px}
.bubble{background:#DCF8C6;border-radius:10px 10px 10px 2px;padding:10px 12px;font-size:14px;white-space:pre-wrap;word-break:break-word;max-width:420px;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.bubble b{font-weight:700}
.dsum{font-size:14px;background:#F7F4FD;border:1px solid #E9E1FA;border-radius:12px;padding:10px 12px}
.camps{display:grid;gap:12px}
.camp{border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px;background:#fff}
.camp-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.camp-h b{font-size:16px}
.pill{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.pill.running{background:#DCFCE7;color:#166534}.pill.paused{background:#FEF3C7;color:#92400E}.pill.done{background:#E5E7EB;color:#374151}
.camp-m{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 14px}
.bar2{height:8px;background:var(--band);border-radius:99px;overflow:hidden}
.bar2 i{display:block;height:100%;background:linear-gradient(90deg,#8B5CF6,#6D28D9)}
.camp-err{font-size:13px;color:#B91C1C}
.camp .row .btn{min-height:34px}
.mbox{display:grid;gap:10px;border:1.5px solid #86EFAC;background:#F0FDF4;border-radius:14px;padding:12px}
.mbox.wait{border-color:var(--line);background:#FAFAF9}
.mbox .bubble{max-height:220px;overflow:auto}
.btn-wa2{background:#16A34A;border-color:#16A34A;color:#fff}
.log{display:grid;gap:4px;font-size:12px;max-height:240px;overflow:auto;border-top:1px solid var(--line);padding-top:8px}
.log div{display:flex;gap:8px}
.log .e{color:#B91C1C}
.nums .input{min-width:0;max-width:100%}

.tgok{font-size:14px;font-weight:700;color:#166534;background:#DCFCE7;border-radius:10px;padding:8px 12px;justify-self:start}
.tgbtn{background:#229ED9;border-color:#229ED9;color:#fff}
.tgwait{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted);background:#F7F4FD;border-radius:10px;padding:10px 12px}
.tgwait .spin{width:16px;height:16px;color:#6D28D9}
.tgwait.done .spin{display:none}

.tghelp{display:grid;gap:8px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:12px;padding:12px 14px;font-size:14px}
.tghelp ul{margin:0;padding-left:18px;display:grid;gap:6px}
.tghelp .btn{justify-self:start}

.kindsw{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--band);border-radius:14px;padding:5px}
.kindsw button{border:0;background:transparent;border-radius:10px;padding:10px 12px;font-weight:800;font-size:14px;cursor:pointer;color:#5C534A}
.kindsw button[aria-checked="true"]{background:#fff;color:#1A1022;box-shadow:0 2px 8px rgba(26,16,34,.12)}
.kindsw button[data-k="promo"][aria-checked="true"]{color:#047857}
.tp .sd.promo{color:#047857}
.item .tb.promo{color:#047857}
@media(min-width:760px){.kindsw{max-width:420px}}
.kindsw{grid-template-columns:repeat(3,1fr)}
@media(min-width:760px){.kindsw{max-width:560px}}
.kindsw button[data-k="all"][aria-checked="true"]{color:#1D4ED8}

/* ===== Minha conta ===== */
.acc-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:6px}
.acc-av{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex-shrink:0}
.acc-name{font-size:20px;font-family:var(--display)}
.acc-mail{font-size:14px;color:var(--muted);word-break:break-all}
.acc-since{font-size:12px;color:var(--muted)}
.acc-head .pill{margin-left:auto}
.pill.pro{background:#EDE7FB;color:#5B21B6}.pill.free{background:#F3F4F6;color:#374151}
.acc-grid{display:grid;gap:14px}
@media(min-width:900px){.acc-grid{grid-template-columns:1fr 1fr}}
.acc-card{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:12px;align-content:start;background:#fff}
.acc-card h3{font-size:17px}
.acc-card .hint{font-size:13px;color:var(--muted);margin:0}
.planbox{border-radius:12px;padding:12px 14px;background:#F7F4FD;border:1px solid #E9E1FA;display:grid;gap:2px}
.planbox b{font-size:18px}
.planbox span{font-size:13px;color:var(--muted)}
.paylist{display:grid;gap:6px;font-size:13px}
.paylist div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:6px}
.sess{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px;font-size:13px;color:var(--muted)}
.acc-card.danger{border-color:#FECACA;background:#FFFBFB}
.btn-danger{background:#B91C1C;border-color:#B91C1C;color:#fff}
/* correção: cartão do link não estoura a tela no celular */
.linkcard>*{min-width:0}
.linkcard .url,.sharemsg p{overflow-wrap:anywhere}
.linkcard .acts .btn{white-space:normal}
.page>*{min-width:0}
.page{grid-template-columns:minmax(0,1fr)}.tabs{width:auto;max-width:100%;justify-self:start}
/* ---- planos no painel ---- */
.btn-wa{background:#0E7C3A;border-color:#0E7C3A;color:#fff}
.trialbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#6D28D9,#9333EA);color:#fff;border-radius:16px;padding:14px 16px}
.trialbar>div{display:grid;gap:2px;min-width:0;flex:1 1 260px}
.trialbar b{font-size:17px}
.trialbar span{font-size:14px;opacity:.9}
.trialbar .btn-pro{background:#fff;color:#5B21B6;border-color:#fff}
.plans2{display:grid;gap:12px}
@media(min-width:760px){.plans2{grid-template-columns:1fr 1fr}}
.pcard{position:relative;border:1.5px solid var(--line2);border-radius:18px;padding:18px;display:grid;gap:8px;align-content:start;background:#fff;min-width:0}
.pcard.best{border-color:#C2410C;box-shadow:0 0 0 3px #FCE9DD}
.pcard.best .prolist li::before{color:#C2410C}
.pcard.best .btn-wa-plan{background:#1A1714;border-color:#1A1714;color:#fff}
.pcard .ptag{position:absolute;top:-11px;right:16px;background:#1A1714;color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.03em;text-transform:uppercase}
.pcard .pname{font-weight:800;font-size:18px}
.pcard .pprice{font-family:var(--display,inherit);font-weight:800;font-size:30px;line-height:1.1}
.pcard .pprice small{font-size:15px;font-weight:600;color:var(--muted)}
.pcard .psub{font-size:13px;color:var(--muted)}
.pcard .prolist.one{grid-template-columns:1fr}
.pcard .row{margin-top:6px}
/* ---- produtos: tags extras e esgotados ---- */
.item .tb.out{color:#fff;background:#4B5563;border-radius:6px;padding:0 6px}
.item .tb.tcup{color:#6D28D9}
.item .tb.auto{color:#0369A1}
.soldbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#FFF7ED;border:1px solid #FED7AA;color:#9A3412;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600}
/* ---- conversor ---- */
.convcard{border:1.5px solid #DDD0FB;background:linear-gradient(180deg,#FBF9FF,#fff);border-radius:18px;padding:18px;display:grid;gap:12px}
.convaz{border-top:1px dashed #DDD0FB;padding-top:10px}.convaz summary{cursor:pointer;font-weight:600;font-size:14px}.convaz summary span{font-weight:500;color:var(--muted,#6b625a)}
.conv-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px;align-items:flex-start}
.conv-head>div{min-width:0;flex:1 1 300px}
.conv-head .hint{font-size:14px;color:var(--muted);margin:4px 0 0}
.convleft{font-size:12px;font-weight:800;background:#F3F4F6;color:#374151;border-radius:999px;padding:4px 10px;white-space:nowrap}
.convleft.on{background:#DCFCE7;color:#166534}.convleft.zero{background:#FEE2E2;color:#991B1B}
.convout{display:grid;gap:10px}
.convout .bubble{max-width:100%}
.convout .bubble u{text-decoration:none;color:#075E54;font-weight:700;word-break:break-all}
.convlinks{display:grid;gap:6px}
.cl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px;border:1px solid var(--line);border-radius:10px;padding:6px 8px}
.cl .cls{font-weight:800;white-space:nowrap}
.cl.ok .cls{color:#15803D}.cl.err .cls{color:#B91C1C}
.cl .clt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.cl.err .clt{white-space:normal}
/* ---- cupons ---- */
.cupcard{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px}
.cupcard .hint{font-size:13px;color:var(--muted);margin:0}
.cupform{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:12px;background:#FCFBFE}
.cuplist{display:grid;gap:8px}
.cup{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 8px 8px 12px}
.cup.old{opacity:.55}
.cup .cc{border:2px dashed #6D28D9;color:#5B21B6;border-radius:8px;padding:4px 10px;font-size:14px;letter-spacing:.04em;background:#F7F4FD}
.cup .t{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cup .cm{font-size:12px;color:var(--muted)}
.cup .acts{display:flex}
/* ---- contatos e domínio ---- */
.switch{display:flex;gap:10px;align-items:center;font-weight:700;font-size:15px;cursor:pointer}
.switch input{width:22px;height:22px;accent-color:#6D28D9}
.leadsum{font-size:14px;color:var(--muted)}
.leadlist{display:grid;gap:6px}
.leadlist .lead{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 6px 6px 12px;font-size:14px}
.leadlist .lead b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.domsteps{background:#F7F4FD;border:1px solid #E9E1FA;border-radius:12px;padding:12px 14px;display:grid;gap:6px;font-size:14px}
.domsteps code,.storylink,.reflink code,.tagrow code{background:#F3F4F6;border-radius:6px;padding:2px 6px;font-size:13px;word-break:break-all}
.pill.err{background:#FEE2E2;color:#991B1B}
/* ---- disparador: modelos ---- */
.tpltabs{display:flex;gap:6px;flex-wrap:wrap}
.tpltab{border:1.5px solid var(--line2);background:#fff;border-radius:999px;padding:4px 12px;font-weight:700;font-size:13px;cursor:pointer}
.tpltab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tpltab.add{border-style:dashed;color:#5B21B6}
.tpltab.locked{opacity:.6}
.tpltab.del{color:#B91C1C}
.check.vary{background:#F7F4FD;border:1px solid #E9E1FA;border-radius:12px;padding:10px 12px;color:var(--ink)}
.check.vary small{color:var(--muted)}
.check.vary.locked{opacity:.7}
/* ---- estatísticas por origem ---- */
.origins{display:grid;gap:8px}
.org{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}
.org .on{font-weight:700}
.org .bar{height:10px;background:var(--band);border-radius:99px;overflow:hidden}
.org .bar i{display:block;height:100%;background:#6D28D9;border-radius:99px}
.org .ov{font-size:13px;color:var(--muted);white-space:nowrap}
@media(max-width:560px){.org{grid-template-columns:1fr auto}.org .bar{grid-column:1 / -1;grid-row:2}}
.tagged{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.tagged summary{cursor:pointer;font-weight:700}
.tagged .hint{font-size:13px;color:var(--muted)}
.taglist{display:grid;gap:6px;margin-top:8px}
.tagrow{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}
@media(max-width:560px){.tagrow{grid-template-columns:1fr auto}.tagrow code{grid-column:1 / -1;grid-row:2}}
/* ---- indique e ganhe ---- */
.refcard{background:linear-gradient(180deg,#FFF7ED,#fff)}
.reflink{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.reflink code{flex:1 1 200px;min-width:0}
.refstats{display:grid;gap:4px;font-size:14px;color:var(--muted)}
.refstats b{color:var(--ink)}
/* ---- arte para stories ---- */
#storyDlg{max-width:860px;width:calc(100% - 24px)}
.storywrap{display:grid;gap:16px}
@media(min-width:720px){.storywrap{grid-template-columns:300px minmax(0,1fr)}}
#storyCanvas{width:100%;max-width:300px;aspect-ratio:9/16;height:auto;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.18);justify-self:center;background:#eee}
.storyside{display:grid;gap:12px;align-content:start;min-width:0}
.storyside .row{flex-wrap:wrap}
/* ---- espelhamento ---- */
.mstats{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.mstats b{color:var(--ink);font-size:15px}
.mlog{display:grid;gap:8px;max-height:460px;overflow:auto;border-top:1px solid var(--line);padding-top:8px}
.mfilt{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:10px}
.mi{display:grid;gap:4px;border-left:3px solid #D1D5DB;padding-left:10px}
.mi.enviado{border-color:#16A34A}.mi.fila{border-color:#6D28D9}.mi.erro{border-color:#B91C1C}
.mi-h{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.mi-r{font-size:12px;color:#9A3412}
.mi .bubble{max-width:100%;font-size:13px;max-height:140px;overflow:auto}
#mHook{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
/* ---- suporte ---- */
.supfab{position:fixed;right:16px;bottom:16px;z-index:40;display:inline-flex;align-items:center;gap:8px;background:#16A34A;color:#fff;border-radius:999px;padding:12px 18px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.22)}
.supfab:hover{background:#15803D}
@media(max-width:560px){.supfab{padding:12px;right:12px;bottom:12px}.supfab span{display:none}}
.supcard{background:linear-gradient(180deg,#F0FDF4,#fff)}
.supcard .btn-wa2 svg{flex-shrink:0}
body{padding-bottom:72px}
/* ---- administração ---- */
.adm-h1{font-family:var(--display);font-size:clamp(24px,5vw,34px);font-weight:800}
.robo{margin:10px 0 0;padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600}.robo.ok{background:#e9f7ee;color:#1d6b3a}.robo.bad{background:#fdecea;color:#9b2318}
.trialnote{display:grid;gap:6px;justify-items:start;margin:0 0 14px;padding:14px 16px;border-radius:16px;background:#F3EEFF;border:1.5px solid #DDD0FB;color:#2E1065}.trialnote span{font-size:14px;color:#4C3D6B}.trialnote.soon{background:#FFF4E5;border-color:#F8C98B;color:#7A3E00}.trialnote.soon span{color:#7A4A12}.trialnote.ended{background:#FDECEA;border-color:#F5C2BC;color:#7F1D1D}.trialnote.ended span{color:#7F2A22}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.tgrid div{display:grid;gap:2px;background:var(--bg,#FBF7F1);border-radius:10px;padding:10px 12px}.tgrid span{font-size:12px;color:var(--muted,#6b625a)}.tgrid b{font-size:14px}.tfeat{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}.tfeat .off{color:var(--muted,#6b625a)}
.akpis{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:900px){.akpis{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.akpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:2px;align-content:start;min-width:0}
.akpi small{font-size:13px;color:var(--muted);font-weight:700}
.akpi b{font-family:var(--display);font-size:clamp(24px,5vw,34px);line-height:1.1}
.akpi span{font-size:13px;color:var(--muted)}
.akpi.big{background:var(--ink);color:#fff;border-color:var(--ink)}
.akpi.big small,.akpi.big span{color:#D6CFC6}
@media(max-width:899px){.akpi.big{grid-column:1 / -1}}
.aplans{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.aplan,.am{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:2px;min-width:0}
.aplan b,.am b{font-size:24px;font-weight:800}
.aplan span,.am span{font-size:14px;font-weight:700}
.aplan small,.am small{font-size:12px;color:var(--muted)}
.amini{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.aclients{display:grid;gap:8px}
.acl{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.acl-m{display:grid;gap:1px;min-width:0}
.acl-m b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acl-m span{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acl-m a{color:var(--accent-ink);font-weight:700}
.acl-m small{font-size:12px;color:var(--muted)}
.acl-p{display:grid;gap:2px;justify-items:end;text-align:right}
.acl-p small{font-size:12px;color:var(--muted)}
.acl-a{display:flex;gap:6px}
@media(max-width:700px){.acl{grid-template-columns:minmax(0,1fr) auto}.acl-a{grid-column:1 / -1}}
.apays{display:grid;gap:6px}
.apay{display:grid;grid-template-columns:150px minmax(0,1fr) 120px 110px;gap:10px;font-size:14px;border-bottom:1px solid var(--line);padding:6px 0}
.apay b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.apay.grant span:first-child,.apay.manual span:first-child{color:#15803D;font-weight:700}
.apay.cancel span:first-child,.apay.revoke span:first-child{color:#B91C1C;font-weight:700}
@media(max-width:700px){.apay{grid-template-columns:1fr auto}.apay span:nth-child(3){display:none}}
body.adm{padding-bottom:24px}
.adm .seg{flex-wrap:wrap;border-radius:14px}
.adm .page{grid-template-columns:minmax(0,1fr)}
.adm .top nav{gap:6px}
@media(max-width:480px){.adm .top .pill{display:none}}

/* primeiros passos (contas sem produtos) */
.guide{display:grid;gap:10px;background:#fff;border:1px solid var(--line,#E7DFD6);border-radius:18px;padding:14px 16px;margin-bottom:14px}
.guide-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.guide-h b{font-size:16px}.guide-h span{font-size:13px;color:var(--muted,#6B6159);flex:1}
.guide-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.guide-l li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--band,#F6F0E9)}
.guide-l li>span{display:grid;gap:1px;min-width:0}.guide-l small{color:var(--muted,#6B6159);font-size:13px}
.guide-l i{width:22px;height:22px;border-radius:50%;border:2px solid #CFC4B8;display:grid;place-items:center;font-style:normal}
.guide-l li.done i{background:#15803D;border-color:#15803D}
.guide-l li.done i::after{content:"";width:9px;height:5px;border:solid #fff;border-width:0 0 2.4px 2.4px;transform:translateY(-1px) rotate(-45deg)}
.guide-l li.done b{text-decoration:line-through;color:var(--muted,#6B6159)}
.guide-l li.done .btn{display:none}
@media(min-width:760px){.guide-l{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* manual x automático no WhatsApp */
.wamodes{display:grid;gap:8px}
.wamodes>div{display:grid;gap:2px;background:#fff;border:1px solid #E9E1FA;border-radius:12px;padding:10px 12px;font-size:14px}
.wamodes span{color:var(--muted,#6B6159);font-size:13px;line-height:1.45}
@media(min-width:760px){.wamodes{grid-template-columns:1fr 1fr}}
.connect>*,.tsearch>*,.tbox-wrap{min-width:0}
.connect a,.steps li{overflow-wrap:anywhere}
.connect .btn{max-width:100%;white-space:normal;height:auto;min-height:40px}
/* disparador e formulários: nada passa da largura da tela no celular */
.dsp>*,.dsec,.dsec>*,.dform>*,.dform .field,.modes>*,.mode{min-width:0}
.mode b,.mode span{overflow-wrap:anywhere}
.field select,.field input,.field textarea{max-width:100%;min-width:0}
.seg{flex-wrap:wrap;max-width:100%}
.dform .seg{border-radius:16px}
.check{min-width:0}.check>span{min-width:0;overflow-wrap:anywhere}
.avatarrow{min-width:0}.avatarrow .row{flex-wrap:wrap;min-width:0}
.procard>*,.acc-grid>*{min-width:0}
.cp-card{width:auto;flex:0 1 120px;min-width:0}
.avatarrow .btn{white-space:normal}

.wasteps{margin:0;font-size:14px}

/* administração: pendências de pagamento */
.pends{display:grid;gap:10px}
.pend{display:grid;gap:8px;border:1px solid var(--line2);border-left:4px solid #C2410C;border-radius:12px;padding:12px 14px;background:#fff}
.pend.resolvido,.pend.descartado{border-left-color:var(--line2);opacity:.8}
.pend>b{font-size:14px}
.pids{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}
.pids span{display:grid;min-width:0;overflow-wrap:anywhere}.pids small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.03em}

/* agenda do Disparador */
.hres{display:flex;flex-wrap:wrap;gap:8px}
.hres span{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:5px 12px;background:#fff}
.hres b{font-size:15px;margin-right:4px}
.hres .bad{border-color:#FECACA;color:#991B1B;background:#FEF2F2}
.hsub{font-size:14px;margin:12px 0 6px}
.hlist{display:grid;gap:8px}
.hitem{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;min-width:0}
.hitem > div{min-width:0;flex:1}
.hitem b{display:block;font-size:14px;overflow-wrap:anywhere}
.hitem .camp-m{margin-top:2px}
.hitem .when{font-weight:800;white-space:nowrap;font-size:13px}
.hitem.miss{border-color:#FECACA;background:#FEF2F2}
.hlog{border-top:0;padding-top:0;max-height:320px}
.hlog div{flex-wrap:wrap;column-gap:8px}
.hlog .u{color:#92400E}
#aPick{max-height:260px}
#aPick label.off{opacity:.45}

/* ===== checkout (Mercado Pago) ===== */
.ck-body{min-height:100vh;background:var(--bg)}
.ck-top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1040px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-left)) 8px}
.ck-top .logo-img{height:32px}
.ck-back{gap:6px;color:var(--ink)}
.ck{max-width:1040px;margin:0 auto;padding:8px 16px calc(32px + env(safe-area-inset-bottom));display:grid;gap:16px}
.ck-test{background:#FFF7ED;border:1px dashed #FDBA74;color:#9A3412;border-radius:12px;padding:10px 14px;font-size:14px}
.ck-test b{margin-right:6px}
.ck-grid{display:grid;gap:16px;align-items:start;grid-template-columns:minmax(0,1fr)}
@media(min-width:860px){.ck-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.ck-sum{position:sticky;top:16px}}
.ck-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;box-shadow:0 1px 2px rgba(26,23,20,.04)}
.ck-card>*{min-width:0}
.ck-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.ck-sum h1{font-size:26px;line-height:1.15}
.ck-price{display:flex;align-items:baseline;gap:4px}
.ck-price b{font-family:var(--display);font-size:38px;line-height:1;letter-spacing:-.02em}
.ck-price span{color:var(--muted);font-weight:700}
.ck-total{font-size:14px;color:var(--muted)}
.ck-ben{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:15px}
.ck-ben li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start}
.ck-ben li::before{content:"";width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A3412' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat}
.ck-wa{font-size:14px;background:var(--band);border-radius:12px;padding:10px 12px}
.ck-mail{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.ck-pay h2{font-size:20px}
.ck-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ck-m{display:flex;align-items:center;gap:10px;text-align:left;min-height:64px;padding:12px;border:1.5px solid var(--line2);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s}
.ck-m svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
.ck-m span{display:grid;gap:1px;min-width:0}
.ck-m b{font-size:15px}
.ck-m small{font-size:12px;color:var(--muted);line-height:1.3}
.ck-m:hover{border-color:var(--ink)}
.ck-m[aria-checked="true"]{border-color:var(--accent);background:#FFF8F3;box-shadow:0 0 0 3px rgba(194,65,12,.1)}
.ck-m[aria-checked="true"] svg{color:var(--accent)}
.ck-m:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ck-pane{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.ck-pane>*,.ck-grid>*,.ck-qr>*{min-width:0}
.ck-brick{width:100%;overflow:hidden}
.ck-note{font-size:14px;background:var(--band);border-radius:12px;padding:10px 12px}
.ck-blocked{font-size:14px;background:#FEF2F2;color:#7F1D1D;border-radius:12px;padding:10px 12px}
.ck-fine{font-size:12px;color:var(--muted)}
.ck-brick{min-height:120px}
.ck-go{min-height:52px;font-size:16px}
.ck-warn{display:grid;gap:8px;background:#FFF7ED;border:1px solid #FED7AA;color:#7C2D12;border-radius:12px;padding:12px;font-size:14px}
.ck-warn .check{font-weight:700}
.ck-qr{display:grid;gap:16px;align-items:start;justify-items:center;border:1px solid var(--line);border-radius:16px;padding:16px}
@media(min-width:560px){.ck-qr{grid-template-columns:220px minmax(0,1fr);justify-items:start}}
.ck-qr img{width:220px;height:220px;image-rendering:pixelated;border-radius:8px;background:#fff}
.ck-qr-side{display:grid;gap:10px;font-size:14px;width:100%;min-width:0}
.ck-qr-side ol{margin:0;padding-left:18px;display:grid;gap:2px;color:var(--muted)}
.ck-copy{display:flex;gap:8px;min-width:0}
.ck-copy .input{flex:1;min-width:0;font-size:13px;font-family:ui-monospace,Menlo,monospace}
.ck-wait{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--accent-ink)}
.ck-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:ckp 1.2s ease-in-out infinite}
@keyframes ckp{50%{opacity:.25}}
.ck-secure{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--muted)}
.ck-secure svg{flex-shrink:0;margin-top:2px}
.ck-load{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 16px;color:var(--muted);font-weight:700}
.ck-load.small{padding:24px 8px;font-size:14px}
.ck-spin{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--line2);border-top-color:var(--accent);animation:cks .8s linear infinite;flex-shrink:0}
@keyframes cks{to{transform:rotate(360deg)}}
.ck-proc{position:fixed;inset:0;z-index:60;background:rgba(251,247,241,.82);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:16px}
.ck-proc .ck-spin{width:32px;height:32px;border-width:3px}
.ck-off,.ck-done{max-width:560px;margin:24px auto 0;text-align:center;justify-items:center;padding:32px 22px}
.ck-off h1,.ck-done h1{font-size:26px}
.ck-off p,.ck-done p{color:var(--muted)}
.ck-done .row{justify-content:center}
.ck-ico{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ck-ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ck-done.ok .ck-ico{background:#DCFCE7;color:#15803D}
.ck-done.wait .ck-ico{background:var(--accent-soft);color:var(--accent-ink)}
@media(max-width:420px){.ck-m{flex-direction:column;align-items:flex-start;gap:6px}.ck-price b{font-size:34px}.ck-card{padding:18px 16px}}
@media(prefers-reduced-motion:reduce){.ck-spin,.ck-dot{animation:none}.ck-m{transition:none}}
/* Minha conta: assinaturas do Mercado Pago */
.mpsubs{display:grid;gap:8px}
.mpsub{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px}
.mpsub>div{display:grid;gap:2px;min-width:0}
.mpsub small{color:var(--muted)}