:root{--f:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --bg:#F5F7FB;--lpbg:#FFFFFF;--card:#FFFFFF;--sf:#F3F5FA;--sf2:#E9EDF6;--ln:#E2E7F1;--ln2:#CDD5E5;--hov:#F3F6FC;
 --ink:#070D2B;--tx2:#4A5578;--tx3:#848EAD;
 --pri:#0B3FE6;--pri2:#0833C2;--pri-bg:#ECF1FF;--pri-ln:#C6D4FF;--cy:#0AA6D6;
 --ok:#0A7A53;--ok-bg:#E7F5EE;--wab:#E5A23A;--erb:#DE5A50;--wa:#9A5800;--wa-bg:#FFF2DC;--er:#B8302A;--er-bg:#FCECEA;--mu:#56607F;--mu-bg:#EEF1F7;
 --side:#FFFFFF;--side-ln:#E2E7F1;--side-tx:#4A5578;--side-ink:#070D2B;--side-on:#ECF1FF;--side-ontx:#0B3FE6;--side-sub:#8A93B0;
 --navy:#040A24;--navy2:#0B1640;
 --sh:0 1px 2px rgba(7,13,43,.05),0 3px 12px rgba(7,13,43,.04);--shm:0 28px 80px rgba(7,13,43,.24);
 --m1:#0A2DE1;--m2:#29DFFD;--m3:#1AE8FE;--m4:#0B5BF5;--m5:#0447EF;--m6:#0FECFF;--m7:#0140EF;
 --c1:#0B3FE6;--c2:#93BAF8;--c3:#AEB5C4;--c5:#5B83F0;--cy2:#2AA3C8;--grid:#ECEFF4;--shm2:0 10px 28px rgba(7,13,43,.12);
 color-scheme:light}
:root[data-theme="dark"]{--bg:#0F1012;--lpbg:#0F1012;--card:#16171A;--sf:#1B1C20;--sf2:#232429;--ln:rgba(255,255,255,.07);--ln2:rgba(255,255,255,.12);--hov:rgba(255,255,255,.035);
 --ink:#ECEDEF;--tx2:#A3A6AE;--tx3:#71757E;
 --pri:#4F78E6;--pri2:#4169D8;--pri-bg:rgba(79,120,230,.13);--pri-ln:rgba(79,120,230,.34);--cy:#58B7D6;
 --ok:#57C28F;--ok-bg:rgba(87,194,143,.11);--wab:#D3A04A;--erb:#DA6C64;--wa:#DDAC55;--wa-bg:rgba(221,172,85,.11);--er:#E7766F;--er-bg:rgba(231,118,111,.11);--mu:#A3A6AE;--mu-bg:rgba(255,255,255,.06);
 --side:#0B0C0E;--side-ln:rgba(255,255,255,.06);--side-tx:#A3A6AE;--side-ink:#ECEDEF;--side-on:rgba(255,255,255,.06);--side-ontx:#FFFFFF;--side-sub:#71757E;
 --navy:#16171A;--navy2:#2E3036;
 --sh:none;--shm:0 24px 64px rgba(0,0,0,.55);--shm2:0 10px 28px rgba(0,0,0,.5);
 --m1:#2F5FE8;--m2:#5BBFEA;--m3:#FFFFFF;--m4:#D3D7DF;--m5:#8E949F;--m6:#6FCDEB;--m7:#2F5FE8;
 --c1:#6A8DF0;--c2:#4B5E8A;--c3:#5F636C;--c5:#5675CC;--cy2:#4A9DB5;--grid:rgba(255,255,255,.055);
 color-scheme:dark}
*{box-sizing:border-box}
html{touch-action:manipulation;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.5 var(--f);-webkit-font-smoothing:antialiased;overflow-x:clip;-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p{margin:0}
svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
svg.mk{display:block;flex:none}
svg.wm{display:block;flex:none;color:var(--ink)}
.num{font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--pri);outline-offset:2px;border-radius:6px}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}
.area{display:none}.area.on{display:block}
[hidden]{display:none!important}

/* ── comuns ── */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:9px;border:1px solid var(--ln2);background:var(--card);color:var(--ink);font-weight:550;font-size:13.5px;white-space:nowrap;transition:background .15s,border-color .15s}
.bt:hover{background:var(--hov);border-color:var(--tx3)}
.bt.p{background:var(--pri);border-color:var(--pri);color:#fff}.bt.p:hover{background:var(--pri2);border-color:var(--pri2)}
.bt.dg{color:var(--er)}.bt.dg:hover{border-color:var(--er);background:var(--er-bg)}
.bt.gh{border-color:transparent;background:transparent}.bt.gh:hover{background:var(--hov)}
.bt.sm{height:32px;padding:0 11px;font-size:13px;gap:6px;border-radius:8px}.bt.sm svg.i{width:16px;height:16px}
.bt.lg{height:48px;padding:0 22px;font-size:15px;border-radius:11px}
.bt:disabled{opacity:.5;cursor:default}
.ib{width:36px;height:36px;border-radius:9px;display:inline-grid;place-items:center;color:var(--tx2);flex:none;transition:background .15s}
.ib:hover{background:var(--hov);color:var(--ink)}
.ib.p{background:var(--pri);color:#fff}.ib.p:hover{background:var(--pri2);color:#fff}
.av{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;flex:none;background:var(--pri-bg);color:var(--pri);font-weight:650;font-size:12.5px;letter-spacing:.02em}
.av.sq{border-radius:9px}
.inp{width:100%;height:40px;border:1px solid var(--ln2);border-radius:9px;background:var(--card);padding:0 12px;outline:none;transition:border-color .15s,box-shadow .15s}
.inp:focus,textarea.inp:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-bg)}
textarea.inp{height:auto;min-height:96px;padding:10px 12px;resize:vertical;line-height:1.5}
select.inp{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238690AE' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.fl{display:flex;flex-direction:column;gap:6px;min-width:0}.fl>label{font-size:12.5px;font-weight:550;color:var(--tx2)}
.fl .hl{font-size:12px;color:var(--tx3)}
.fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fg .w{grid-column:1/-1}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--ln2);font-size:13px;font-weight:500;color:var(--tx2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:var(--card)}
.chip:hover{border-color:var(--tx3);color:var(--ink)}
.chip.on{background:var(--pri-bg);border-color:var(--pri-ln);color:var(--pri)}
.chip .n{font-size:11.5px;color:var(--tx3)}.chip.on .n{color:var(--pri)}
.st{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:550;white-space:nowrap;background:var(--mu-bg);color:var(--mu)}
.st i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.st.ok{background:var(--ok-bg);color:var(--ok)}.st.wa{background:var(--wa-bg);color:var(--wa)}.st.er{background:var(--er-bg);color:var(--er)}.st.in{background:var(--pri-bg);color:var(--pri)}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--sf2);color:var(--tx2);font-size:12px;font-weight:500;margin:0 4px 4px 0;white-space:nowrap}
.bar{height:6px;border-radius:99px;background:var(--sf2);overflow:hidden}
.bar i{display:block;height:100%;border-radius:inherit;background:var(--pri)}
.bar.wa i{background:var(--wab)}.bar.er i{background:var(--erb)}
.sw{position:relative;width:38px;height:22px;border-radius:99px;background:var(--ln2);flex:none;transition:background .2s}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s}
.sw.on{background:var(--pri)}.sw.on::after{transform:translateX(16px)}
.tg{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--ln)}
.tg:last-child{border-bottom:0}.tg b{display:block;font-weight:600}.tg small{display:block;color:var(--tx3);font-size:12.5px}
.vz{padding:28px 16px;text-align:center;color:var(--tx3);font-size:13px}
.toast{position:fixed;z-index:120;left:50%;bottom:28px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);padding:11px 16px;border-radius:10px;font-size:13.5px;font-weight:500;max-width:min(520px,calc(100vw - 32px));box-shadow:var(--shm);transition:opacity .2s,transform .2s}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* overlay: modal, gaveta, folha */
.ovl{position:fixed;inset:0;z-index:100;background:rgba(4,9,32,.44);display:none;align-items:center;justify-content:center;padding:20px}
.ovl.on{display:flex}
.md{background:var(--card);border:1px solid var(--ln);border-radius:16px;box-shadow:var(--shm);width:min(560px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden}
.md.wd{width:min(720px,100%)}
.ovl.dw{justify-content:flex-end;padding:0}
.ovl.dw .md{width:min(500px,100%);height:100%;max-height:none;border-radius:0;border-width:0 0 0 1px}
.mh{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--ln)}
.mh h4{font-size:16px;font-weight:650;line-height:1.3}.mh p{color:var(--tx3);font-size:13px;margin-top:2px}
.mh .ib{margin:-6px -8px 0 auto}
.mb{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}
.mb>*{flex-shrink:0}
.mf{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--ln);background:var(--card)}
.mf .sp{margin-right:auto}
.kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:11px;overflow:hidden}
.kv>div{background:var(--card);padding:10px 12px;min-width:0}
.kv small{display:block;color:var(--tx3);font-size:12px}.kv b{display:block;font-weight:600;overflow-wrap:anywhere}
.ttl{font-size:12.5px;font-weight:600;color:var(--tx3);margin-bottom:-6px}
.row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--ln);min-width:0}
.row:last-child{border-bottom:0}
.row .t{min-width:0;flex:1}.row .t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .t small{display:block;color:var(--tx3);font-size:12.5px}
.sheet{background:var(--card);border:1px solid var(--ln);border-radius:16px;box-shadow:var(--shm);width:min(400px,100%);padding:8px;display:flex;flex-direction:column}
.sheet .sh-t{padding:10px 12px 6px;font-size:12.5px;color:var(--tx3);font-weight:600}
.sheet button.it{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-radius:10px;font-weight:550}
.sheet .it:hover,.sheet .it.on{background:var(--hov)}
.sheet a.it.on{color:var(--pri)}.sheet button.it.on{color:var(--pri)}
.sheet button.it svg.i{color:var(--tx2)}.sheet button.it.on svg.i{color:var(--pri)}
.sheet button.it .ch{margin-left:auto;color:var(--tx3)}

/* ── seletor de preview ── */
.pv{position:fixed;z-index:90;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;background:rgba(4,10,36,.94);color:#C9D3EE;border-radius:12px 0 0 12px;box-shadow:0 12px 34px rgba(4,10,36,.3);backdrop-filter:blur(8px)}
:root[data-theme="dark"] .pv{background:rgba(30,31,35,.97);border:1px solid rgba(255,255,255,.1);border-right:0}
.pv .pvm{width:26px;height:58px;display:grid;place-items:center;flex:none}
.pv button.o{display:none;height:34px;padding:0 14px;border-radius:99px;font-size:13px;font-weight:550;white-space:nowrap;color:#C9D3EE}
.pv button.o:hover{color:#fff;background:rgba(255,255,255,.07)}
.pv button.o.on{background:#fff;color:#070D2B}
.pvt{position:absolute;inset:0;border-radius:inherit}
.pv.full{right:auto;left:50%;top:auto;bottom:18px;transform:translateX(-50%);border-radius:99px;padding:4px}
:root[data-theme="dark"] .pv.full{border-right:1px solid rgba(255,255,255,.1)}
.pv.full .pvm{width:30px;height:30px;margin:0 4px 0 6px}
.pv.full button.o{display:inline-flex;align-items:center}
.pv.full .pvt{display:none}
.scrim{position:fixed;inset:0;background:rgba(4,9,32,.32);z-index:65;display:none}.scrim.on{display:block}
/* ── SITE ── */
.lp{background:var(--lpbg);color:var(--ink);min-height:100vh}
.lw{width:min(1200px,100% - 48px);margin:0 auto}
.lh{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--lpbg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.lh.sc{border-bottom-color:var(--ln)}
.lhin{display:flex;align-items:center;gap:28px;height:72px}
.lg{display:flex;align-items:center;gap:11px;flex:none}
.lnav{display:flex;gap:4px;margin-left:8px}
.lnav button{height:38px;padding:0 12px;border-radius:9px;color:var(--tx2);font-weight:500;font-size:14.5px}
.lnav button:hover{color:var(--ink);background:var(--hov)}
.lha{display:flex;align-items:center;gap:8px;margin-left:auto}
.lmenu{display:none}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px;align-items:center;padding:64px 0 72px}
.hero h1{font-size:clamp(34px,4.6vw,60px);line-height:1.04;font-weight:650;font-stretch:116%;letter-spacing:-.028em;max-width:13ch;text-wrap:balance}
.hero .lead{font-size:18px;line-height:1.6;color:var(--tx2);margin-top:22px;max-width:52ch}
.hcta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hok{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--tx2);font-size:14px}
.hok li{display:flex;align-items:center;gap:8px}.hok svg.i{color:var(--pri);width:17px;height:17px}
/* demo do hero */
.demo{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border:1px solid var(--ln);border-radius:20px;background:var(--card);box-shadow:var(--shm);overflow:hidden;min-height:452px}
.dchat{display:flex;flex-direction:column;border-right:1px solid var(--ln);min-width:0;background:var(--sf)}
.dch-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--ln);background:var(--card)}
.dch-h b{display:block;font-weight:600;font-size:14px;line-height:1.2}.dch-h small{display:block;color:var(--tx3);font-size:12px}
.dch-h .st{margin-left:auto}
.dch-m{flex:1;padding:16px;display:flex;flex-direction:column;gap:9px;justify-content:flex-end}
.bb{max-width:88%;padding:9px 12px 7px;border-radius:13px;font-size:13.5px;line-height:1.45;position:relative;background:var(--card);border:1px solid var(--ln);align-self:flex-start;border-top-left-radius:4px;overflow-wrap:anywhere}
.bb small{display:block;text-align:right;font-size:10.5px;color:var(--tx3);margin-top:2px}
.bb .q{display:block;font-size:11.5px;font-weight:650;color:var(--pri);margin-bottom:1px}
.bb.as,.bb.eq{align-self:flex-end;background:var(--pri-bg);border-color:var(--pri-ln);border-radius:13px;border-top-right-radius:4px}
.bb.eq{background:var(--sf2);border-color:var(--ln2)}.bb.eq .q{color:var(--tx2)}
.bb.in-a,.dpi.in-a{animation:entra .35s ease both}
@keyframes entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dig{display:inline-flex;gap:4px;align-self:flex-end;padding:12px 14px;border-radius:13px;background:var(--pri-bg);border:1px solid var(--pri-ln)}
.dig i{width:6px;height:6px;border-radius:50%;background:var(--pri);opacity:.35;animation:dig 1s infinite}.dig i:nth-child(2){animation-delay:.15s}.dig i:nth-child(3){animation-delay:.3s}
@keyframes dig{50%{opacity:1}}
.dpan{padding:18px 16px;display:flex;flex-direction:column;gap:10px;min-width:0;position:relative}
.dpl{font-size:12.5px;font-weight:600;color:var(--tx3)}
.dpi{border:1px solid var(--ln);border-radius:12px;padding:10px 12px;background:var(--card);min-width:0}
.dpi small{display:flex;align-items:center;gap:6px;color:var(--tx3);font-size:11.5px;font-weight:550}
.dpi small svg.i{width:14px;height:14px;color:var(--pri)}
.dpi b{display:block;font-weight:600;font-size:13.5px;margin-top:3px;overflow-wrap:anywhere}
.dpi span.d{display:block;color:var(--tx2);font-size:12.5px}
.dpi .st{margin-top:6px}
.dre{position:absolute;right:16px;bottom:16px;z-index:4;height:30px;padding:0 12px;border-radius:99px;background:var(--card);border:1px solid var(--ln2);font-size:12.5px;font-weight:550;color:var(--tx2);display:inline-flex;align-items:center;gap:6px}
.dre:hover{color:var(--ink)}.dre svg.i{width:14px;height:14px}
.segs{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.segs .lw{display:flex;align-items:center;gap:28px;padding:20px 0;flex-wrap:wrap}
.segs b{font-weight:600;font-size:14px}
.segs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px;color:var(--tx2);font-size:14.5px}
.sec{padding:104px 0}
.sh2{max-width:640px}
.sh2 h2{font-size:clamp(28px,3.2vw,42px);line-height:1.1;font-weight:650;font-stretch:112%;letter-spacing:-.022em;text-wrap:balance}
.sh2 p{font-size:17px;line-height:1.6;color:var(--tx2);margin-top:14px}
.steps{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ln)}
.steps li{padding:30px 32px 0 0;position:relative}
.steps li+li{padding-left:32px;border-left:1px solid var(--ln)}
.sn{display:flex;align-items:center;gap:12px;font-size:44px;line-height:1;font-weight:600;font-stretch:125%;color:var(--pri);letter-spacing:-.02em}
.sn::after{content:"";width:22px;height:3px;background:var(--pri);transform:skewX(-45deg);opacity:.5}
.steps h3{font-size:19px;font-weight:650;margin-top:22px;letter-spacing:-.01em}
.steps p{color:var(--tx2);font-size:15px;line-height:1.6;margin-top:8px;max-width:38ch}
.rec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:52px;align-items:start}
.cmock{border:1px solid var(--ln);border-radius:18px;background:var(--sf);padding:18px;position:sticky;top:96px}
.cmock .cmh{display:flex;align-items:center;gap:10px;padding:0 2px 14px;border-bottom:1px solid var(--ln);margin-bottom:14px}
.cmock .cmh b{display:block;font-weight:600;line-height:1.2}.cmock .cmh small{display:block;font-size:12px;color:var(--tx3)}
.cmock .bb{max-width:100%}
.cmock .bb.as{align-self:stretch;max-width:100%}
.cmock .cms{display:flex;flex-direction:column;gap:10px}
.mini-t{width:100%;border-collapse:collapse;margin:6px 0 2px;font-size:12.5px}
.mini-t td{padding:5px 0;border-top:1px solid var(--pri-ln)}.mini-t td:last-child{text-align:right;font-weight:600}
.acao{margin-top:8px;border:1px solid var(--ln2);background:var(--card);border-radius:10px;padding:10px 12px}
.acao b{display:block;font-weight:600;font-size:13px}.acao small{display:block;color:var(--tx3);font-size:12px;text-align:left;margin:2px 0 0}
.acao .lin{display:flex;gap:6px;margin-top:8px}
.acao.feito{border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:var(--ok-bg)}
.acao.cancel{opacity:.7}
.flist{display:flex;flex-direction:column}
.fi{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--ln)}
.fi:first-child{padding-top:4px}.fi:last-child{border-bottom:0}
.fi .ic{width:40px;height:40px;border-radius:10px;background:var(--pri-bg);color:var(--pri);display:grid;place-items:center}
.fi h3{font-size:17px;font-weight:650;letter-spacing:-.01em}
.fi p{color:var(--tx2);font-size:15px;line-height:1.6;margin-top:4px}
.planos{display:grid;grid-template-columns:repeat(var(--pc,3),minmax(0,1fr));gap:18px;margin-top:52px;align-items:stretch}
.pl{border:1px solid var(--ln);border-radius:18px;padding:28px 26px;display:flex;flex-direction:column;background:var(--card);position:relative}
.pl h3{font-size:18px;font-weight:650}
.pl .pd{color:var(--tx3);font-size:14px;margin-top:4px;min-height:42px}
.pl .pr{display:flex;align-items:baseline;gap:6px;margin-top:20px}
.pl .pr b{font-size:40px;font-weight:650;font-stretch:112%;letter-spacing:-.03em;line-height:1}
.pl .pr span{color:var(--tx3);font-size:14px}
.pl .pr small{font-size:16px;font-weight:600;align-self:flex-start;margin-top:4px;color:var(--tx2)}
.pl ul{list-style:none;padding:0;margin:22px 0 26px;display:flex;flex-direction:column;gap:11px;font-size:14.5px;color:var(--tx2)}
.pl li{display:flex;gap:10px;align-items:flex-start}.pl li svg.i{color:var(--pri);width:17px;height:17px;margin-top:2px}
.pl li b{color:var(--ink);font-weight:600}
.pl .bt{margin-top:auto;width:100%}
.pl.dest{background:var(--navy);border-color:var(--navy);color:#fff}
.pl.dest .pd,.pl.dest .pr span{color:#93A0C8}.pl.dest ul{color:#C3CCE6}.pl.dest li b,.pl.dest .pr small{color:#fff}.pl.dest li svg.i{color:#62D8FF}
.pl.dest .bt.p{background:#fff;border-color:#fff;color:#070D2B}.pl.dest .bt.p:hover{background:#E3E9FA}
.pl .sel{position:absolute;top:26px;right:24px;display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;font-size:12px;font-weight:600;background:rgba(98,216,255,.14);color:#62D8FF}
.pnota{color:var(--tx3);font-size:13.5px;margin-top:18px}
.faq{max-width:820px;margin-top:40px;border-top:1px solid var(--ln)}
.faq details{border-bottom:1px solid var(--ln)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 0;font-size:16.5px;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg.i{margin-left:auto;color:var(--tx3);transition:transform .2s}
.faq details[open] summary svg.i{transform:rotate(180deg)}
.faq details p{color:var(--tx2);font-size:15px;line-height:1.65;padding:0 40px 22px 0;max-width:68ch}
.cta{background:var(--navy);color:#fff;border-radius:24px;padding:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px;align-items:center;position:relative;overflow:hidden}
:root[data-theme="dark"] .cta{border:1px solid var(--ln2)}
:root[data-theme="dark"] .cta p,:root[data-theme="dark"] .ctf small,:root[data-theme="dark"] .lgn-a .lgtx p,:root[data-theme="dark"] .lgn-a .tagl{color:var(--tx2)}
:root[data-theme="dark"] .pl.dest{background:#1D1E22;border-color:var(--ln2)}:root[data-theme="dark"] .pl.dest .pd,:root[data-theme="dark"] .pl.dest .pr span{color:var(--tx3)}:root[data-theme="dark"] .pl.dest ul{color:var(--tx2)}:root[data-theme="dark"] .pl.dest li svg.i{color:var(--c1)}:root[data-theme="dark"] .pl .sel{background:var(--pri-bg);color:var(--c1)}
:root[data-theme="dark"] .lgn-a{border-right:1px solid var(--ln)}
.cta .ctm{position:absolute;right:-60px;bottom:-90px;width:300px;opacity:.12;pointer-events:none}
.cta h2{font-size:clamp(26px,3vw,38px);line-height:1.12;font-weight:650;font-stretch:112%;letter-spacing:-.02em;position:relative}
.cta p{color:#AAB5D6;font-size:16px;line-height:1.6;margin-top:12px;position:relative}
.ctf{display:flex;flex-direction:column;gap:10px;position:relative}
.ctf .inp{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff;height:46px}
.ctf .inp::placeholder{color:#8692B8}
.ctf .inp:focus{border-color:#62D8FF;box-shadow:0 0 0 3px rgba(98,216,255,.16)}
.ctf .bt.p{height:46px;background:#fff;border-color:#fff;color:#070D2B}.ctf .bt.p:hover{background:#E3E9FA}
.ctf small{color:#8692B8;font-size:12.5px}
.lf{padding:56px 0 110px}
.lfin{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:28px;padding-top:28px;border-top:1px solid var(--ln)}
.lf .tl{color:var(--tx3);font-size:13.5px;margin-top:12px;max-width:34ch}
.lf nav{display:flex;flex-wrap:wrap;gap:6px 22px;color:var(--tx2);font-size:14px}
.lf nav button:hover{color:var(--ink)}
.lfb{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:28px;color:var(--tx3);font-size:13px}
.lfb a:hover{color:var(--ink)}

/* ── LOGIN ── */
.lgn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;min-height:100dvh;background:var(--lpbg)}
.lgn-a{background:var(--navy);color:#fff;padding:44px 52px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;
 --m1:#1747F5;--m2:#40C9FF;--m3:#FFFFFF;--m4:#D6DEF0;--m5:#93A2C4;--m6:#62D8FF;--m7:#1747F5}
.lgn-a .big{position:absolute;right:-12%;bottom:-14%;width:72%;opacity:.07;pointer-events:none}
.lgn-a .lgtx{max-width:420px;position:relative}
.lgn-a .lgtx b{display:block;font-size:30px;line-height:1.15;font-weight:650;font-stretch:112%;letter-spacing:-.02em}
.lgn-a .lgtx p{color:#AAB5D6;font-size:15.5px;line-height:1.6;margin-top:12px}
.lgn-a .tagl{color:#AAB5D6;font-size:12.5px;letter-spacing:.32em;font-stretch:118%;position:relative}
.lgn-b{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.lgn-f{width:min(400px,100%);display:flex;flex-direction:column;gap:16px}
.lgn-f .bk{display:inline-flex;align-items:center;gap:6px;color:var(--tx3);font-size:13.5px;align-self:flex-start;margin-bottom:12px}
.lgn-f .bk:hover{color:var(--ink)}.lgn-f .bk svg.i{width:16px;height:16px}
.lgn-f .lgm{display:none}
.lgn-f h1{font-size:28px;font-weight:650;font-stretch:110%;letter-spacing:-.02em}
.lgn-f>p{color:var(--tx2);margin-top:-8px}
.lgn-f .inp{height:46px}
.lgn-f .bt.p{height:46px;width:100%;margin-top:4px}
.lgn-f .lk{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--tx2)}
.lgn-f .lk label{display:flex;gap:8px;align-items:center;cursor:pointer}
.lgn-f .lk button{color:var(--pri);font-weight:550}
.lgn-f .alt{border-top:1px solid var(--ln);padding-top:16px;margin-top:6px;font-size:13.5px;color:var(--tx3);text-align:center}
.lgn-f .alt button{color:var(--pri);font-weight:550}
.chk{width:18px;height:18px;accent-color:var(--pri)}

/* ── PAINÉIS ── */
.app{display:grid;grid-template-columns:var(--sw,256px) minmax(0,1fr);min-height:100vh;min-height:100dvh;background:var(--bg)}
.app.rail{--sw:76px}
.sd{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--side);border-right:1px solid var(--side-ln);padding:16px 12px 12px;min-width:0;overflow:hidden;z-index:25}
.sdb{display:flex;align-items:center;gap:10px;padding:2px 4px 18px 8px;min-height:50px}
.sdb .lg{gap:10px;min-width:0}
.sdb .lg svg.wm{color:var(--side-ink)}
.sdb .rc{margin-left:auto;color:var(--side-sub)}
.sdb .rc:hover{background:var(--side-on);color:var(--side-ink)}
.ctx{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--side-ln);border-radius:11px;margin-bottom:14px;width:100%;min-width:0;color:var(--side-ink)}
button.ctx:hover{background:var(--side-on)}
.ctx .t{min-width:0;flex:1}.ctx b{display:block;font-weight:600;font-size:13.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctx small{display:block;font-size:12px;color:var(--side-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctx svg.i{color:var(--side-sub);width:16px;height:16px}
.nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;margin:0 -4px;padding:0 4px}
.ng{display:block;font-size:12px;font-weight:600;color:var(--side-sub);padding:14px 12px 6px;white-space:nowrap}
.ni{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:9px;color:var(--side-tx);font-weight:500;font-size:14px;width:100%;position:relative;white-space:nowrap;flex:none}
.ni:hover{background:var(--side-on);color:var(--side-ink)}
.ni.on{background:var(--side-on);color:var(--side-ontx);font-weight:600}
.ni.on::before{content:"";position:absolute;left:-4px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--pri)}
.ni span.l{overflow:hidden;text-overflow:ellipsis}
.ni .bd{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--wa-bg);color:var(--wa);font-size:11.5px;font-weight:650;display:grid;place-items:center}
.sdf{border-top:1px solid var(--side-ln);margin:10px -12px 0;padding:10px 12px 0;display:flex;flex-direction:column;gap:4px}
.uso{padding:6px 10px 10px}
.uso small{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--side-sub);margin-bottom:6px;white-space:nowrap}
.uso small b{color:var(--side-ink);font-weight:600}
.usr{display:flex;align-items:center;gap:10px;padding:8px 6px 2px 8px;min-width:0}
.usr .t{min-width:0;flex:1}.usr b{display:block;font-weight:600;font-size:13.5px;color:var(--side-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
.usr small{display:block;font-size:12px;color:var(--side-sub)}
.usr .ib{color:var(--side-sub)}.usr .ib:hover{background:var(--side-on);color:var(--side-ink)}
/* menu recolhido */
.app.rail .sdb{padding-left:0;padding-right:0;flex-direction:column;gap:12px;min-height:0}
.app.rail .sdb .lg svg.wm,.app.rail .ng,.app.rail .ni span.l,.app.rail .ni .bd,.app.rail .ctx .t,.app.rail .ctx svg.i,.app.rail .uso,.app.rail .usr .t{display:none}
.app.rail .sdb .rc{margin:0}
.app.rail .ctx{padding:6px;justify-content:center;border-color:transparent}
.app.rail .ni{justify-content:center;padding:0}
.app.rail .ng{display:block;height:10px;padding:0}
.app.rail .usr{flex-direction:column;padding:8px 0 2px;gap:6px}
.app.rail .nav{align-items:stretch}
.mn{min-width:0;display:flex;flex-direction:column}
.tb{position:sticky;top:0;z-index:20;height:60px;display:flex;align-items:center;gap:12px;padding:0 24px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
.tb h1{font-size:17px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tb .tbm{display:none}
.tbr{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.liga{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 12px 0 10px;border-radius:99px;border:1px solid var(--ln2);background:var(--card);font-size:13px;font-weight:550;white-space:nowrap}
.liga .sw{width:32px;height:18px}.liga .sw::after{width:12px;height:12px}.liga .sw.on::after{transform:translateX(14px)}
.liga.off{color:var(--wa)}
.tbav{width:32px;height:32px;font-size:12px;margin-left:4px}
.ntf{position:relative}.ntf i{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--er);border:2px solid var(--bg)}
.imp{display:flex;align-items:center;gap:12px;padding:9px 24px;background:var(--wa-bg);color:var(--wa);font-size:13px;font-weight:550;border-bottom:1px solid color-mix(in srgb,var(--wa) 25%,transparent)}
.imp svg.i{width:16px;height:16px}.imp span{min-width:0;flex:1}
.imp .bt{margin-left:auto;height:30px;font-size:12.5px;background:transparent;color:var(--wa);border-color:color-mix(in srgb,var(--wa) 40%,transparent)}
.vw{display:none}.vw.on{display:block}
.ct{padding:22px 24px 96px;width:100%;max-width:1480px;display:flex;flex-direction:column;gap:18px}
.tbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tbar .sp{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.srch{position:relative;flex:1;min-width:200px;max-width:360px}
.srch svg.i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--tx3);width:17px;height:17px;pointer-events:none}
.srch .inp{padding-left:36px;height:38px}
.cd{background:var(--card);border:1px solid var(--ln);border-radius:14px;box-shadow:var(--sh);min-width:0}
.cd.cl{overflow:hidden}
.cdh{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--ln);min-height:54px}
.cdh h3{font-size:14.5px;font-weight:650;letter-spacing:-.005em}
.cdh .sp{margin-left:auto;display:flex;align-items:center;gap:8px}
.cdh small{color:var(--tx3);font-size:12.5px}
.cdb{padding:16px 18px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--card);border:1px solid var(--ln);border-radius:14px;box-shadow:var(--sh)}
.kp{padding:16px 20px;min-width:0}
.kp+.kp{border-left:1px solid var(--ln)}
.kp small{display:block;color:var(--tx2);font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp b{display:block;font-size:28px;font-weight:650;font-stretch:108%;letter-spacing:-.025em;line-height:1.15;margin-top:6px}
.kp span{display:block;color:var(--tx3);font-size:12.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp span.up{color:var(--ok)}.kp span.wa{color:var(--wa)}
.g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:18px;align-items:start}
.g2r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.g2e{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.lst{padding:4px 18px}
.li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ln);min-width:0;width:100%}
.li:last-child{border-bottom:0}
button.li:hover .t b{color:var(--pri)}
.li .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--sf2);color:var(--tx2);flex:none}
.li .ic svg.i{width:17px;height:17px}
.li .ic.wa{background:var(--wa-bg);color:var(--wa)}.li .ic.er{background:var(--er-bg);color:var(--er)}.li .ic.in{background:var(--pri-bg);color:var(--pri)}.li .ic.ok{background:var(--ok-bg);color:var(--ok)}
.li .t{min-width:0;flex:1}.li .t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li .t small{display:block;color:var(--tx3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li .ch{color:var(--tx3)}
.li .r{flex:none;text-align:right;font-size:12.5px;color:var(--tx3)}
.lgd{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--tx2);margin-left:auto}
.lgd span{display:inline-flex;align-items:center;gap:6px}
.lgd i{width:9px;height:9px;border-radius:3px;background:var(--c1)}.lgd i.b{background:var(--c2)}
.bars{display:flex;align-items:flex-end;gap:6px;height:190px;padding-top:8px;border-bottom:1px solid var(--ln2);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--grid) calc(25% - 1px),var(--grid) 25%)}
.bars .bc{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;position:relative}
.bars .bc i{display:block;width:100%;max-width:22px;border-radius:4px 4px 1px 1px;background:var(--c1);min-height:2px}
.bars .bc i.b{background:var(--c2);border-radius:4px 4px 1px 1px}
.bars .bc i.b+i{border-radius:2px}
.bars .bc:hover i{filter:brightness(1.12)}
.bars .bc .tt{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);font-size:11.5px;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:3;display:none}
.bars .bc.tl .tt{left:0;transform:none}.bars .bc.tr .tt{left:auto;right:0;transform:none}
.bars .bc:hover .tt{display:block}
.bars.th{gap:3px}
.blab{display:flex;gap:6px;margin-top:8px;color:var(--tx3);font-size:11.5px}
.blab span{flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden}
.blab.th{gap:3px}
.ask{display:flex;flex-direction:column;gap:12px}
.ask .cmp{margin:0}
/* tabelas */
.tbl{width:100%;border-collapse:collapse;table-layout:fixed}
.tbl th{text-align:left;font-size:12.5px;font-weight:550;color:var(--tx3);padding:11px 18px;border-bottom:1px solid var(--ln);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--card)}
.tbl td{padding:12px 18px;border-bottom:1px solid var(--ln);vertical-align:middle;min-width:0;overflow:hidden;text-overflow:ellipsis}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody tr.ck{cursor:pointer}.tbl tbody tr.ck:hover td{background:var(--hov)}
.tbl td b{font-weight:600}
.tbl td>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbl td small{display:block;color:var(--tx3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbl .rt{text-align:right}
.tbl .ub{display:flex;flex-direction:column;gap:6px;min-width:0}
.tbl .ub small{font-size:12px}
.mo,.moi{display:none!important}
.tbl td .tags{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1180px){.tbl .ht{display:none}}
/* console */
.cons{display:grid;grid-template-columns:260px minmax(0,1fr) 290px;height:calc(100dvh - 60px);min-height:0}
.cons>aside{min-width:0;display:flex;flex-direction:column;background:var(--card);min-height:0}
.cl{border-right:1px solid var(--ln)}.cr{border-left:1px solid var(--ln)}
.clh,.crh{display:flex;align-items:center;gap:8px;padding:14px 14px 10px}
.clh b,.crh b{font-weight:650;font-size:14px}
.clh .bt{margin-left:auto}.crh .cx{margin-left:auto}
.cx{display:none}
.cvs{padding:0 8px;overflow-y:auto;flex:1;min-height:0}
.cvi{display:block;width:100%;padding:9px 10px;border-radius:9px;min-width:0}
.cvi:hover{background:var(--hov)}.cvi.on{background:var(--pri-bg)}
.cvi b{display:block;font-weight:550;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvi small{display:block;color:var(--tx3);font-size:12px}
.clx{border-top:1px solid var(--ln);padding:12px 14px 14px}
.sb{display:block;font-size:12.5px;font-weight:600;color:var(--tx3);margin-bottom:8px}
.ac{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;min-width:0}
.ac svg.i{width:16px;height:16px;color:var(--tx2)}
.ac .n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac .pm{font-size:11px;font-weight:600;padding:2px 7px;border-radius:5px;background:var(--sf2);color:var(--tx2)}
.ac .pm.ex{background:var(--pri-bg);color:var(--pri)}
.cm{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}
.cmh{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--ln);background:var(--card)}
.cmh b{display:block;font-weight:650;line-height:1.2}.cmh small{display:block;color:var(--tx3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmh .t{min-width:0;flex:1}
.cmh .ol{display:none}
@media (min-width:1281px){#abreR{display:none}}
.ag{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--navy);flex:none}
.ag svg.mk{width:18px;height:19px}
:root[data-theme="dark"] .ag{background:var(--sf2)}
.ms{flex:1;overflow-y:auto;padding:22px 18px;display:flex;flex-direction:column;gap:16px;min-height:0}
.mg{display:flex;gap:10px;max-width:760px;width:100%;margin:0 auto;align-items:flex-start}
.mg .bx{min-width:0;flex:1;background:var(--card);border:1px solid var(--ln);border-radius:14px;border-top-left-radius:4px;padding:11px 14px 8px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.mg .bx p+p{margin-top:8px}
.mg .bx .h{display:block;text-align:right;color:var(--tx3);font-size:11px;margin-top:4px}
.mg.eu{flex-direction:row-reverse}
.mg.eu .bx{flex:0 1 auto;background:var(--pri);color:#fff;border-color:var(--pri);border-radius:14px;border-top-right-radius:4px}
.mg.eu .bx .h{color:rgba(255,255,255,.7)}
.mg .av{width:30px;height:30px;font-size:11px}
.mg .ag{width:30px;height:30px;border-radius:9px}.mg .ag svg.mk{width:16px;height:17px}
.tb2{width:100%;border-collapse:collapse;margin:8px 0 4px;font-size:13px;table-layout:fixed}
.tb2 th{text-align:left;color:var(--tx3);font-weight:550;font-size:12px;padding:6px 8px 6px 0;border-bottom:1px solid var(--ln)}
.tb2 td{padding:7px 8px 7px 0;border-bottom:1px solid var(--ln);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb2 tr:last-child td{border-bottom:0}
.tb2 .rt{text-align:right;padding-right:0}
.cmf{padding:10px 18px 14px;border-top:1px solid var(--ln);background:var(--card)}
.qk{display:flex;gap:6px;flex-wrap:wrap;margin:0 auto 10px;max-width:760px}
.qk .chip{height:30px;font-size:12.5px}
.cmp{display:flex;align-items:flex-end;gap:6px;max-width:760px;margin:0 auto;border:1px solid var(--ln2);border-radius:13px;padding:6px;background:var(--card)}
.cmp:focus-within{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-bg)}
.cmp textarea{flex:1;min-width:0;border:0;outline:none;background:transparent;resize:none;padding:7px 6px;line-height:1.45;max-height:140px;min-height:36px;height:36px}
.cmp .ib.rec{background:var(--er-bg);color:var(--er)}
.cmn{display:block;text-align:center;color:var(--tx3);font-size:12px;margin-top:8px}
.crb{padding:0 14px 14px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:16px}
.rb{border:1px solid var(--ln);border-radius:11px;padding:10px 12px;font-size:12.5px;color:var(--tx2);background:var(--sf)}
.rb b{display:block;color:var(--ink);font-weight:600;font-size:13px;margin-bottom:2px}
.rb .st{margin-top:6px}
/* atendimento */
.inb{display:grid;grid-template-columns:330px minmax(0,1fr) 300px;height:calc(100dvh - 60px);min-height:0}
.inb.sp{grid-template-columns:330px minmax(0,1fr) 0}
.inb.sp .ip{display:none}
.il{border-right:1px solid var(--ln);display:flex;flex-direction:column;background:var(--card);min-width:0;min-height:0}
.ilh{padding:14px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--ln)}
.ilh .srch{max-width:none;min-width:0}
.ils{overflow-y:auto;flex:1;min-height:0}
.ci{display:flex;gap:11px;width:100%;padding:12px 14px;border-bottom:1px solid var(--ln);min-width:0;align-items:flex-start}
.ci:hover{background:var(--hov)}.ci.on{background:var(--pri-bg)}
.ci>span:nth-child(2){min-width:0;flex:1}
.ci b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci small{display:block;color:var(--tx3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci .w{font-size:12px;color:var(--tx3);flex:none}
.ic2{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}
.ich{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--ln);background:var(--card);min-height:60px}
.ich>div{min-width:0;flex:1}
.ich b{display:block;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.ich small{display:block;color:var(--tx3);font-size:12.5px}
.ich .r{display:flex;gap:6px;flex:none;margin-left:auto}
.ich .bk{display:none}
.icm{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:0}
.icm .bb{max-width:min(78%,560px)}
.sis{align-self:center;font-size:12px;color:var(--tx3);background:var(--sf2);padding:4px 10px;border-radius:99px;margin:6px 0;text-align:center}
.icf{padding:10px 16px 14px;border-top:1px solid var(--ln);background:var(--card)}
.icf>small{display:block;color:var(--tx3);font-size:12.5px;margin:0 auto 8px;max-width:760px}
.ip{border-left:1px solid var(--ln);background:var(--card);padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;min-width:0;min-height:0}
.ip .ph{display:flex;align-items:center;gap:10px}
.ip .ph .t{min-width:0;flex:1}.ip .ph b{display:block;font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip .ph small{color:var(--tx3);font-size:12.5px}
/* pedidos: etapas */
.stg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--card);border:1px solid var(--ln);border-radius:14px;overflow:hidden;box-shadow:var(--sh)}
.stg button,.stg a{padding:13px 16px;display:flex;flex-direction:column;gap:2px;min-width:0;position:relative;text-align:left}
.stg>*+*{border-left:1px solid var(--ln)}
.stg>*:hover{background:var(--hov)}
.stg>.on{background:var(--pri-bg)}
.stg>.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--pri)}
.stg small{font-size:12.5px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stg b{font-size:20px;font-weight:650;font-stretch:108%;letter-spacing:-.02em}
.stg>.on small{color:var(--pri)}
/* reativação */
.sg{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--ln);border-radius:12px;min-width:0}
.sg:hover{border-color:var(--ln2)}
.sg.on{border-color:var(--pri);background:var(--pri-bg)}
.sg .rd{width:18px;height:18px;border-radius:50%;border:2px solid var(--ln2);flex:none}
.sg.on .rd{border:5px solid var(--pri)}
.sg>span:nth-child(2){min-width:0;flex:1}.sg b{display:block;font-weight:600}.sg small{display:block;color:var(--tx3);font-size:12.5px}
.sg .q{font-size:18px;font-weight:650;flex:none}
.segl{display:flex;flex-direction:column;gap:8px}
.ph-n{font-size:12px;color:var(--tx3)}
.note{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:11px;background:var(--sf);border:1px solid var(--ln);color:var(--tx2);font-size:13px}
.note svg.i{width:16px;height:16px;color:var(--pri);margin-top:2px}
.note.wa{background:var(--wa-bg);border-color:transparent;color:var(--wa)}.note.wa svg.i{color:var(--wa)}
/* estoque */
.mini{height:4px;border-radius:99px;background:var(--sf2);margin-top:6px;overflow:hidden;max-width:120px}
.mini i{display:block;height:100%;background:var(--pri);border-radius:inherit}.mini.er i{background:var(--er)}
/* config */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--ln);overflow:hidden;flex-wrap:wrap}
.tabs button{height:42px;padding:0 14px;color:var(--tx2);font-weight:550;position:relative;white-space:nowrap}
.tabs button:hover{color:var(--ink)}
.tabs button.on{color:var(--pri)}.tabs button.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--pri);border-radius:2px}
.pane{display:none}.pane.on{display:flex;flex-direction:column;gap:18px}
.opt{display:flex;flex-wrap:wrap;gap:6px}
.kbi{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--ln)}
.kbi:last-child{border-bottom:0}.kbi .t{min-width:0;flex:1}.kbi b{display:block;font-weight:600}.kbi small{display:block;color:var(--tx2);font-size:13px}
.qrb{display:flex;gap:22px;align-items:center}
.qrb .qrc{width:132px;height:132px;flex:none;border-radius:12px;border:1px solid var(--ln);background:#fff;padding:10px}
.qrb .t b{font-size:16px;font-weight:650;display:block}
.qrb .t small{color:var(--tx3);display:block;margin-top:2px}
.pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pc{border:1px solid var(--ln);border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.pc.on{border-color:var(--pri);background:var(--pri-bg)}
.pc b{font-weight:650}.pc small{color:var(--tx3);font-size:12.5px}
.pc .v{font-size:18px;font-weight:650;margin-top:6px}
/* superadmin: planos */
.apls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.apl{display:flex;flex-direction:column}
.apl .cdb{display:flex;flex-direction:column;gap:14px;flex:1}
.apl .ds{color:var(--tx2);font-size:13.5px;min-height:42px}
.apl .pv2{display:flex;align-items:baseline;gap:6px}.apl .pv2 b{font-size:30px;font-weight:650;font-stretch:108%;letter-spacing:-.025em;line-height:1}.apl .pv2 span{color:var(--tx3)}
.lim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:11px;overflow:hidden}
.lim>div{background:var(--card);padding:10px 12px;min-width:0}.lim small{display:block;color:var(--tx3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lim b{display:block;font-weight:650;font-size:16px}
.apl .ft{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px}
.apl .ft small{color:var(--tx3);font-size:12.5px;margin-right:auto}
.dist{display:flex;height:10px;border-radius:99px;overflow:hidden;gap:2px}
.dist i{display:block;height:100%}
.dleg{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:12.5px;color:var(--tx2)}
.dleg span{display:inline-flex;align-items:center;gap:7px}.dleg i{width:9px;height:9px;border-radius:3px}
.log{display:flex;gap:14px;padding:13px 18px;border-bottom:1px solid var(--ln);min-width:0}
.log:last-child{border-bottom:0}
.log .ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--sf2);color:var(--tx2);flex:none}
.log .ic svg.i{width:16px;height:16px}
.log .ic.in{background:var(--pri-bg);color:var(--pri)}.log .ic.wa{background:var(--wa-bg);color:var(--wa)}.log .ic.ok{background:var(--ok-bg);color:var(--ok)}.log .ic.er{background:var(--er-bg);color:var(--er)}
.log .t{min-width:0;flex:1}.log .t p{font-size:13.5px}.log .t p b{font-weight:600}.log .t small{display:block;color:var(--tx3);font-size:12.5px;margin-top:1px}
.log .h{flex:none;color:var(--tx3);font-size:12.5px;white-space:nowrap}
.daygrp{padding:10px 18px;font-size:12.5px;font-weight:600;color:var(--tx3);background:var(--sf);border-bottom:1px solid var(--ln)}

/* ── dashboards ── */
.kpis.kx{grid-template-columns:repeat(4,minmax(0,1fr))}
.kp2{padding:16px 20px 14px;min-width:0;display:flex;flex-direction:column;gap:9px}
.kp2+.kp2{border-left:1px solid var(--ln)}
.kp2 .kt{display:block;color:var(--tx2);font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kvr{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.dl{flex:none;display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:11.5px;font-weight:650;background:var(--ok-bg);color:var(--ok);white-space:nowrap}
.dl.dn{background:var(--er-bg);color:var(--er)}.dl.nt{background:var(--mu-bg);color:var(--mu)}.dl.wa{background:var(--wa-bg);color:var(--wa)}
.kv2{font-size:30px;font-weight:650;font-stretch:106%;letter-spacing:-.03em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spk{display:block;width:100%;height:30px;overflow:visible}
.kp2 .ft{color:var(--tx3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.dg>.cd{display:flex;flex-direction:column}
.dg>.cd>.cdb,.dg>.cd>.lst{flex:1}
.s4{grid-column:span 4}.s8{grid-column:span 8}.s12{grid-column:span 12}
.cdh.wr{flex-wrap:wrap;row-gap:10px;padding-top:12px;padding-bottom:12px}
.ht2{display:flex;flex-direction:column;gap:2px;min-width:0}
.gs{font-size:12.5px;color:var(--tx3)}
.cnt{min-width:24px;height:22px;padding:0 7px;border-radius:99px;background:var(--sf2);color:var(--tx2);font-size:12px;font-weight:650;display:inline-grid;place-items:center}
.seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--sf2)}
.seg button{height:28px;padding:0 11px;border-radius:7px;font-size:12.5px;font-weight:550;color:var(--tx2);white-space:nowrap}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(7,13,43,.1),0 0 0 1px var(--ln)}
.lgd2{display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:16px}
.lgd2 span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx2)}
.lgd2 i{width:10px;height:10px;border-radius:3px;flex:none}
.lgd2 i.cp,.gt .tr i.cp{width:14px;height:0;border-radius:0;border-top:2px dashed var(--c3)}
.lgd2 b{color:var(--ink);font-weight:650}
.gf{position:relative;width:100%}
.gy{position:absolute;left:40px;right:0;top:0;bottom:24px}
.gy div{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--grid)}
.gy div:first-child{border-top:1px solid var(--ln2)}
.gy span{position:absolute;right:calc(100% + 9px);top:-7px;font-size:11px;line-height:1;color:var(--tx3);white-space:nowrap}
.gpl{position:absolute;left:40px;right:0;top:0;bottom:24px}
.gpl svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gx{position:absolute;left:40px;right:0;bottom:0;height:14px}
.gx span{position:absolute;top:0;transform:translateX(-50%);font-size:11px;line-height:1;color:var(--tx3);white-space:nowrap}
.gx span.f{transform:none}.gx span.l{transform:translateX(-100%)}
.gg{position:absolute;top:0;bottom:0;width:0;border-left:1px solid var(--ln2);display:none;pointer-events:none}
.gd{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--card);display:none;pointer-events:none}
.gd.cpd{background:var(--card);border:2px solid var(--c3)}
.glv{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:var(--c2);box-shadow:0 0 0 4px color-mix(in srgb,var(--c2) 25%,transparent);pointer-events:none}
.gt{position:absolute;top:2px;display:none;min-width:168px;background:var(--card);border:1px solid var(--ln);border-radius:10px;box-shadow:var(--shm2);padding:9px 12px;font-size:12.5px;pointer-events:none;z-index:3}
.gt b{display:block;font-weight:650;margin-bottom:5px;white-space:nowrap}
.gt .tr{display:flex;align-items:center;gap:8px;color:var(--tx2);padding:1px 0;white-space:nowrap}
.gt .tr i{width:8px;height:8px;border-radius:2px;flex:none}
.gt .tr span{margin-left:auto;padding-left:14px;color:var(--ink);font-weight:600}
.gcap{position:absolute;inset:0;touch-action:pan-y;cursor:crosshair}
.rs,.dn2{display:flex;align-items:center;gap:16px 20px;flex-wrap:wrap;justify-content:center}
.ring{position:relative;width:124px;height:124px;flex:none}
.ring svg{display:block;width:100%;height:100%}
.ring .rc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ring .rc b{font-size:27px;font-weight:650;font-stretch:106%;letter-spacing:-.03em;line-height:1}
.ring .rc small{font-size:11.5px;color:var(--tx3);margin-top:4px}
.rsl,.dleg2{flex:1;min-width:180px;display:flex;flex-direction:column}
.rl{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--ln);font-size:13px;color:var(--tx2);min-width:0}
.rl:last-child{border-bottom:0}
.rl i{width:9px;height:9px;border-radius:3px;flex:none}.rl i.o{border:1.5px solid var(--ln2)}
.rl span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl b{color:var(--ink);font-weight:650;white-space:nowrap}
.mot{margin-top:16px;padding-top:14px;border-top:1px solid var(--ln)}
.mr{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,96px) 20px;align-items:center;gap:10px;font-size:13px;color:var(--tx2);padding:4px 0}
.mr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr b{text-align:right;color:var(--ink);font-weight:650}
.dleg2 .r{display:grid;grid-template-columns:10px minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ln)}
.dleg2 .r:last-child{border-bottom:0}
.dleg2 .r i{width:10px;height:10px;border-radius:3px}
.dleg2 .r span{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dleg2 .r b{font-weight:650;font-size:13.5px;text-align:right;white-space:nowrap}
.dleg2 .r small{grid-column:2/4;color:var(--tx3);font-size:12px}
.pv3 b{display:block;font-size:25px;font-weight:650;font-stretch:106%;letter-spacing:-.025em;line-height:1.1}
.pv3 small{display:block;color:var(--tx3);font-size:12.5px;margin-top:3px}
.pipe{display:flex;gap:3px;height:10px;margin:16px 0 8px;border-radius:99px;overflow:hidden}
.pipe i{display:block;height:100%;min-width:6px}
.pls{display:flex;flex-direction:column}
.plr{display:grid;grid-template-columns:10px minmax(0,1fr) 24px minmax(84px,auto);align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--ln);width:100%;font-size:13.5px}
.plr:last-child{border-bottom:0}
.plr:hover span{color:var(--pri)}
.plr i{width:10px;height:10px;border-radius:3px}
.plr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plr small{color:var(--tx3);text-align:right;font-size:12.5px}
.plr b{font-weight:600;text-align:right;white-space:nowrap}
.rk{display:flex;flex-direction:column;gap:14px}
.rkr{display:flex;gap:12px;align-items:flex-start;min-width:0;width:100%}
button.rkr:hover .rt2 span{color:var(--pri)}
.rn{width:24px;height:24px;border-radius:7px;background:var(--sf2);color:var(--tx2);font-size:11.5px;font-weight:650;display:grid;place-items:center;flex:none}
.rkr .t{flex:1;min-width:0}
.rt2{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;margin-bottom:7px}
.rt2 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rt2 b{font-weight:650;flex:none}
.rs2{display:block;color:var(--tx3);font-size:12px;margin-top:5px}
.foot{display:block;color:var(--tx3);font-size:12px;margin-top:16px}
.hmap{display:grid;gap:4px;align-items:center}
.hmap .hh{font-size:11px;color:var(--tx3);white-space:nowrap;overflow:visible}
.hmap .hd{font-size:11.5px;color:var(--tx2)}
.hmap i{display:block;height:24px;border-radius:5px;background:color-mix(in srgb,var(--c1) var(--p),var(--sf2))}
.hmap i:hover{outline:2px solid var(--ink);outline-offset:1px}
.hleg{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:14px;font-size:11.5px;color:var(--tx3)}
.hleg i{width:16px;height:10px;border-radius:3px;background:color-mix(in srgb,var(--c1) var(--p),var(--sf2))}
.hleg p{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--tx2);font-size:13px}
.hleg p svg.i{width:16px;height:16px;color:var(--tx3)}
.pq-t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;color:var(--tx2)}
.pq-t b{font-size:22px;color:var(--ink);font-weight:650;letter-spacing:-.02em;white-space:nowrap}.pq-t b small{font-size:13px;color:var(--tx3);font-weight:500;letter-spacing:0}
.prj{position:relative;height:10px;border-radius:99px;background:var(--sf2);margin:12px 0 8px}
.prj .u{position:absolute;left:0;top:0;bottom:0;border-radius:99px 0 0 99px;background:var(--c1)}
.prj .f{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(-45deg,var(--c2) 0 3px,transparent 3px 6px);border-radius:0 99px 99px 0}
.prj .mk{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ink);border-radius:2px}
.pq-l{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--tx3)}
.cols{display:flex;align-items:flex-end;gap:22px;height:150px;padding:0 10px;border-bottom:1px solid var(--ln2)}
.cols .c{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}
.cols .c b{font-size:13px;font-weight:650}
.cols .stk{width:100%;max-width:48px;display:flex;flex-direction:column-reverse;gap:2px;min-height:4px}
.cols .stk i{display:block;border-radius:3px;min-height:3px}
.colx{display:flex;gap:22px;padding:8px 10px 0}
.colx span{flex:1;text-align:center;font-size:11.5px;color:var(--tx3)}
@media (max-width:1200px){.s4{grid-column:span 6}.s8,.s4.fx,.s4.l3{grid-column:span 12}}
@media (max-width:900px){
 .kpis.kx{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kp2:nth-child(3){border-left:0}.kp2:nth-child(n+3){border-top:1px solid var(--ln)}
 .kp2{padding:14px 16px 12px}.kv2{font-size:24px}
 .kvr{flex-wrap:wrap;row-gap:6px}
}
@media (max-width:760px){
 .dg{gap:14px}.dg>.cd{grid-column:1/-1}
 .ring{width:108px;height:108px}.ring .rc b{font-size:23px}
 .rs,.dn2{gap:16px}
 .hmap{gap:3px}.hmap i{height:17px;border-radius:4px}
 .hleg p{margin-left:0;width:100%;margin-top:6px}
 .gy,.gpl,.gx{left:34px}
 .seg button{padding:0 9px}
}

/* navegação inferior (celular) */
.bn{display:none}

/* ── responsivo ── */
@media (max-width:1280px){
 .cons{grid-template-columns:250px minmax(0,1fr)}
 .cons .cr{position:fixed;right:0;top:0;bottom:0;width:min(320px,88vw);z-index:70;box-shadow:var(--shm);transform:translateX(105%);transition:transform .22s}
 .cons.pon .cr{transform:none}
 .cons .crh .cx{display:inline-grid}
 .inb{grid-template-columns:300px minmax(0,1fr)}
 .inb .ip{position:fixed;right:0;top:0;bottom:0;width:min(330px,88vw);z-index:70;box-shadow:var(--shm);transform:translateX(105%);transition:transform .22s;display:flex}
 .inb.pon .ip{transform:none}
 .inb.sp .ip{display:flex}
 .apls{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){
 .hero{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:48px}
 .hero h1{max-width:16ch}
 .demo{max-width:680px}
 .rec{grid-template-columns:minmax(0,1fr);gap:40px}
 .cmock{position:static;max-width:620px}
 .g2,.g2r,.g2e{grid-template-columns:minmax(0,1fr)}
 .stg{grid-template-columns:repeat(3,minmax(0,1fr))}
 .stg>*:nth-child(4){border-left:0}
 .stg>*:nth-child(n+4){border-top:1px solid var(--ln)}
 .lnav{display:none}
 .lmenu{display:inline-grid}
 .lha .bt.gh{display:none}
 .cta{grid-template-columns:minmax(0,1fr);padding:40px}
}
@media (max-width:900px){
 .app{grid-template-columns:minmax(0,1fr)}
 .app .sd{display:none}
 .tb{height:56px;padding:0 14px;gap:10px}
 .tb .tbm{display:block}
 .tb .tbm svg.mk{width:24px;height:25px}
 .tbav{display:none}
 .ct{padding:14px 14px calc(92px + env(safe-area-inset-bottom,0px));gap:14px}
 .imp{padding:8px 14px}
 .bn{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--ln);padding-bottom:env(safe-area-inset-bottom,0px)}
 .bn button,.bn a{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--tx3);font-size:11px;font-weight:550;min-width:0;position:relative}
 .bn button span,.bn a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
 .bn .on{color:var(--pri)}
 .bn .bd{position:absolute;top:7px;left:calc(50% + 6px);min-width:16px;height:16px;border-radius:99px;background:var(--wa);color:#fff;font-size:10px;display:grid;place-items:center;padding:0 4px}
 .cons,.inb{height:calc(100dvh - 56px - 60px - env(safe-area-inset-bottom,0px))}
 .cons{grid-template-columns:minmax(0,1fr)}
 .cons .cl{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);z-index:70;box-shadow:var(--shm);transform:translateX(-105%);transition:transform .22s;border-right:0}
 .cons.lon .cl{transform:none}
 .cons .clh .cx{display:inline-grid}
 .cmh .ol{display:inline-grid}
 .inb{grid-template-columns:minmax(0,1fr)}
 .inb .ic2{display:none}
 .inb.chat .il{display:none}.inb.chat .ic2{display:flex}
 .ich .bk{display:inline-grid}
 .ich .bt .tx{display:none}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kp:nth-child(3){border-left:0}
 .kp:nth-child(n+3){border-top:1px solid var(--ln)}
 .kp{padding:14px 16px}.kp b{font-size:24px}
 .liga .tx{display:none}.liga{padding:0 9px}
 .apls{grid-template-columns:minmax(0,1fr)}
 .fg{grid-template-columns:minmax(0,1fr)}
 .pcs{grid-template-columns:minmax(0,1fr)}
 .inp,.cmp textarea,textarea.inp,select.inp{font-size:16px}
 .pv{opacity:.92}
 .pv .pvm{width:20px;height:46px}
 .pv .pvm svg.mk{width:13px;height:auto}
}
@media (max-width:760px){
 .lw{width:calc(100% - 32px)}
 .lhin{height:62px;gap:12px}
 .lha .bt.p{display:none}
 .hero{padding:34px 0 52px}
 .hero .lead{font-size:16.5px}
 .hcta .bt{flex:1}
 .demo{grid-template-columns:minmax(0,1fr);min-height:0}
 .dchat{border-right:0;border-bottom:1px solid var(--ln);min-height:350px}
 .dre{bottom:auto;top:12px;right:12px}
 .sec{padding:68px 0}
 .steps{grid-template-columns:minmax(0,1fr);margin-top:32px}
 .steps li,.steps li+li{padding:26px 0;border-left:0;border-bottom:1px solid var(--ln)}
 .steps li:last-child{border-bottom:0}
 .sn{font-size:36px}.steps h3{margin-top:16px}
 .planos{grid-template-columns:minmax(0,1fr);margin-top:32px}
 .faq summary{font-size:15.5px}
 .faq details p{padding-right:0}
 .cta{padding:30px 22px;border-radius:18px}
 .lgn{grid-template-columns:minmax(0,1fr)}
 .lgn-a{display:none}
 .lgn-f .lgm{display:flex;margin-bottom:10px}
 .tbl thead{display:none}
 .tbl,.tbl tbody{display:block;width:100%}
 .tbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px;padding:12px 14px;border-bottom:1px solid var(--ln)}
 .tbl tbody tr:last-child{border-bottom:0}
 .tbl td{display:block;padding:0;border:0!important;min-width:0}
 .tbl tbody tr.ck:hover td{background:none}
 .tbl td.t{grid-column:1}
 .tbl td.r{grid-column:2;grid-row:1;text-align:right;align-self:start}
 .tbl td.f{grid-column:1/-1}
 .tbl td.hm,.tbl .ht{display:none}
 .tbl .ub{flex-direction:row;align-items:center;gap:10px}.tbl .ub .bar{flex:1}
 .tbl td.r .mini{margin-left:auto}
 .tbl .mo{display:block!important}
 .tbl .moi{display:inline!important}.tbl .dko{display:none}
 .stg{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stg>*:nth-child(odd){border-left:0}
 .stg>*:nth-child(4){border-left:1px solid var(--ln)}
 .stg>*:nth-child(n+3){border-top:1px solid var(--ln)}
 .stg b{font-size:18px}
 .srch{max-width:none;flex-basis:100%}
 .tbar .sp{margin-left:0;width:100%}
 .tbar .sp .bt{flex:1}
 .cdh{padding:12px 14px}.cdb{padding:14px}.lst{padding:2px 14px}
 .ovl{padding:0;align-items:flex-end}
 .ovl .md{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;border-width:1px 0 0}
 .ovl.dw .md{height:auto;max-height:94dvh;border-radius:18px 18px 0 0;border-width:1px 0 0}
 .ovl .sheet{width:100%;border-radius:18px 18px 0 0;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
 .mf{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 .kv{grid-template-columns:minmax(0,1fr)}
 .kv.c2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .qrb{flex-direction:column;align-items:flex-start}
 .lim b{font-size:15px}
 .log{padding:12px 14px}.daygrp{padding:9px 14px}
 .toast{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .ms{padding:16px 12px}.cmf{padding:8px 10px 10px}.cmh{padding:10px 12px}
 .icm{padding:14px 12px}.icf{padding:8px 10px 10px}.ich{padding:8px 10px}
 .icm .bb{max-width:88%}
}
@media (max-width:420px){
 .lg svg.wm{width:92px}
 .kp small{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ── sistema (além do preview) ── */
.teste{border:1px dashed var(--ln2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:var(--sf)}
.teste b{font-size:12.5px;color:var(--tx3);font-weight:600}
.teste button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;background:var(--card);border:1px solid var(--ln);font-size:13px;text-align:left;width:100%}
.teste button:hover{border-color:var(--pri-ln)}
.teste button span{min-width:0}.teste button small{display:block;color:var(--tx3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.teste button em{font-style:normal;font-size:12px;color:var(--pri);font-weight:600;flex:none}
.erro{padding:10px 12px;border-radius:10px;background:var(--er-bg);color:var(--er);font-size:13.5px;font-weight:500}
.okmsg{padding:10px 12px;border-radius:10px;background:var(--ok-bg);color:var(--ok);font-size:13.5px;font-weight:500}
.arq{display:flex;align-items:center;gap:10px;padding:14px;border:1px dashed var(--ln2);border-radius:11px;background:var(--sf);font-size:13px;color:var(--tx2);cursor:pointer}
.arq input{display:none}.arq b{color:var(--ink)}
.bx .md-t{font-weight:600}
.bx ul{margin:6px 0;padding-left:18px}
.tbx{margin:8px 0 2px;border:1px solid var(--ln);border-radius:10px;overflow:hidden;background:var(--card)}
.tbx .tbt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--ln);font-size:12px;font-weight:600;color:var(--tx2)}
.tbx .tb2{margin:0}.tbx .tb2 th,.tbx .tb2 td{padding-left:10px}
.qrbig{width:240px;height:240px;border:1px solid var(--ln);border-radius:14px;background:#fff;padding:10px;display:grid;place-items:center;color:#56607F;font-size:13px;text-align:center}
.qrbig img{width:100%;height:100%;object-fit:contain}
.sel-n{display:flex;gap:8px;align-items:center}
.pg{display:flex;gap:6px;justify-content:center;padding:12px}
.liga.ro{cursor:default}
.nada{padding:40px 20px;text-align:center;color:var(--tx3)}
.nada b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}
.li.lido{opacity:.65}

.tabs a{height:42px;padding:0 14px;color:var(--tx2);font-weight:550;position:relative;display:inline-flex;align-items:center;white-space:nowrap}
.tabs a:hover{color:var(--ink)}.tabs a.on{color:var(--pri)}.tabs a.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--pri);border-radius:2px}
.fl .hl{overflow-wrap:anywhere}
.tb2 th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}