/* SISTEMA DE VENDAS · demo · mesmo visual do rascunho aprovado (base.css) */
@font-face{font-family:'Inter';font-weight:400;src:url(../assets/fonts/Inter-400-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:400;src:url(../assets/fonts/Inter-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Inter';font-weight:500;src:url(../assets/fonts/Inter-500-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;src:url(../assets/fonts/Inter-600-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:700;src:url(../assets/fonts/Inter-600-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;src:url(../assets/fonts/Inter-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Playfair';font-weight:500;src:url(../assets/fonts/PlayfairDisplay-500-latin.woff2) format('woff2')}
@font-face{font-family:'Playfair';font-weight:500;src:url(../assets/fonts/PlayfairDisplay-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Playfair';font-weight:500;font-style:italic;src:url(../assets/fonts/PlayfairDisplay-500i-latin.woff2) format('woff2')}
@font-face{font-family:'Playfair';font-weight:500;font-style:italic;src:url(../assets/fonts/PlayfairDisplay-500i-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Playfair';font-weight:600;src:url(../assets/fonts/PlayfairDisplay-600-latin.woff2) format('woff2')}
:root{
  --bg:#0B0D14; --win:#0E1018; --pn:#131622; --pn2:#171B27; --pn3:#1C2130; --ln:rgba(255,255,255,.07);
  --tx:#F3EFE6; --tx2:#C9C3B4; --tx3:#8E8A80;
  --gold:#E4C766; --gold2:#C9A416;
  --ia:#7FB2FF; --ia2:#4F86E8;
  --ok:#7FD49B; --bad:#F07A7A; --pink:#F08FC0; --roxo:#C4A0FF;
  --f1:#C4C8D2; --f2:#E0525F; --f3:#4CC283;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;background:#05060A;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;color:var(--tx);overflow:hidden}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea{font:inherit;color:inherit}
#stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;
  background:radial-gradient(ellipse 55% 45% at 88% 0%,rgba(201,164,22,.10),transparent 60%),radial-gradient(ellipse 45% 40% at 0% 100%,rgba(79,134,232,.07),transparent 60%),var(--bg)}
.num{font-family:'Playfair';font-weight:500}
.up{color:var(--ok)} .down{color:var(--bad)}
.av{border-radius:50%;overflow:hidden;flex:none;background:#222}
.av img{width:100%;height:100%;object-fit:cover;display:block}
.selo{font:600 12.5px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;padding:10px 15px;border:1.5px solid var(--gold2);border-radius:30px;color:var(--gold);white-space:nowrap}
.tag{display:inline-flex;align-items:center;gap:5px;font:600 12.5px/1 'Inter';padding:6px 9px;border-radius:7px;white-space:nowrap}
.t-ia{background:rgba(127,178,255,.14);color:var(--ia)}
.t-gold{background:rgba(228,199,102,.16);color:var(--gold)}
.t-ok{background:rgba(127,212,155,.14);color:var(--ok)}
.t-bad{background:rgba(240,122,122,.14);color:var(--bad)}
.t-mute{background:rgba(255,255,255,.06);color:var(--tx2)}
.t-pink{background:rgba(240,143,192,.14);color:var(--pink)}
.pn{position:relative;border-radius:18px;background:var(--pn);border:1.5px solid var(--ln);overflow:hidden}
.hd{display:flex;align-items:center;gap:10px;font:600 13.5px/1.2 'Inter';letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.hd .r{margin-left:auto;font:500 14px/1.2 'Inter';letter-spacing:0;text-transform:none;color:var(--tx3);text-align:right}
.pad{padding:22px 24px}
.sub{font:500 15px/1.35 'Inter';color:var(--tx3);margin-top:8px}
.btn{display:inline-flex;align-items:center;gap:9px;font:600 15px/1 'Inter';padding:12px 18px;border-radius:11px;white-space:nowrap;transition:background .2s,transform .1s}
.btn:active{transform:scale(.97)}
.btn.gold{background:var(--gold);color:#0B0D14}
.btn.gold:hover{background:#F0D67A}
.btn.ghost{background:rgba(255,255,255,.06);color:var(--tx2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.btn.ghost:hover{background:rgba(255,255,255,.1);color:var(--tx)}
.btn.sm{font-size:13px;padding:8px 12px;border-radius:8px}
.btn.on{box-shadow:inset 0 0 0 1.5px var(--gold);color:var(--gold)}

/* ===== topo ===== */
#top{position:absolute;left:24px;right:24px;top:18px;height:58px;display:flex;align-items:center;gap:18px}
#top .logo{height:34px}
#top .nm{font:600 21px/1 'Inter';color:var(--tx);padding-left:18px;border-left:1px solid var(--ln);white-space:nowrap;letter-spacing:.06em}
#top .nm small{display:block;font:500 13.5px/1 'Inter';color:var(--tx3);margin-top:7px;letter-spacing:0}
#top .nm small b{color:var(--gold);font-weight:600}
#top .sp{flex:1}
#top .clk{font:500 15px/1.35 'Inter';color:var(--tx2);text-align:right;white-space:nowrap}
#top .clk b{color:var(--tx);font-weight:600}
#nav{position:absolute;left:24px;right:24px;top:88px;height:52px;display:flex;align-items:center;gap:14px}
.tabs{display:flex;gap:4px;padding:5px;border-radius:14px;background:#0A0C12;border:1px solid var(--ln)}
.tabs button{font:500 15.5px/1 'Inter';color:var(--tx3);padding:11px 17px;border-radius:10px;white-space:nowrap;transition:color .2s,background .2s}
.tabs button:hover{color:var(--tx)}
.tabs button.on{background:var(--pn2);color:var(--tx);box-shadow:inset 0 0 0 1.5px rgba(228,199,102,.55)}
.tabs button.on::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:2px}
.tabs button.live.on::before{background:#FF5A69;box-shadow:0 0 0 3px rgba(255,90,105,.25)}
#nav .per{margin-left:auto;font:500 14.5px/1 'Inter';color:var(--tx2);padding:11px 15px;border-radius:10px;background:var(--pn);border:1px solid var(--ln);white-space:nowrap}
#cfgBtn.on{box-shadow:inset 0 0 0 1.5px var(--gold);color:var(--gold)}
#views{position:absolute;left:24px;right:24px;top:152px;bottom:22px}
.view{position:absolute;inset:0;display:none}
.view.on{display:block;animation:vin .35s ease}
@keyframes vin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ===== AO VIVO ===== */
#v-live{display:none;grid-template-columns:420px 1fr;gap:16px}
#v-live.on{display:grid}
#live-r{display:grid;grid-template-rows:52px 380px 1fr;gap:14px;min-width:0}
#cap{display:flex;align-items:center;gap:18px;padding:0 6px}
#cap .ck{font:600 13px/1 'Inter';letter-spacing:.2em;text-transform:uppercase;color:var(--tx3);white-space:nowrap}
#cap .ck b{color:var(--gold);font-weight:600}
#cap .chh{margin-top:6px;font:500 32px/1.1 'Playfair';color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cap .chh em{font-style:italic;color:var(--gold)}
#cap .mprog{margin-left:auto;display:flex;gap:5px;align-items:center;flex:none}
#cap .mprog i{display:block;width:22px;height:5px;border-radius:3px;background:rgba(255,255,255,.1)}
#cap .mprog i.done{background:rgba(228,199,102,.55)} #cap .mprog i.cur{background:var(--gold);width:34px}
#cap .ctrl{display:flex;gap:6px}

/* WhatsApp */
#wa{background:#0F1A1F;border-color:rgba(255,255,255,.08);display:flex;flex-direction:column}
#wa .lab{height:44px;display:flex;align-items:center;gap:10px;padding:0 20px;background:#0B1216;font:600 12px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;color:var(--tx3);flex:none}
#wa .lab i{width:8px;height:8px;border-radius:50%;background:#25D366;display:block}
#wa .wh{height:74px;background:#1F2C33;display:flex;align-items:center;gap:14px;padding:0 18px;flex:none}
#wa .wh .lg{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#E9D6A8,#B8924A);display:flex;align-items:center;justify-content:center;font:500 20px/1 'Playfair';color:#2A1F0B;flex:none}
#wa .wh b{display:block;font:600 18px/1.2 'Inter';color:#E9EDEF}
#wa .wh small{display:block;font:400 13.5px/1.3 'Inter';color:#8696A0;margin-top:3px}
#wa .wh small em{font-style:normal;color:var(--ia)} #wa .wh small em.hu{color:var(--gold)}
#wa .body{flex:1;min-height:0;padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;
  background:#0B141A url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><circle cx='10' cy='10' r='1' fill='%23ffffff' fill-opacity='.035'/><circle cx='40' cy='35' r='1' fill='%23ffffff' fill-opacity='.035'/></svg>")}
#wa .in{height:72px;display:flex;gap:10px;padding:12px;background:#0B141A;flex:none}
#wa .in div{flex:1;border-radius:24px;background:#202C33;font:400 15px/48px 'Inter';color:#8696A0;padding-left:20px}
#wa .in span{width:48px;height:48px;border-radius:50%;background:#00A884;display:flex;align-items:center;justify-content:center}
.day{align-self:center;font:500 12px/1 'Inter';color:#8696A0;background:#182229;padding:6px 10px;border-radius:7px}
.ad{align-self:flex-end;width:280px;background:#005C4B;border-radius:12px 12px 4px 12px;padding:6px 6px 8px}
.ad .ph{height:92px;border-radius:8px;background:linear-gradient(120deg,#E9D6A8 0%,#C7A46A 45%,#8C6A3A 100%);position:relative;overflow:hidden}
.ad .ph b{position:absolute;left:12px;bottom:10px;font:500 22px/1 'Playfair';font-style:italic;color:#2A1F0B}
.ad .ph small{position:absolute;left:12px;top:10px;font:600 10.5px/1 'Inter';letter-spacing:.14em;text-transform:uppercase;color:#4A3816}
.ad .ph::before{content:'';position:absolute;right:-20px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.25)}
.ad .t{font:600 13px/1.3 'Inter';color:#E9EDEF;margin:7px 4px 0}
.ad .s{font:400 12px/1.3 'Inter';color:#A5C9BF;margin:2px 4px 0}
.ad .s b{color:#D7F0E8;font-weight:600}
.m{max-width:322px;font:400 14.5px/1.38 'Inter';color:#E9EDEF;padding:8px 11px 7px;border-radius:10px;position:relative;animation:pop .35s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.m .h{display:block;text-align:right;font:400 11px/1 'Inter';color:#8FA6A0;margin-top:3px}
.m .h i{font-style:normal;color:#53BDEB;margin-left:3px}
.m.me{align-self:flex-end;background:#005C4B;border-top-right-radius:3px}
.m.fi,.m.hu{align-self:flex-start;background:#202C33;border-top-left-radius:3px}
.m .who{display:block;font:600 12px/1 'Inter';color:var(--ia);margin-bottom:4px}
.m.hu .who{color:var(--gold)}
.sys{align-self:center;display:flex;align-items:center;gap:8px;font:600 13px/1.2 'Inter';color:#0B0D14;background:var(--gold);padding:9px 14px;border-radius:20px;box-shadow:0 0 0 4px rgba(228,199,102,.18),0 8px 22px rgba(228,199,102,.25);animation:pop .4s both;text-align:center}
.sys.ok{background:var(--ok);box-shadow:0 0 0 4px rgba(127,212,155,.18)}
.sysl{align-self:center;font:500 12px/1.2 'Inter';color:#8696A0;background:#182229;padding:6px 10px;border-radius:7px}
.typing{align-self:flex-start;font:500 12.5px/1 'Inter';color:var(--ia);display:flex;gap:8px;align-items:center;padding:8px 12px;background:#202C33;border-radius:10px;animation:pop .3s both}
.typing.hu{color:var(--gold)}
.typing i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
.badge8{align-self:flex-start;font:600 12px/1 'Inter';color:var(--ia);background:rgba(127,178,255,.12);border:1px solid rgba(127,178,255,.35);padding:6px 10px;border-radius:20px;animation:pop .3s both}
.wa-empty{align-self:center;margin:auto 0;text-align:center;font:500 14px/1.5 'Inter';color:#8696A0;max-width:300px}

/* etapas */
#et{padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.fases{display:flex;border-radius:12px;overflow:hidden;border:1px solid var(--ln);flex:none}
.fase{position:relative;padding:15px 16px 14px;background:#171A22;min-width:0}
.fase::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--fc)}
.fase.f1{--fc:var(--f1);--ft:#C4C8D2;background:#171A22}
.fase.f2{--fc:var(--f2);--ft:#F07D88;background:#1D181E}
.fase.f3{--fc:var(--f3);--ft:#6FD69E;background:#161C1A}
.fase .ft{font:600 12px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;color:var(--ft);white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.ch{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 11px;border-radius:8px;background:#07080C;border:1px solid rgba(255,255,255,.10);font:500 15px/1 'Inter';color:#EDEBE6;white-space:nowrap;transition:all .45s ease;cursor:pointer}
.ch:hover{border-color:rgba(255,255,255,.3)}
.ch n{font:500 12.5px/1 'Inter';color:var(--ft);opacity:.9}
.ch .ck{width:16px;height:16px;border-radius:50%;display:none;align-items:center;justify-content:center;font:700 10px/1 'Inter';color:#0B0D14;background:var(--fc)}
.ch.done{opacity:.66}.ch.done .ck{display:flex}
.ch.now{opacity:1;background:color-mix(in srgb,var(--fc) 26%,#0B0D14);border:1.5px solid var(--fc);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--fc) 22%,transparent),0 0 28px color-mix(in srgb,var(--fc) 55%,transparent)}
.ch.now .ck{display:none}
.ch.now::after{content:'';width:9px;height:9px;border-radius:50%;background:var(--fc);animation:pulse 1.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--fc) 70%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
.ch.sel{outline:2px dashed rgba(228,199,102,.6);outline-offset:2px}
.now-box{flex:1;min-height:0;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--fc) 16%,transparent),rgba(255,255,255,.02) 50%);border:1.5px solid color-mix(in srgb,var(--fc) 45%,transparent);display:flex;align-items:stretch;transition:all .4s}
.now-box .c1{width:280px;padding:15px 20px;border-right:1px solid rgba(255,255,255,.07);flex:none}
.now-box .pill{display:inline-flex;align-items:center;gap:7px;font:600 11.5px/1 'Inter';letter-spacing:.16em;color:#0B0D14;background:var(--fc);padding:6px 10px;border-radius:20px}
.now-box .pill i{width:7px;height:7px;border-radius:50%;background:#0B0D14;display:block}
.now-box .c1 b{display:block;font:500 26px/1.1 'Playfair';color:#fff;margin-top:12px}
.now-box .c1 small{display:block;font:500 13px/1.2 'Inter';color:var(--tx2);margin-top:8px}
.now-box .c2{flex:1;padding:15px 20px;min-width:0}
.now-box .lb{font:600 12px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;color:var(--ia);margin-bottom:10px}
.now-box .lb.lg{color:var(--gold)}
.now-box p{font:400 15px/1.35 'Inter';color:var(--tx)}
.now-box .c3{width:470px;padding:15px 20px;border-left:1px solid rgba(255,255,255,.07);flex:none}
.tags{display:flex;flex-wrap:wrap;gap:7px}
.tags .tag{font-size:13px;animation:pop .35s both}

/* pipelines */
#pp{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;padding:14px;position:relative;overflow:visible}
.pl{position:relative;border-radius:14px;display:flex;flex-direction:column;min-width:0;padding:12px 10px 10px}
.pl.ia{background:rgba(79,134,232,.05);border:1.5px solid rgba(127,178,255,.22)}
.pl.hu{background:linear-gradient(180deg,rgba(228,199,102,.10),rgba(228,199,102,.03));border:1.5px solid rgba(228,199,102,.55);box-shadow:0 0 40px rgba(228,199,102,.10)}
.pl .ph{height:28px;display:flex;align-items:center;gap:10px;padding:0 6px;flex:none}
.pl .ph b{font:600 13.5px/1 'Inter';letter-spacing:.16em;text-transform:uppercase}
.pl.ia .ph b{color:var(--ia)} .pl.hu .ph b{color:var(--gold)}
.pl .ph small{margin-left:auto;font:500 13px/1 'Inter';color:var(--tx3);white-space:nowrap}
.pl .ph small em{font-style:normal;color:var(--tx);font-weight:600}
.cols{flex:1;display:flex;gap:6px;margin-top:10px;min-height:0}
.col{flex:1;min-width:0;border-radius:10px;background:rgba(0,0,0,.22);padding:8px 6px;display:flex;flex-direction:column;gap:6px;transition:background .4s,box-shadow .4s}
.col .ct{height:62px;font:600 12px/1.2 'Inter';color:var(--tx2);padding:2px 3px 0;flex:none;overflow:hidden}
.col .ct em{display:block;font:500 24px/1 'Playfair';font-style:normal;margin-bottom:6px}
.ia .col .ct em{color:var(--ia)} .hu .col .ct em{color:var(--gold)}
.col.hl{background:rgba(228,199,102,.09);box-shadow:inset 0 0 0 1px rgba(228,199,102,.4)}
.col.hl0{background:rgba(127,178,255,.08);box-shadow:inset 0 0 0 1px rgba(127,178,255,.35)}
.cd{position:relative;border-radius:8px;padding:8px 8px 7px;background:#1A1E2B;border-left:3px solid var(--ia2);cursor:pointer;transition:box-shadow .3s,background .3s}
.cd:hover{background:#222839}
.hu .cd{background:#211F1A;border-left-color:var(--gold2)}
.cd b{display:block;font:600 13.5px/1.15 'Inter';color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd small{display:block;font:500 12px/1.2 'Inter';color:var(--tx3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hu .cd small{color:#CDB97A}
.cd.star{background:rgba(127,178,255,.14);box-shadow:0 0 0 1.5px var(--ia),0 0 18px rgba(127,178,255,.35)}
.hu .cd.star{background:rgba(228,199,102,.14);box-shadow:0 0 0 1.5px var(--gold),0 0 22px rgba(228,199,102,.4)}
.cd.star b{color:#fff}
.cd .fire{position:absolute;right:5px;top:5px;font-size:12px}
.cd.pulse{animation:cdp 1.4s ease-in-out infinite}
@keyframes cdp{0%,100%{box-shadow:0 0 0 0 rgba(127,178,255,0)}50%{box-shadow:0 0 0 2px rgba(127,178,255,.8),0 0 16px rgba(127,178,255,.4)}}
.cd.new{animation:pop .5s both}
.more{font:500 12px/1 'Inter';color:var(--tx3);padding:4px 4px 0}
#hand{position:absolute;left:50.5%;bottom:16px;width:470px;transform:translate(-50%,16px) scale(.94);opacity:0;pointer-events:none;transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.3,1.15);z-index:20}
#hand.on{opacity:1;transform:translate(-50%,0) scale(1)}
.banner{display:flex;align-items:center;gap:10px;background:#0B0D14;border:1.5px solid var(--gold);border-radius:12px;padding:11px 15px;font:600 16px/1.25 'Inter';color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.6);white-space:nowrap}
.banner .ic{width:30px;height:30px;border-radius:50%;background:var(--gold);flex:none;display:flex;align-items:center;justify-content:center}
.banner em{font-style:normal;color:var(--gold)}
.big{margin-top:8px;border-radius:14px;background:linear-gradient(160deg,#2A2416,#17150F);border:1.5px solid var(--gold);padding:12px 16px;box-shadow:0 0 0 6px rgba(228,199,102,.12),0 24px 60px rgba(0,0,0,.65),0 0 50px rgba(228,199,102,.25)}
.big .r1{display:flex;align-items:center;gap:12px}
.big .ini{width:42px;height:42px;border-radius:50%;background:#E9D6A8;color:#2A1F0B;font:600 16px/42px 'Inter';text-align:center;flex:none}
.big .r1 b{display:block;font:600 18px/1.15 'Inter';color:#fff}
.big .r1 small{display:block;font:500 13px/1.3 'Inter';color:#CDB97A;margin-top:3px}
.big .val{margin-left:auto;text-align:right;font:500 26px/1 'Playfair';color:var(--gold)}
.big .val small{display:block;font:500 11.5px/1 'Inter';color:var(--tx3);margin-top:5px}
.big .tags{margin-top:10px}
.big .to{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(228,199,102,.2);font:500 13.5px/1.3 'Inter';color:var(--tx2)}
.big .to b{color:#fff;font-weight:600}
.big .to .av{width:30px;height:30px;border:1.5px solid var(--gold)}
#fly{position:absolute;z-index:30;pointer-events:none;border-radius:8px;padding:8px 8px 7px;background:#2A2416;border:1.5px solid var(--gold);box-shadow:0 0 0 4px rgba(228,199,102,.18),0 0 30px rgba(228,199,102,.5),0 14px 30px rgba(0,0,0,.5);display:none}
#fly b{display:block;font:600 13.5px/1.15 'Inter';color:#fff;white-space:nowrap}
#fly small{display:block;font:500 12px/1.2 'Inter';color:#E4C766;margin-top:3px;white-space:nowrap}

/* Telegram */
#tg{position:absolute;right:22px;top:150px;width:470px;z-index:40;border-radius:18px;background:#17212B;border:1.5px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.3);overflow:hidden;transform:translateX(560px);transition:transform .6s cubic-bezier(.2,.9,.3,1.05)}
#tg.on{transform:none}
#tg .tb{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#232E3C}
#tg .tb .av{width:40px;height:40px}
#tg .tb b{display:block;font:600 16px/1.2 'Inter'}
#tg .tb small{display:block;font:400 13px/1.2 'Inter';color:#8696A0;margin-top:2px}
#tg .tb .lb{margin-left:auto;font:600 11px/1 'Inter';letter-spacing:.14em;text-transform:uppercase;color:#5EB5F7;display:flex;align-items:center;gap:6px}
#tg .bd{padding:14px 16px 16px;background:#0E1621;display:flex;flex-direction:column;gap:10px}
#tg .msg{background:#182533;border-radius:12px 12px 12px 4px;padding:11px 13px;font:400 14.5px/1.42 'Inter';color:#E9EDEF}
#tg .msg .hot{font-weight:600;color:#FFB36B}
#tg .msg b{font-weight:600}
#tg .msg .h{display:block;text-align:right;font:400 11px/1 'Inter';color:#6C7883;margin-top:4px}
#tg .kb{display:flex;gap:6px}
#tg .kb span{flex:1;text-align:center;font:600 13.5px/1 'Inter';padding:11px 0;border-radius:9px;background:#22303F;color:#5EB5F7;transition:all .3s}
#tg .kb span.prs{background:#5EB5F7;color:#0E1621;transform:scale(.97)}
#tg .rp{align-self:flex-end;background:#2B5278;border-radius:12px 12px 4px 12px;padding:9px 12px;font:400 14.5px/1.3 'Inter';color:#fff;animation:pop .35s both}
#tg .ttl{position:absolute;left:0;right:0;top:0}

/* final */
#fim{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:rgba(6,7,11,.86);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .8s}
#fim.on{opacity:1;pointer-events:auto}
#fim .fk{font:600 15px/1 'Inter';letter-spacing:.26em;text-transform:uppercase;color:var(--tx3)}
#fim .fh2{font:500 76px/1.1 'Playfair';color:#fff;text-align:center}
#fim .fh2 em{font-style:italic;color:var(--gold)}
#fim .fs{font:500 20px/1.4 'Inter';color:var(--tx2);text-align:center}
#fim .fb{display:flex;gap:12px;margin-top:10px}
#fim .btn{font-size:17px;padding:15px 24px}

/* ===== telas gerenciais ===== */
.g{display:grid;gap:16px;height:100%}
.kpis{display:flex;gap:16px}
.k{flex:1;border-radius:16px;background:var(--pn);border:1.5px solid var(--ln);padding:20px 22px;position:relative;overflow:hidden;min-width:0;transition:border-color .4s,box-shadow .4s}
.k .l{font:600 12.5px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;color:var(--tx3)}
.k .n{font:500 42px/1 'Playfair';color:var(--tx);margin-top:14px;white-space:nowrap}
.k .n small{font:500 22px/1 'Playfair';color:var(--tx3)}
.k .s{font:500 14.5px/1.3 'Inter';color:var(--tx2);margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k.hl{border-color:rgba(228,199,102,.5);background:linear-gradient(160deg,rgba(228,199,102,.10),rgba(228,199,102,.02) 60%),var(--pn)}
.k.hl .n{color:var(--gold)}
.k.flash{box-shadow:0 0 0 4px rgba(127,212,155,.25),0 0 40px rgba(127,212,155,.25);border-color:var(--ok)}
.bar1{position:absolute;left:22px;right:22px;bottom:14px;height:6px;border-radius:3px;background:rgba(255,255,255,.07)}
.bar1 i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--gold);transition:width 1.2s ease}
.bar1 b{position:absolute;top:-5px;width:2px;height:16px;background:#fff;opacity:.7}
.lgd{display:flex;gap:22px;font:500 14px/1 'Inter';color:var(--tx2);margin-top:14px}
.lgd span{display:flex;align-items:center;gap:8px}
.lgd i{display:block;width:22px;height:3px;border-radius:2px}
.fun{display:flex;flex-direction:column;gap:9px;margin-top:18px}
.fr{display:flex;align-items:center;gap:14px;height:46px;cursor:pointer}
.fr .bx{height:46px;border-radius:9px;display:flex;align-items:center;padding:0 16px;gap:10px;flex:none;transition:width .8s ease,filter .2s}
.fr:hover .bx{filter:brightness(1.12)}
.fr .bx b{font:500 25px/1 'Playfair';color:#0B0D14}
.fr .bx span{font:600 14px/1 'Inter';color:#0B0D14;white-space:nowrap}
.fr .pc{font:600 14px/1 'Inter';color:var(--tx2);white-space:nowrap}
.fr.ia .bx{background:linear-gradient(90deg,#7FB2FF,#9CC3FF)}
.fr.hu .bx{background:linear-gradient(90deg,#C9A416,#E4C766)}
.who{display:flex;gap:14px;font:500 13px/1 'Inter';color:var(--tx3);letter-spacing:0;text-transform:none}
.who span{display:flex;align-items:center;gap:6px}.who i{width:10px;height:10px;border-radius:3px;display:block}
.mini{display:flex;gap:12px;margin-top:16px}
.mi{flex:1;border-radius:12px;background:var(--pn2);padding:14px 16px;min-width:0}
.mi b{display:block;font:500 31px/1 'Playfair';color:var(--tx);white-space:nowrap}
.mi span{display:block;font:500 13.5px/1.25 'Inter';color:var(--tx2);margin-top:8px}
.ia-c .hd{color:var(--ia)} .ia-c .mi b{color:#CFE0FF}
.al{display:flex;flex-direction:column;gap:7px;margin-top:14px}
.al button{display:flex;align-items:center;gap:12px;border-radius:10px;background:var(--pn2);padding:10px 14px;font:500 14.5px/1.25 'Inter';color:var(--tx);text-align:left;transition:background .2s}
.al button:hover{background:var(--pn3)}
.al button small{color:var(--tx3);font-weight:500}
.al .dt{width:9px;height:9px;border-radius:50%;flex:none}
/* tabelas */
.th,.tr{display:grid;align-items:center;column-gap:12px}
.th{font:600 11.5px/1 'Inter';letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);padding:0 14px;margin-top:20px}
.th span.r,.tr>span.r{text-align:right}
.rows{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.tr{min-height:62px;white-space:nowrap;border-radius:12px;background:var(--pn2);padding:8px 14px;font:500 16.5px/1 'Inter';color:var(--tx);cursor:pointer;transition:background .2s,box-shadow .2s}
.tr:hover{background:var(--pn3)}
.tr.sel{box-shadow:inset 0 0 0 1.5px rgba(127,178,255,.6)}
.tr .nm{display:flex;align-items:center;gap:12px;min-width:0}
.tr .nm i{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font:700 13px/1 'Inter';font-style:normal;flex:none}
.tr .nm b{font:600 15.5px/1.15 'Inter'} .tr .nm small{display:block;font:500 12.5px/1.2 'Inter';color:var(--tx3);margin-top:3px}
.tr .bar{height:10px;border-radius:5px;background:rgba(255,255,255,.06);position:relative}
.tr .bar u{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,#4F86E8,#7FB2FF)}
.tr .cv{font-weight:600}
.tr.best{background:linear-gradient(90deg,rgba(228,199,102,.13),rgba(228,199,102,.03));box-shadow:inset 0 0 0 1.5px rgba(228,199,102,.5)}
.tr.best .cv{color:var(--gold)}
.tr.tot{background:transparent;border-top:1px solid var(--ln);border-radius:0;min-height:48px;font-weight:600;color:var(--tx2);cursor:default}
.tr.weak .z{color:var(--bad)}
.ic-ia{background:rgba(127,178,255,.16);color:var(--ia)} .ic-pink{background:rgba(240,143,192,.16);color:var(--pink)} .ic-gold{background:rgba(228,199,102,.18);color:var(--gold)}
.ic-ok{background:rgba(127,212,155,.14);color:var(--ok)} .ic-roxo{background:rgba(196,160,255,.14);color:var(--roxo)} .ic-mute{background:rgba(255,255,255,.08);color:var(--tx2)} .ic-ia2{background:rgba(79,134,232,.22);color:#A9C8FF}
.ins{display:flex;gap:14px}
.ins>div{flex:1;border-radius:14px;background:var(--pn2);padding:18px 20px;font:500 15.5px/1.4 'Inter';color:var(--tx2)}
.ins b.big2{display:block;font:500 30px/1 'Playfair';color:var(--gold);margin-bottom:10px}
.ins em{font-style:normal;color:var(--tx);font-weight:600}
.det{border-radius:14px;background:var(--pn2);padding:16px 18px;font:500 15px/1.45 'Inter';color:var(--tx2);border:1px solid rgba(127,178,255,.25)}
.det b{color:var(--tx)}
.kp{display:flex;gap:12px;margin-top:18px}
.kp>div{flex:1;border-radius:14px;background:var(--pn2);padding:16px 18px;min-width:0}
.kp .l{font:600 11.5px/1 'Inter';letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.kp b{display:block;font:500 30px/1 'Playfair';color:var(--tx);margin-top:13px;white-space:nowrap}
.kp small{display:block;font:500 13.5px/1.25 'Inter';color:var(--tx2);margin-top:9px}
.kp .hl{box-shadow:inset 0 0 0 1.5px rgba(228,199,102,.5)} .kp .hl b{color:var(--gold)}
.lead{display:inline-flex;align-items:center;font:600 12px/1 'Inter';color:#0B0D14;background:var(--gold);padding:5px 8px;border-radius:6px;margin-left:6px}
.gm{border-radius:14px;background:linear-gradient(120deg,rgba(127,178,255,.10),rgba(127,178,255,.02));border:1.5px solid rgba(127,178,255,.35);padding:18px 20px;display:flex;gap:16px;transition:all .4s}
.gm.okd{border-color:rgba(127,212,155,.6);background:linear-gradient(120deg,rgba(127,212,155,.12),rgba(127,212,155,.02))}
.gm .av{width:54px;height:54px;border:2px solid var(--ia)}
.gm .w{font:600 13px/1 'Inter';letter-spacing:.12em;text-transform:uppercase;color:var(--ia)}
.gm .w small{letter-spacing:0;text-transform:none;color:var(--tx3);font-weight:500;margin-left:6px}
.gm p{font:500 16px/1.45 'Inter';color:var(--tx);margin-top:9px}
.gm p em{font-style:normal;color:var(--gold);font-weight:600}
.gm .bt{display:flex;gap:8px;margin-top:12px}
/* atendimento */
.cv-list{display:flex;flex-direction:column;gap:6px;margin-top:14px;overflow:auto}
.cv-it{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--pn2);cursor:pointer;text-align:left;width:100%;transition:background .2s}
.cv-it:hover{background:var(--pn3)}
.cv-it.sel{box-shadow:inset 0 0 0 1.5px rgba(228,199,102,.55);background:#1E1F22}
.cv-it .ini{width:40px;height:40px;border-radius:50%;background:#2A3242;display:flex;align-items:center;justify-content:center;font:600 14px/1 'Inter';color:var(--tx2);flex:none}
.cv-it .tx{flex:1;min-width:0}
.cv-it .tx b{display:flex;gap:8px;align-items:center;font:600 15px/1.2 'Inter'}
.cv-it .tx small{display:block;font:500 13px/1.2 'Inter';color:var(--tx3);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-it .rt{text-align:right;font:500 12px/1.2 'Inter';color:var(--tx3);display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.chatv{display:flex;flex-direction:column;gap:8px;padding:16px;background:#0B141A;border-radius:12px;margin-top:14px;min-height:0;overflow:hidden;justify-content:flex-end}
.chatv .m{max-width:78%}
.bars{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.bars .b{display:grid;grid-template-columns:200px 1fr 60px;align-items:center;gap:12px;font:500 14.5px/1.2 'Inter';color:var(--tx2)}
.bars .b u{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#4F86E8,#7FB2FF);transition:width .8s}
.bars .b.gd u{background:linear-gradient(90deg,#C9A416,#E4C766)}
.bars .b em{font-style:normal;text-align:right;color:var(--tx);font-weight:600}
/* prospecção */
.src{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.src button{border-radius:14px;background:var(--pn2);padding:14px 16px;text-align:left;border:1.5px solid transparent;transition:all .25s;position:relative}
.src button.on{border-color:rgba(127,178,255,.55);background:rgba(127,178,255,.07)}
.src button:not(.on){opacity:.5}
.src .ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font:700 13px/1 'Inter'}
.src b{display:block;font:600 15.5px/1.2 'Inter';margin-top:10px}
.src small{display:block;font:500 12.5px/1.25 'Inter';color:var(--tx3);margin-top:4px}
.src em{position:absolute;right:14px;top:16px;font:500 22px/1 'Playfair';font-style:normal;color:var(--ia)}
.fl{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fl button{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 'Inter';padding:9px 13px;border-radius:20px;background:rgba(255,255,255,.05);color:var(--tx3);border:1px solid rgba(255,255,255,.08);transition:all .2s}
.fl button.on{background:rgba(228,199,102,.12);color:var(--gold);border-color:rgba(228,199,102,.45)}
.fl button i{width:14px;height:14px;border-radius:4px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font:700 9px/1 'Inter';font-style:normal}
.pf{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.pf .r{display:flex;align-items:center;gap:12px}
.pf .r .bxw{width:240px;flex:none}
.pf .pl2{font:600 15px/1.2 'Inter';color:var(--tx)} .pf .pl2 small{display:block;font:500 12.5px/1.2 'Inter';color:var(--tx3);margin-top:3px}
.pf .r .bx{height:46px;border-radius:9px;display:flex;align-items:center;padding:0 14px;gap:10px;background:linear-gradient(90deg,#4F86E8,#7FB2FF);transition:width .8s}
.pf .r .bx b{font:500 22px/1 'Playfair';color:#0B0D14}
.pf .r .bx span{font:600 13.5px/1 'Inter';color:#0B0D14;white-space:nowrap}
.pf .r.gd .bx{background:linear-gradient(90deg,#C9A416,#E4C766)}
.pf .r small{font:500 13px/1.2 'Inter';color:var(--tx3);white-space:nowrap}
.pl-row{display:grid;grid-template-columns:2.3fr 1.1fr 1fr .7fr 1.25fr;align-items:center;gap:10px;padding:9px 14px;border-radius:11px;background:var(--pn2);font:500 14.5px/1.2 'Inter';min-height:56px}
.pl-row.hot{box-shadow:inset 3px 0 0 var(--gold)}
.pl-row .nm b{display:block;font:600 14.5px/1.2 'Inter'} .pl-row .nm small{display:block;font:500 12.5px/1.2 'Inter';color:var(--tx3);margin-top:3px}
.pl-row .sc{font:600 15px/1 'Inter';color:var(--ok)}
.pl-row .btn{justify-self:end}
.pl-row.anim{animation:pop .4s both}
.toast{position:absolute;left:50%;bottom:34px;transform:translate(-50%,30px);opacity:0;z-index:80;background:#10131C;border:1.5px solid var(--gold);color:#fff;font:600 16px/1.3 'Inter';padding:14px 20px;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.6);transition:all .35s;pointer-events:none;white-space:nowrap}
.toast.on{opacity:1;transform:translate(-50%,0)}
/* dados */
.dfun{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:16px}
.dfun .st{position:relative;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,16px 100%);transition:width .8s;cursor:pointer}
.dfun .st b{font:500 25px/1 'Playfair';color:#0B0D14}
.dfun .st span{font:600 14px/1.15 'Inter';color:#0B0D14;text-align:right}
.dfun .st span small{display:block;font:500 12px/1.2 'Inter';opacity:.75;margin-top:2px}
.dfun.ia .st{background:linear-gradient(90deg,#6FA4F5,#9CC3FF)}
.dfun.hu .st{background:linear-gradient(90deg,#C9A416,#E9CF72)}
.dfun .rt{font:600 12.5px/1 'Inter';color:var(--tx3);display:flex;align-items:center;gap:6px}
.dfun .rt::before{content:'↓';color:var(--tx2)}
.mets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.mets>div{border-radius:12px;background:var(--pn2);padding:12px 14px;min-width:0}
.mets .l{font:600 11px/1.1 'Inter';letter-spacing:.12em;text-transform:uppercase;color:var(--tx3)}
.mets b{display:block;font:500 26px/1 'Playfair';margin-top:9px;white-space:nowrap}
.mets small{display:block;font:500 12.5px/1.25 'Inter';color:var(--tx2);margin-top:6px}
.mets .hl{box-shadow:inset 0 0 0 1.5px rgba(228,199,102,.5)} .mets .hl b{color:var(--gold)}
.rel{display:flex;gap:10px;align-items:stretch;margin-top:14px}
.rel>div{flex:1;border-radius:12px;background:rgba(76,194,131,.08);border:1px solid rgba(76,194,131,.3);padding:12px 14px;position:relative}
.rel>div b{display:block;font:500 26px/1 'Playfair';color:#8FE0B2}
.rel>div span{display:block;font:600 13px/1.2 'Inter';color:var(--tx);margin-top:8px}
.rel>div small{display:block;font:500 12px/1.25 'Inter';color:var(--tx3);margin-top:4px}
.rel .arr{flex:none;width:22px;background:none;border:0;padding:0;display:flex;align-items:center;justify-content:center;color:#6FD69E;font:600 18px/1 'Inter'}
.loop{display:flex;align-items:center;gap:10px;margin-top:12px;font:500 14px/1.35 'Inter';color:var(--tx2);padding:10px 14px;border-radius:10px;background:rgba(228,199,102,.07);border:1px dashed rgba(228,199,102,.45)}
.loop b{color:var(--gold)}
.dados{display:grid;grid-template-rows:112px 1fr 48px;gap:16px;height:100%}
.dk .k{padding:18px 20px}.dk .k .n{font-size:36px;margin-top:12px}.dk .k .s{margin-top:8px;font-size:13.5px}
.d3{display:grid;grid-template-columns:1.08fr 1fr .78fr;gap:16px;min-height:0}
.d3 .pn{display:flex;flex-direction:column}
.hd .nb{width:24px;height:24px;border-radius:50%;background:var(--gold);color:#0B0D14;font:700 12px/24px 'Inter';text-align:center;letter-spacing:0}
.dbl{display:flex;align-items:center;gap:12px;border-radius:12px;padding:0 18px;height:50px;margin-top:12px;background:linear-gradient(90deg,#7FB2FF,#9CC3FF);color:#0B0D14}
.dbl b{font:500 26px/1 'Playfair'} .dbl span{font:600 15px/1 'Inter'} .dbl small{margin-left:auto;font:500 13px/1.2 'Inter';opacity:.8}
.dbl.ia2{margin:8px 26px 0;background:linear-gradient(90deg,#8DBBFF,#B4D2FF)}
.sem{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font:500 13px/1 'Inter';color:var(--tx3)}
.sem>span{font:600 11px/1 'Inter';letter-spacing:.12em;text-transform:uppercase;margin-right:8px}
.sem i{display:block;height:7px;border-radius:4px;background:var(--ia2)} .sem b{color:var(--tx);font-weight:600} .sem small{margin-right:10px;font-size:13px}
.ffun{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:16px}
.fst{height:56px;display:flex;align-items:center;justify-content:center;gap:12px;clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,26px 100%);cursor:default}
.fst.ia{background:linear-gradient(90deg,#6FA4F5,#A3C8FF)} .fst.hu{background:linear-gradient(90deg,#C9A416,#E9CF72)}
.fst b{font:500 30px/1 'Playfair';color:#0B0D14} .fst span{font:600 15.5px/1 'Inter';color:#0B0D14}
.fst em{font:600 12.5px/1 'Inter';font-style:normal;color:#0B0D14;background:rgba(255,255,255,.35);padding:4px 7px;border-radius:5px}
.recm{display:flex;align-items:center;gap:22px;border-radius:14px;border:1.5px solid rgba(228,199,102,.55);background:linear-gradient(90deg,rgba(228,199,102,.10),rgba(228,199,102,.02));padding:12px 20px;margin-top:12px}
.recm span{font:600 12px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.recm b{font:500 38px/1 'Playfair';color:var(--gold)} .recm small{margin-left:auto;text-align:right;font:500 14px/1.35 'Inter';color:var(--tx2)}
.rl2{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.rl2>div{display:flex;align-items:center;gap:14px;border-radius:12px;background:var(--pn2);padding:10px 16px;min-height:72px}
.rl2 i{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 14px/1 'Inter';font-style:normal;background:rgba(76,194,131,.15);color:#6FD69E;flex:none}
.rl2 b{font:500 28px/1 'Playfair';width:66px;flex:none}
.rl2 span{font:600 15px/1.2 'Inter'} .rl2 span small{display:block;font:500 12.5px/1.2 'Inter';color:var(--tx3);margin-top:3px}
.rl2 em{margin-left:auto;font:600 13px/1 'Inter';font-style:normal;color:var(--ok);white-space:nowrap}
.rl2 .ind{box-shadow:inset 0 0 0 1.5px var(--gold);background:linear-gradient(90deg,rgba(228,199,102,.13),rgba(228,199,102,.03))}
.rl2 .ind i{background:var(--gold);color:#0B0D14} .rl2 .ind b{color:var(--gold)} .rl2 .ind em{color:var(--gold)}
.ltvb{margin-top:auto;border-radius:12px;border:1.5px dashed rgba(228,199,102,.4);padding:14px 16px}
.ltvb span{font:600 11.5px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ltvb p{font:500 14.5px/1.55 'Inter';color:var(--tx2);margin-top:8px} .ltvb p b{color:var(--tx)} .ltvb p em{font:500 26px/1 'Playfair';font-style:normal;color:var(--gold)}
.volta{position:relative;display:flex;align-items:flex-end;justify-content:center}
.volta svg{position:absolute;left:0;top:-14px}
.volta span{position:relative;font:500 15.5px/1 'Inter';color:var(--tx);background:var(--bg);border:1.5px solid rgba(228,199,102,.6);border-radius:30px;padding:9px 18px;margin-bottom:6px}
.volta span b{color:var(--gold);font-weight:600}
body.mobile .dados{display:flex;flex-direction:column}
body.mobile .d3{display:flex;flex-direction:column}
body.mobile .dk{flex-wrap:wrap;flex-direction:row!important}
body.mobile .dk .k{flex:1 1 40%}
body.mobile .volta svg{display:none}
body.mobile .volta span{white-space:normal;border-radius:14px;line-height:1.4}
/* equipe */
.ps{display:flex;flex-direction:column;gap:16px;margin-top:18px}
.p{display:flex;gap:18px;align-items:center;border-radius:14px;background:var(--pn2);padding:22px 20px;cursor:pointer;transition:background .2s}
.p:hover{background:var(--pn3)}
.p .id{display:flex;gap:14px;align-items:center;width:300px;flex:none}
.p .id .av{width:62px;height:62px;border:2px solid var(--gold2)}
.p.ia .id .av{border-color:var(--ia)} .p.bad .id .av{border-color:var(--bad)}
.p .id b{display:block;font:600 18px/1.2 'Inter'} .p .id small{display:block;font:500 13.5px/1.3 'Inter';color:var(--tx3);margin:3px 0 7px}
.p .mt{flex:1;min-width:0}
.p .top{display:flex;align-items:baseline;gap:10px}
.p .top b{font:500 30px/1 'Playfair'} .p .top span{font:500 14px/1 'Inter';color:var(--tx3)} .p .top em{margin-left:auto;font:600 18px/1 'Inter';font-style:normal}
.prog{position:relative;height:10px;border-radius:5px;background:rgba(255,255,255,.07);margin-top:12px}
.prog i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;transition:width 1s}
.prog .rt{position:absolute;left:70%;top:-5px;width:2px;height:20px;background:#fff;opacity:.6}
.p .st{display:flex;gap:10px;margin-top:14px}
.p .st div{flex:1;border-radius:10px;background:rgba(0,0,0,.2);padding:10px 12px;min-width:0}
.p .st b{display:block;font:500 22px/1 'Playfair'} .p .st span{display:block;font:500 12px/1.25 'Inter';color:var(--tx3);margin-top:5px}
.p .st .bd b{color:var(--bad)}
.alr{display:flex;gap:18px;align-items:center;border-radius:16px;padding:18px 22px;background:linear-gradient(90deg,rgba(240,122,122,.13),rgba(240,122,122,.03));border:1.5px solid rgba(240,122,122,.45);transition:all .4s}
.alr.okd{background:linear-gradient(90deg,rgba(127,212,155,.13),rgba(127,212,155,.03));border-color:rgba(127,212,155,.5)}
.alr .t{flex:1}
.alr .t small{display:block;font:600 12px/1 'Inter';letter-spacing:.14em;text-transform:uppercase;color:var(--bad)}
.alr.okd .t small{color:var(--ok)}
.alr .t b{display:block;font:500 22px/1.25 'Playfair';color:#fff;margin-top:8px} .alr .t b em{color:var(--bad);font-style:normal}
.alr .t span{display:block;font:500 14.5px/1.35 'Inter';color:var(--tx2);margin-top:6px}
.rl{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.rr{display:flex;gap:12px;align-items:center;border-radius:11px;background:var(--pn2);padding:11px 14px}
.rr p{font:500 14.5px/1.3 'Inter';color:var(--tx2)} .rr p b{color:var(--tx)}
.rr.hl{box-shadow:inset 0 0 0 1.5px rgba(228,199,102,.45)}
.tri{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.fr2{border-radius:14px;padding:14px 16px;background:var(--pn2)}
.fr2 .tt{display:flex;align-items:center;gap:10px;font:600 13px/1 'Inter';letter-spacing:.14em;text-transform:uppercase}
.fr2.v .tt{color:var(--ia)} .fr2.c .tt{color:var(--ok)}
.fr2 .ag{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ag span{display:inline-flex;align-items:center;gap:8px;font:500 13.5px/1 'Inter';padding:6px 10px 6px 6px;border-radius:20px;background:rgba(255,255,255,.05);color:var(--tx)}
.ag span .av,.ag span i{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 10px/1 'Inter';font-style:normal;flex:none}
.ag span i{background:rgba(127,212,155,.2);color:var(--ok)}
.fr2.v .ag span i{background:rgba(127,178,255,.2);color:var(--ia)}

/* ===== CONFIGURAÇÃO ===== */
#v-cfg .g{grid-template-rows:auto 1fr auto}
.cfg-top{display:flex;align-items:center;gap:16px}
.cfg-top h2{font:500 32px/1.1 'Playfair';color:#fff;white-space:nowrap}
.cfg-top h2 em{font-style:italic;color:var(--gold)}
.cfg-top p{font:500 15px/1.35 'Inter';color:var(--tx3)}
.cfg-top .sp{flex:1}
.cfg-top select{background:var(--pn);border:1px solid var(--ln);color:var(--tx);font:500 14.5px/1 'Inter';padding:11px 14px;border-radius:10px}
.cfg-fases{display:grid;gap:14px;min-height:0}
.cf{border-radius:16px;background:var(--pn);border:1.5px solid var(--ln);display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}
.cf::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--fc)}
.cf.f1{--fc:var(--f1);--ft:#C4C8D2}.cf.f2{--fc:var(--f2);--ft:#F07D88}.cf.f3{--fc:var(--f3);--ft:#6FD69E}
.cf .fh{display:flex;align-items:center;gap:10px;padding:16px 16px 10px}
.cf .fh .fn{font:600 12px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;color:var(--tx3)}
.ed{border-radius:7px;padding:4px 6px;margin:-4px -6px;outline:none;transition:background .2s,box-shadow .2s;cursor:text}
.ed:hover{background:rgba(255,255,255,.05)}
.ed:focus{background:rgba(228,199,102,.08);box-shadow:inset 0 0 0 1.5px rgba(228,199,102,.6)}
.cf .fh .ed{font:600 17px/1.2 'Inter';color:var(--ft)}
.cf .fh small{margin-left:auto;font:500 13px/1 'Inter';color:var(--tx3);white-space:nowrap}
.cf .lst{flex:1;overflow:auto;padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}
.ce{border-radius:12px;background:var(--pn2);padding:11px 12px;position:relative;border:1px solid transparent;transition:border-color .2s}
.ce:hover{border-color:rgba(255,255,255,.1)}
.ce .r1{display:flex;align-items:center;gap:9px}
.ce .r1 n{font:600 12.5px/1 'Inter';color:var(--ft);width:22px;flex:none}
.ce .r1 .ed{font:600 15.5px/1.2 'Inter';color:var(--tx);flex:1;min-width:0}
.ce .x{width:26px;height:26px;border-radius:7px;color:var(--tx3);font:600 16px/1 'Inter';flex:none;opacity:.5}
.ce .x:hover{background:rgba(240,122,122,.15);color:var(--bad);opacity:1}
.ce .ln{display:grid;grid-template-columns:62px 1fr;gap:6px;align-items:start;margin-top:8px;font:500 13px/1.35 'Inter';color:var(--tx2)}
.ce .ln .tag{justify-content:center;font-size:11px;padding:4px 0}
.ce .ln .ed{margin:-3px -5px;padding:3px 5px}
.addb{display:flex;align-items:center;justify-content:center;gap:8px;font:600 14px/1 'Inter';color:var(--tx3);border:1.5px dashed rgba(255,255,255,.14);border-radius:12px;padding:12px;transition:all .2s;flex:none}
.addb:hover{color:var(--gold);border-color:rgba(228,199,102,.5);background:rgba(228,199,102,.05)}
.cfg-pipes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.cp{border-radius:16px;background:var(--pn);border:1.5px solid var(--ln);padding:16px 18px}
.cp.ia{border-color:rgba(127,178,255,.25)} .cp.hu{border-color:rgba(228,199,102,.4)}
.cp .hd{font-size:12.5px}
.cp.ia .hd{color:var(--ia)}
.pcs{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.pcol{display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:var(--pn2);padding:7px 6px 7px 10px;font:500 14px/1 'Inter'}
.cp.ia .pcol{box-shadow:inset 3px 0 0 var(--ia2)} .cp.hu .pcol{box-shadow:inset 3px 0 0 var(--gold2)}
.pcol .ed{margin:-3px -4px;padding:3px 4px}
.pcol .x{width:20px;height:20px;border-radius:5px;color:var(--tx3);font:600 14px/1 'Inter';opacity:.5}
.pcol .x:hover{color:var(--bad);opacity:1;background:rgba(240,122,122,.15)}
.pcol.add{background:none;border:1.5px dashed rgba(255,255,255,.15);color:var(--tx3);padding:7px 11px;cursor:pointer;box-shadow:none!important}
.pcol.add:hover{color:var(--gold);border-color:rgba(228,199,102,.5)}
.rg{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.rg div{display:flex;gap:9px;font:500 13.5px/1.35 'Inter';color:var(--tx2)}
.rg div::before{content:'→';color:var(--gold);flex:none}
.saved{font:500 13px/1 'Inter';color:var(--ok);opacity:0;transition:opacity .3s;white-space:nowrap}
.saved.on{opacity:1}

/* ajuda */
#help{position:absolute;inset:0;z-index:90;background:rgba(6,7,11,.8);display:none;align-items:center;justify-content:center}
#help.on{display:flex}
#help .bx{width:720px;border-radius:20px;background:var(--pn);border:1.5px solid rgba(228,199,102,.4);padding:30px 34px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
#help h3{font:500 30px/1.1 'Playfair';color:#fff;margin-bottom:18px}
#help .ks{display:grid;grid-template-columns:200px 1fr;gap:10px 18px;font:500 15.5px/1.3 'Inter';color:var(--tx2)}
#help kbd{display:inline-block;font:600 13px/1 'Inter';color:var(--tx);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-bottom-width:2px;border-radius:6px;padding:5px 8px;margin-right:4px}
#help p{font:500 14px/1.4 'Inter';color:var(--tx3);margin-top:18px}
body.rec #help,body.rec .toast{display:none!important}
body.demo .cd,body.demo .ch{cursor:default}

/* ===== CELULAR ===== */
body.mobile{overflow:auto;height:auto}
body.mobile #stage{position:relative;width:100%;height:auto;min-height:100vh;transform:none!important;overflow:visible;padding-bottom:30px}
body.mobile #top{position:relative;left:auto;right:auto;top:auto;height:auto;padding:14px 14px 0;flex-wrap:wrap;gap:10px}
body.mobile #top .logo{height:24px}
body.mobile #top .nm{font-size:16px;padding-left:12px}
body.mobile #top .nm small{font-size:11.5px}
body.mobile #top .clk{display:none}
body.mobile #top .selo{order:5;font-size:10.5px;padding:7px 10px}
body.mobile #top .sp{display:none}
body.mobile #top #demoBtn{order:6;margin-left:auto;font-size:13px;padding:9px 12px}
body.mobile #top #tourBtn,body.mobile #top #helpBtn{display:none}
body.mobile #nav{position:sticky;top:0;z-index:50;left:auto;right:auto;height:auto;padding:10px 14px;background:rgba(11,13,20,.95);backdrop-filter:blur(8px);overflow-x:auto}
body.mobile #nav .per{display:none}
body.mobile .tabs button{font-size:14px;padding:10px 13px}
body.mobile #views{position:relative;left:auto;right:auto;top:auto;bottom:auto;padding:0 12px}
body.mobile .view{position:relative;inset:auto}
body.mobile #v-live.on{display:flex;flex-direction:column}
body.mobile #wa{height:560px}
body.mobile #live-r{display:flex;flex-direction:column}
body.mobile #cap{flex-wrap:wrap;padding:6px 2px;gap:8px}
body.mobile #cap .chh{font-size:22px;white-space:normal}
body.mobile #cap .mprog{display:none}
body.mobile .fases{flex-direction:column}
body.mobile .fase{width:auto!important}
body.mobile .now-box{flex-direction:column}
body.mobile .now-box .c1,body.mobile .now-box .c3{width:auto;border:0}
body.mobile #pp{grid-template-columns:1fr;overflow:visible}
body.mobile .cols{overflow-x:auto;min-height:260px}
body.mobile .col{min-width:118px}
body.mobile #hand{width:92%;position:fixed;top:40%}
body.mobile #tg{position:fixed;right:8px;left:8px;width:auto;top:70px}
body.mobile .g{display:flex!important;flex-direction:column;height:auto}
body.mobile .kpis,body.mobile .mini,body.mobile .kp,body.mobile .ins,body.mobile .rel,body.mobile .cfg-pipes,body.mobile .cfg-top{flex-direction:column;display:flex}
body.mobile .k .n{font-size:34px}
body.mobile .view [style*="grid-template-columns"]{grid-template-columns:1fr!important}
body.mobile .lhd{display:none!important}
body.mobile .fr .bx{max-width:58%;min-width:0;overflow:hidden}
body.mobile .fr .pc{white-space:normal;font-size:12.5px}
body.mobile .pf .r .bxw{width:96px}
body.mobile .pf .r .bx{max-width:96px;min-width:60px!important}
body.mobile .cfg-top h2{white-space:normal;font-size:24px}
body.mobile .det{white-space:normal}
body.mobile .tr .r{white-space:nowrap}
body.mobile .th{display:none}
body.mobile .view .tr{grid-template-columns:1fr auto auto!important;white-space:normal}
body.mobile .tr>span:nth-child(2),body.mobile .tr>span:nth-child(4){display:none}
body.mobile .tr>span:nth-child(n+5):not(:last-child){display:none}
body.mobile .src{grid-template-columns:1fr 1fr}
body.mobile .pl-row{grid-template-columns:1fr auto}
body.mobile .pl-row>span:nth-child(2),body.mobile .pl-row>span:nth-child(3),body.mobile .pl-row>span:nth-child(4){display:none}
body.mobile .mets{grid-template-columns:1fr 1fr}
body.mobile .p{flex-direction:column;align-items:stretch}
body.mobile .p .id{width:auto}
body.mobile .p .st{flex-wrap:wrap}
body.mobile .p .st div{flex:1 1 40%}
body.mobile .alr{flex-direction:column;align-items:stretch}
body.mobile .cfg-fases{display:flex!important;flex-direction:column}
body.mobile .cf .lst{max-height:none}
body.mobile .bars .b{grid-template-columns:110px 1fr 44px}
body.mobile .chatv{min-height:300px}
body.mobile #fim .fh2{font-size:40px;padding:0 20px}
body.mobile .pn{overflow:visible}
body.mobile #pp .pl{overflow:hidden}
body.mobile .scrollin{overflow:visible!important;max-height:none!important}
body.mobile #gSv{width:100%;height:auto}
body.mobile .hd{flex-wrap:wrap;row-gap:6px}
body.mobile .hd .r{margin-left:0;text-align:left;width:100%}
body.mobile .view [style*="display:flex;gap:8px;margin-top:12px"]{flex-wrap:wrap}
body.mobile .view [style*="grid-template-columns"]>*{min-width:0;max-width:100%}
body.mobile .view .pn{max-width:100%}
body.mobile .fr{min-width:0}
body.mobile #hand{position:relative;left:auto;bottom:auto;top:auto;width:auto;transform:none;display:none;grid-column:1/-1}
body.mobile #hand.on{display:block;opacity:1;transform:none}
body.mobile #hand .banner{white-space:normal}
body.mobile .view [style*="gap:14px;margin-top:4px"]{flex-direction:column;align-items:flex-start}
body.mobile .fl button{font-size:13px}

/* ===== OBJETIVO DO SISTEMA: reduzir custo e aumentar performance ===== */
#top .nm{letter-spacing:.01em}
#top .nm .obj{color:var(--ok);font-weight:600}
.obj2{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:0}
.ob{position:relative;border-radius:18px;padding:18px 22px 18px;overflow:hidden;border:1.5px solid rgba(127,212,155,.55);
  background:radial-gradient(120% 140% at 0% 0%,rgba(127,212,155,.16),rgba(127,212,155,.03) 55%),var(--pn);
  box-shadow:0 0 0 4px rgba(127,212,155,.07);transition:box-shadow .5s}
.obj2.subindo .ob{box-shadow:0 0 0 4px rgba(127,212,155,.22),0 0 46px rgba(127,212,155,.28)}
.ot{display:flex;align-items:center;gap:12px}
.ot .oi{width:34px;height:34px;border-radius:50%;background:var(--ok);color:#0B0D14;display:flex;align-items:center;justify-content:center;font:700 15px/1 'Inter';flex:none}
.ot .otx{font:700 17px/1 'Inter';letter-spacing:.14em;text-transform:uppercase;color:var(--ok)}
.ot .otx small{display:block;font:500 13.5px/1 'Inter';letter-spacing:0;text-transform:none;color:var(--tx2);margin-top:6px}
.ot .sl{margin-left:auto;font:600 11px/1 'Inter';letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1.2px solid var(--gold2);border-radius:20px;padding:7px 11px;white-space:nowrap}
.obb{display:flex;align-items:flex-end;gap:18px;margin-top:16px}
.ob .hl{flex:none;width:262px}
.ob .hn{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.ob .hn b{font:500 54px/1 'Playfair';color:#fff;font-variant-numeric:tabular-nums}
.ob .hn em{font:700 17px/1 'Inter';font-style:normal;color:#0B0D14;background:var(--ok);border-radius:20px;padding:6px 10px}
.ob .hs{font:600 14.5px/1.35 'Inter';color:var(--tx);margin-top:10px}
.ob .hs span{font-weight:500;color:var(--tx2);font-size:13px}
.spk{flex:none;display:flex;align-items:flex-end;gap:6px;height:112px;width:132px}
.spk .sb{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
.spk .sb u{display:block;width:100%;border-radius:5px 5px 2px 2px;background:rgba(127,212,155,.28);max-height:calc(100% - 17px)}
.spk .sb.cur u{background:linear-gradient(180deg,#A6EBBE,var(--ok));box-shadow:0 0 16px rgba(127,212,155,.45)}
.spk .sb span{font:500 11.5px/1 'Inter';color:var(--tx3)}
.spk .sb.cur span{color:var(--ok);font-weight:700}
.sis{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.sis.s3{grid-template-columns:1fr 1fr 1fr}
.si{position:relative;border-radius:12px;background:rgba(127,212,155,.07);border:1px solid rgba(127,212,155,.22);padding:12px 13px 11px;min-width:0}
.si .l{display:block;font:600 11px/1.15 'Inter';letter-spacing:.08em;text-transform:uppercase;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si b{display:block;font:500 31px/1 'Playfair';color:#fff;margin-top:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
.si small{display:block;font:500 12px/1.2 'Inter';color:var(--tx3);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si em{display:inline-block;font:700 13.5px/1 'Inter';font-style:normal;color:var(--ok);margin-top:7px}
/* visão geral compacta para caber o objetivo no topo */
.geral .k{padding:14px 20px}
.geral .k .l{font-size:11.5px}
.geral .k .n{font-size:32px;margin-top:9px}
.geral .k .n small{font-size:18px}
.geral .k .s{font-size:13.5px;margin-top:8px}
.geral .bar1{bottom:9px}
.geral .pad{padding:16px 22px}
.geral .lgd{margin-top:10px}
.geral .fun{gap:5px;margin-top:12px}
.geral .fr,.geral .fr .bx{height:39px}
.geral .fr .bx b{font-size:22px}
.geral .mini{margin-top:10px}
.geral .mi{padding:10px 14px}
.geral .mi b{font-size:25px}
.geral .mi span{font-size:12.5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.geral .al{gap:5px;margin-top:10px}
.geral .al button{padding:7px 12px;font-size:13.5px}
/* final da demonstração: frase embaixo, indicadores visíveis em cima */
#fim{inset:auto 0 0 0;height:430px;justify-content:flex-end;padding-bottom:46px;gap:16px;background:linear-gradient(180deg,rgba(6,7,11,0),rgba(6,7,11,.9) 26%,rgba(6,7,11,.97));backdrop-filter:none}
#fim .fh2{font-size:56px}
#fim .fs{font-size:19px}
#fim .fs b{color:var(--ok);font-weight:600}
body.mobile .obj2{display:flex;flex-direction:column}
body.mobile .obb{flex-wrap:wrap}
body.mobile .sis,body.mobile .sis.s3{grid-template-columns:1fr 1fr;flex-basis:100%}
body.mobile .ob .hn b{font-size:42px}
body.mobile #top .nm .obj{display:block;margin-top:4px;font-size:14px}
body.mobile #fim{height:auto;position:fixed}
/* ajustes de encaixe */
#top{gap:14px}
#top .nm{font-size:19.5px}
#top .selo{font-size:11px;letter-spacing:.12em;padding:9px 12px}
.obj2{grid-template-columns:.88fr 1.12fr}
.ob.perf .hl{width:318px}
.ob .hn b{font-size:50px}
.spk{width:116px}
.si .l{font-size:12.5px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--tx)}
.ob.perf .hl{width:296px}
.ob.perf .spk{width:104px}
.sis.s3{grid-template-columns:1.32fr 1fr .9fr}
.obb{margin-top:12px}
.geral .mi span{white-space:normal;overflow:visible;line-height:1.2}
body.mobile #top .nm .obj .dot{display:none}
body.mobile .ot{flex-wrap:wrap}
body.mobile .ot .otx{font-size:15px;flex:1;min-width:0}
body.mobile .ot .sl{order:3;margin-left:46px}
body.mobile .ob{padding:16px}
body.mobile .ob .hl,body.mobile .ob.perf .hl{width:100%}
body.mobile .spk,body.mobile .ob.perf .spk{width:100%;height:80px}
body.mobile .si .l,body.mobile .si small{white-space:normal}
body.mobile .ot .otx{flex:1 1 220px}