.rtab{display:flex;gap:6px;padding:0 20px 12px;flex-wrap:wrap}
.rtab button{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-size:13.5px;font-weight:700;border:1px solid var(--ln);color:var(--mu);background:var(--sf)}
.rtab button svg{width:15px;height:15px}
.rtab button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.fb{display:flex;align-items:center;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--ln);flex-wrap:wrap;font-size:13.5px;color:var(--mu)}
.fb .ib2{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--ln);color:var(--mu)}
.fb .ib2:hover,.fb .ib2.on{border-color:var(--pr);color:var(--pr);background:var(--ps)}
.fb .ib2 svg{width:16px;height:16px}
.fbx{padding:0 20px 18px;display:flex;flex-direction:column;gap:10px}
.fbx .chip.on{border-color:var(--pr);color:var(--pr);background:var(--ps)}
.pii{align-self:flex-start;font-size:13px;color:var(--wt);background:var(--wb);border-radius:12px;padding:8px 12px;display:flex;gap:8px;align-items:center}
.pii svg{width:15px;height:15px}
.offb{display:flex;gap:10px;align-items:center;background:var(--wb);color:var(--wt);padding:10px 16px;font-size:13.5px;font-weight:600}
.offb svg{width:16px;height:16px}
.li{display:flex;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--ln)}
.li:last-child{border-bottom:0}
.li .ico{width:38px;height:38px;border-radius:11px;background:var(--ps);color:var(--pr);display:grid;place-items:center;flex:none}
.li .ico svg{width:17px;height:17px}
.li .tx{flex:1;min-width:0}
.li .tx b{display:block;font-size:15px}
.li .tx span{font-size:13px;color:var(--mu)}
.li .tx span.q{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li .ac2{display:flex;gap:4px;flex:none}
.li .ac2 button{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--mu)}
.li .ac2 button:hover{background:var(--s2);color:var(--tx)}
.li .ac2 svg{width:16px;height:16px}
.lg4{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);font-weight:700;margin:6px 2px -6px}
.setr{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--ln)}
.setr:last-child{border-bottom:0}
.setr .tx{flex:1;min-width:0}
.setr .tx b{display:block;font-size:14.5px}
.setr .tx span{font-size:13px;color:var(--mu)}
.sw{width:42px;height:24px;border-radius:999px;background:var(--ln);position:relative;flex:none;transition:.2s}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.sw.on{background:var(--pr)}
.sw.on::after{left:21px}
.chg{border-left:3px solid var(--pr);padding:2px 0 2px 14px}
.chg+.chg{margin-top:14px}
.pw-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 22px 0}
.pw-plans .opt{flex-direction:column;align-items:flex-start;gap:2px}
.pw-plans .opt b{font-size:18px;font-family:var(--fh)}
@media (max-width:900px){ .rtab{padding:0 16px 12px} .fb{padding:12px 16px 14px} .fbx{padding:0 16px 16px} .pw-plans{grid-template-columns:1fr;margin:14px 16px 0} }

/* ===== protótipo de ponta a ponta ===== */
.lp-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.lp-demo{min-width:0}
.lp-demo .rx{box-shadow:0 20px 60px rgba(0,0,0,.12)}
.lp-ico{width:44px;height:44px;border-radius:13px;background:var(--ps);color:var(--pr);display:grid;place-items:center;flex:none}
.faq{padding:0}.faq summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:700;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}.faq[open] summary svg{transform:rotate(180deg)}.faq p{padding:0 18px 16px;color:var(--mu)}
.plans .pl{display:flex;flex-direction:column;gap:6px}.plans .pv{font-family:var(--fh);font-weight:var(--hw);font-size:34px;line-height:1.1;margin-top:6px}
.plans ul{list-style:none;margin:12px 0 16px;display:flex;flex-direction:column;gap:8px;flex:1}.plans li{display:flex;gap:8px;font-size:14px;align-items:flex-start}.plans li svg{color:var(--ac);width:16px;height:16px;margin-top:2px}
.plans .hl{border:2px solid var(--pr)}
.simhint{display:flex;gap:10px;align-items:flex-start;border:1.5px dashed var(--ln);border-radius:var(--r);padding:10px 12px;font-size:12.5px;color:var(--mu);line-height:1.45}
.simhint svg{width:15px;height:15px;margin-top:1px;flex:none}
.wa{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:80;width:min(400px,calc(100vw - 24px));background:#1f2c34;color:#e9edef;border-radius:16px;padding:12px 14px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 14px 40px rgba(0,0,0,.35);cursor:pointer;animation:wadn .35s ease;font-family:system-ui,-apple-system,sans-serif}
@keyframes wadn{from{opacity:0;transform:translate(-50%,-14px)}}
.wa .wi{width:34px;height:34px;border-radius:9px;background:#25D366;color:#fff;display:grid;place-items:center;flex:none}
.wa .wt{display:block;font-size:13px}.wa span{font-size:13.5px;line-height:1.4}.wa button{color:#8696a0;margin-left:auto}.wa button svg{width:16px;height:16px}
.ck{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;padding-top:36px;padding-bottom:64px;align-items:start}
.ck-sum{position:sticky;top:90px}
.ck .tabs button{display:inline-flex;gap:8px;align-items:center}
#crmchk .ckr{display:flex;gap:12px;align-items:center;padding:11px 16px;font-size:14px;color:var(--mu)}
.sp2{width:18px;height:18px;border-radius:50%;border:2px solid var(--ln);flex:none;display:grid;place-items:center}
.ckr.run .sp2{border-color:var(--pr);border-right-color:transparent;animation:rot .8s linear infinite}
.ckr.run{color:var(--tx)}
.ckr.ok{color:var(--tx)}.ckr.ok .sp2{background:var(--okt);border-color:var(--okt)}.ckr.ok .sp2::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.ckr.no{color:var(--dg)}.ckr.no .sp2{background:var(--dg);border-color:var(--dg)}
@keyframes rot{to{transform:rotate(360deg)}}
.okline{display:flex;gap:8px;align-items:center;font-weight:700;color:var(--okt);background:var(--okb);padding:10px 14px;border-radius:var(--r)}
.bigok{width:64px;height:64px;border-radius:50%;background:var(--okb);color:var(--okt);display:grid;place-items:center}.bigok svg{width:30px;height:30px;stroke-width:2.5}
.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--ln);font-size:14px}.kv:last-child{border-bottom:0}.kv span{color:var(--mu)}.kv b{text-align:right}
.steps2{display:flex;flex-direction:column;gap:10px;padding-left:20px;font-size:14.5px}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:rot .8s linear infinite;display:inline-block;flex:none}
.pxw{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px;border-radius:var(--r);background:var(--s2);font-size:14px;font-weight:600}
.pxw.ok{background:var(--okb);color:var(--okt)}
.badge.okb{background:var(--okb);color:var(--okt)}
.dotn{width:8px;height:8px;border-radius:50%;background:var(--ac);margin-left:auto}
.trialbox{margin:6px 16px 12px;padding:12px;border-radius:var(--r);background:var(--s2)}
.kgw{display:flex;align-items:center;gap:10px;margin:0 20px 6px;padding:10px 12px;border-radius:var(--r);background:var(--s2);font-size:13.5px;font-weight:600;flex-wrap:wrap}
.kgw .in{width:90px;padding:7px 10px}
.fill{background:var(--wb);color:var(--wt);border-radius:5px;padding:0 4px;font-weight:700}
.calc{background:var(--ps);color:var(--pr);border-radius:5px;padding:0 4px}
.ack.warn svg{color:var(--wt)}
.note .lnk{font-size:inherit}
.ed2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.ed2>*{min-width:0}
.edit{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px dashed var(--ln)}
.edit .n{font-size:12px;color:var(--mu);width:16px;padding-top:12px;font-family:var(--fm)}
.edit .rm{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--mu);flex:none;margin-top:4px}.edit .rm:hover{background:var(--dgb);color:var(--dg)}
.orig{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;background:var(--s2);box-shadow:none}
.orig p{line-height:1.45}
/* barra da simulação */
.demo-btn{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;align-items:center;gap:8px;background:#111;color:#fff;border-radius:999px;padding:10px 15px 10px 13px;font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.3);font-family:'Figtree',system-ui,sans-serif}
.demo-btn svg{width:14px;height:14px;fill:#fff}.demo-btn .k{opacity:.6;font-weight:500}
.demo{position:fixed;right:14px;bottom:62px;z-index:61;width:min(380px,calc(100vw - 28px));max-height:calc(100dvh - 90px);overflow:auto;background:#fff;color:#111;border-radius:18px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:'Figtree',system-ui,sans-serif;font-size:13.5px}
.demo .dh{display:flex;justify-content:space-between;align-items:center;font-size:15px}.demo .dh button{color:#777}
.demo .dmu{color:#666;font-size:12.5px;margin-top:4px;line-height:1.45}
.demo .dsec{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#888;font-weight:700;margin:14px 0 6px}
.demo .dseg{display:flex;gap:4px;flex-wrap:wrap}.demo .dseg button,.demo .dgrid button{flex:1;display:flex;gap:6px;align-items:center;justify-content:center;padding:8px 8px;border:1px solid #ddd;border-radius:10px;font-weight:700;font-size:12.5px;color:#111;white-space:nowrap}
.demo .dseg button.on,.demo .dgrid button.on{background:#111;color:#fff;border-color:#111}
.demo .dseg svg,.demo .dgrid svg{width:14px;height:14px}
.demo .dgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.demo .dj{list-style:none;display:flex;flex-direction:column;gap:2px}
.demo .dj button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:6px 8px;border-radius:8px;color:#333}.demo .dj button:hover{background:#f2f2f2}
.demo .dj i{width:16px;height:16px;border-radius:50%;border:2px solid #ccc;flex:none}
.demo .dj svg{width:16px;height:16px;color:#fff;background:#1a8f5a;border-radius:50%;padding:2px;flex:none;stroke-width:3}
.demo .dj li.ok span{color:#888;text-decoration:line-through}
.demo .dreset{margin-top:14px;width:100%;display:flex;gap:8px;justify-content:center;align-items:center;padding:9px;border-radius:10px;background:#f3f3f3;font-weight:700;color:#a11}
.demo .dreset svg{width:14px;height:14px}

/* ---------- modal: fechar no X ---------- */
.modal{position:relative}
.mclose{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--mu);background:transparent;z-index:2}
.mclose:hover{background:var(--s2);color:var(--tx)}
.mclose svg{width:16px;height:16px}
.modal .mh{padding-right:48px}

/* ---------- busca de lista ---------- */
.lsrc{display:flex;align-items:center;gap:8px;position:relative;flex:1;min-width:150px;max-width:320px}
.lsrc>svg{position:absolute;left:11px;width:15px;height:15px;color:var(--mu);pointer-events:none}
.lsrc input{padding-left:33px;padding-right:34px}
.lsrc input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.lsx{position:absolute;right:7px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--mu)}
.lsx:hover{background:var(--s2);color:var(--tx)}
.lsx svg{width:14px;height:14px}
.lbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}
.lbar .tabs{border:0;min-width:0}

/* ---------- estado vazio ---------- */
.empt{text-align:center;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}
.empt .lp-ico{margin:0}
.empt p{max-width:440px;margin:0}

/* ---------- ações por linha ---------- */
.li .ac2 button.lbl{width:auto;padding:0 10px;gap:6px;font-size:13px;font-weight:600}
.rowac{display:flex;gap:4px;justify-content:flex-end;white-space:nowrap}
.rowac button{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--mu);border:1px solid transparent;flex:none}
.rowac button:hover{background:var(--s2);color:var(--tx);border-color:var(--ln)}
.rowac button.dgb:hover{color:var(--dg);border-color:var(--dg)}
.rowac svg{width:16px;height:16px}
.tbl td>.rowac{margin:-4px 0}
.tbl td>.empt{border:0;background:transparent;border-radius:0}
.toast{max-width:min(560px,calc(100vw - 36px));white-space:normal}
.fluxob{display:flex;gap:8px;align-items:center;background:var(--ps);color:var(--pr);border-radius:var(--r);padding:9px 12px;font-size:13px;font-weight:600;line-height:1.35}
.fluxob svg{width:15px;height:15px;flex:none}

@media (max-width:900px){
 .lp-hero{grid-template-columns:1fr;gap:28px}
 .lsrc{max-width:none}
 .ck{grid-template-columns:1fr;padding-top:20px}.ck-sum{position:static}
 .ed2{grid-template-columns:1fr}.orig{position:static;max-height:none}
 .kgw{margin:0 16px 6px}
 .demo-btn{bottom:96px;right:10px;padding:9px 11px;opacity:.92}
 .demo-btn>span:not(.k){display:none}
 .toast{bottom:150px;white-space:normal;max-width:calc(100vw - 32px)}
 .demo{bottom:146px;right:10px;max-height:calc(100dvh - 170px)}
 .app .dock{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}