:root{--g:#0FB37F;--gb:#3EE0A6;--gl:#9CF3CF;--k:#0B1F1A;--mut:rgba(255,255,255,.68);--line:rgba(255,255,255,.16);--am:#ffd9a0;--verm:#ff9d9d;--azul:#bcd4ff}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#06110e;overflow:hidden;font-size:14px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
h1,h2,h3,.num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.025em}
:focus-visible{outline:2px solid var(--gb);outline-offset:2px}

/* fundo e vidro */
.bgl{position:fixed;inset:0;overflow:hidden;z-index:0}.bgl i{position:absolute;border-radius:50%;filter:blur(90px)}
.bgl .a{left:-120px;top:-100px;width:640px;height:640px;background:#0c7a58;opacity:.75}.bgl .b{right:-80px;top:40px;width:560px;height:560px;background:#1fbf8a;opacity:.45}.bgl .c{left:36%;bottom:-220px;width:760px;height:520px;background:#0a5a44;opacity:.8}
.bgl:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,transparent,rgba(3,10,8,.55) 90%)}
.gl{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.05) 60%);border:1px solid var(--line);backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.28)}

/* casca */
#raiz{position:relative;z-index:1;height:100%}
.app{position:absolute;inset:26px;display:grid;grid-template-columns:236px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:20px}
.side{padding:22px 16px 18px;display:flex;flex-direction:column;min-height:0;overflow:auto}
.side .logo{height:34px;width:auto;align-self:flex-start;margin:2px 8px 22px}
.nav a{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:16px;font-weight:600;font-size:14.5px;color:var(--mut);margin-bottom:3px}
.nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.nav svg,.ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav a.on{background:linear-gradient(135deg,rgba(62,224,166,.3),rgba(62,224,166,.1));color:#fff;box-shadow:inset 0 0 0 1px rgba(156,243,207,.35)}
.nav a b{margin-left:auto;background:var(--gb);color:var(--k);font-size:11.5px;border-radius:999px;padding:2px 8px}
.nav h6{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);margin:14px 14px 6px}
.me{margin-top:auto;display:flex;align-items:center;gap:11px;padding:12px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-size:13.5px;min-width:0}
.me i{width:36px;height:36px;flex:none;border-radius:50%;background:linear-gradient(135deg,#3EE0A6,#0A7A58);display:grid;place-items:center;font-style:normal;font-weight:700;color:var(--k)}
.me div{min-width:0;flex:1}.me strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me small{display:block;color:var(--mut);font-size:11.5px}
.me .sair{color:var(--mut);padding:6px;border-radius:10px}.me .sair:hover{background:rgba(255,255,255,.1);color:#fff}
.main{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0}
.conteudo{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding-right:2px}
.mbar{display:none}
.scrim{display:none}

/* cabeçalho de tela */
.top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.top h1{font-size:32px;line-height:1.05}.top p{font-size:14px;color:var(--mut);margin-top:7px;max-width:680px;line-height:1.5}
.acoes{display:flex;gap:10px;flex-wrap:wrap}

/* botões, campos, selos */
.bt,.bt2,.bt3{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;padding:10px 18px;border-radius:999px;white-space:nowrap;transition:transform .12s,opacity .12s,background .12s}
.bt{background:var(--gb);color:var(--k);box-shadow:0 0 22px rgba(62,224,166,.35)}
.bt2{background:rgba(255,255,255,.1);border:1px solid var(--line);color:#fff;font-weight:600;padding:9px 16px}
.bt3{background:rgba(255,157,157,.12);border:1px solid rgba(255,157,157,.35);color:var(--verm);font-weight:600;padding:9px 16px}
.bt:hover{transform:translateY(-1px)}.bt2:hover{background:rgba(255,255,255,.16)}
.bt:disabled,.bt2:disabled,.bt3:disabled{opacity:.5;cursor:default;transform:none}
.bt.peq,.bt2.peq,.bt3.peq{padding:7px 13px;font-size:12px}
.pill{font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;white-space:nowrap;display:inline-block}
.ok{color:var(--gb);background:rgba(62,224,166,.14)}.no{color:var(--am);background:rgba(255,200,120,.16)}.wt{color:var(--azul);background:rgba(150,190,255,.16)}.gr{color:var(--mut);background:rgba(255,255,255,.1)}.er{color:var(--verm);background:rgba(255,120,120,.16)}
.lb{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:12px 0 6px;display:block}
.campo,.fld{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:14px;padding:11px 14px;font-size:13.5px;line-height:1.5;color:#fff;outline:none;display:block}
.campo:focus,.fld:focus{border-color:rgba(156,243,207,.6);box-shadow:0 0 0 3px rgba(62,224,166,.15)}
.campo::placeholder{color:rgba(255,255,255,.4)}
textarea.campo{resize:vertical;min-height:90px}
select.campo{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
select.campo option{background:#0b1f1a;color:#fff}
.linha{display:flex;gap:8px;align-items:center}.linha>.campo{flex:1;min-width:0}
.dica{font-size:12px;color:var(--mut);line-height:1.5;margin-top:6px}
.msg{font-size:13px;line-height:1.45;padding:10px 14px;border-radius:14px;margin-top:10px}
.msg.ok{background:rgba(62,224,166,.14);color:var(--gb)}.msg.er{background:rgba(255,120,120,.16);color:var(--verm)}.msg.no{background:rgba(255,200,120,.16);color:var(--am)}
.vazio{padding:34px 20px;text-align:center;color:var(--mut);font-size:13.5px;line-height:1.55}
.carregando{padding:34px 20px;text-align:center;color:var(--mut)}
.carregando:before{content:"";display:block;width:22px;height:22px;margin:0 auto 10px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--gb);animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

/* cartões e grades */
.cartao{padding:20px 22px}
.cartao h3{font-size:20px}
.cartao .cab{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}
.cartao .sub{color:var(--mut);font-size:12.5px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpis>div{padding:16px 18px}.kpis small{font-size:12.5px;color:var(--mut)}.kpis .num{font-size:30px;margin-top:6px;display:block}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;align-items:start}
.acoes-cartao{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.abas{display:flex;gap:6px;padding:5px;border-radius:999px;align-self:flex-start;flex-wrap:wrap}
.abas button{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--mut)}
.abas button.on{background:rgba(255,255,255,.18);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chips button,.chips span{font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid var(--line);color:#fff}
.chips .on{background:rgba(62,224,166,.2);border-color:rgba(156,243,207,.5)}

/* login */
.login{position:absolute;inset:0;display:grid;place-items:center;padding:20px;overflow:auto}
.login .caixa{width:min(440px,100%);padding:34px 32px 30px;text-align:center}
.login .logo{height:34px;margin-bottom:6px}
.login .digi{width:150px;height:auto;margin:0 auto -6px;display:block}
.login h1{font-size:28px;margin:6px 0 4px}.login p.sub{color:var(--mut);font-size:14px;line-height:1.5;margin-bottom:18px}
.login form{text-align:left}.login .bt{width:100%;margin-top:18px;padding:13px}
.login .lb:first-child{margin-top:0}
.erro-login{animation:treme .35s}
@keyframes treme{20%{transform:translateX(-6px)}50%{transform:translateX(6px)}80%{transform:translateX(-3px)}}
.regras{font-size:12.5px;color:var(--mut);line-height:1.6;margin-top:8px}.regras .feito{color:var(--gb)}

/* chaves (integrações) */
.chave .atual{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:13px;font-variant-numeric:tabular-nums}
.chave .atual small{color:var(--mut);font-size:11.5px}
.qrbox{display:grid;place-items:center;margin-top:14px;padding:16px;border-radius:20px;background:rgba(0,0,0,.28);text-align:center;gap:10px}
.qrbox img{width:240px;height:240px;max-width:100%;background:#fff;border-radius:16px;padding:10px;image-rendering:pixelated}

/* leads */
.fun{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.fun>div{padding:14px 18px;position:relative}.fun small{font-size:12.5px;color:var(--mut)}.fun .num{font-size:30px;margin-top:4px;display:block}.fun em{position:absolute;right:14px;top:16px;font-style:normal;font-size:12px;color:var(--gb);font-weight:700}
.leads-g{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}
.tg{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;padding:9px 0;border-top:1px solid var(--line);cursor:pointer}
.tg input{appearance:none;width:38px;height:22px;border-radius:999px;background:rgba(255,255,255,.2);position:relative;cursor:pointer;flex:none;transition:background .15s}
.tg input:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s,background .15s}
.tg input:checked{background:var(--gb)}.tg input:checked:after{left:19px;background:var(--k)}
.rows{display:flex;flex-direction:column}
.r{display:grid;grid-template-columns:54px minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1.8fr) auto;gap:14px;align-items:center;padding:12px 6px;border-top:1px solid var(--line);font-size:13.5px}
.r.h{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:700;padding-top:0;border-top:0}
.r b.n{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis}.r small{color:var(--mut);font-size:12px;display:block;margin-top:2px}
.r .sig{font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.4}
.r .ac{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sc{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:'Gabarito',sans-serif;font-weight:800;font-size:15px;position:relative;background:conic-gradient(var(--gb) 0 var(--p),rgba(255,255,255,.18) 0)}
.sc:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#0a2a21}.sc b{position:relative}

/* conversas */
.conv{flex:1;min-height:0;display:grid;grid-template-columns:330px minmax(0,1fr) 280px;gap:16px}
.conv.sem-det{grid-template-columns:330px minmax(0,1fr)}
.lista{padding:18px 14px;display:flex;flex-direction:column;min-height:0}
.lista h3{font-size:21px;margin:0 6px 10px}
.lista .busca{margin:0 4px 10px}
.fl{display:flex;gap:6px;margin:0 4px 10px;flex-wrap:wrap}
.fl button{font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--mut)}
.fl button.on{background:rgba(255,255,255,.2);color:#fff}.fl b{color:var(--am)}
.itens{overflow:auto;flex:1;min-height:0}
.it{display:flex;gap:11px;padding:11px 10px;border-radius:18px;align-items:center;margin-bottom:2px;width:100%;text-align:left}
.it:hover{background:rgba(255,255,255,.07)}.it.on{background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(156,243,207,.3)}
.av{flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#3EE0A6,#0A7A58);display:grid;place-items:center;font-weight:700;color:var(--k);font-size:14px;position:relative}
.it .tx{min-width:0;flex:1}.it .l1{font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:8px}.it .l1 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.it time{font-weight:500;font-size:11.5px;color:var(--mut);flex:none}
.it p{font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.it .nl{background:var(--gb);color:var(--k);font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px;margin-left:6px}
.tag{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;display:inline-block;margin-top:3px}.tg1{background:rgba(62,224,166,.16);color:var(--gb)}.tg2{background:rgba(255,200,120,.18);color:var(--am)}.tg3{background:rgba(150,190,255,.2);color:var(--azul)}
.chat{display:flex;flex-direction:column;min-width:0;min-height:0}
.ch{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.ch h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch small{font-size:12px;color:var(--mut);display:block}.ch .tt{min-width:0}
.ch .volta{display:none;padding:6px;margin-left:-6px}
.mode{margin-left:auto;display:flex;padding:4px;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid var(--line);flex:none}
.mode button{padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--mut)}.mode button.on{background:var(--gb);color:var(--k)}
.ban{margin:12px 16px 0;padding:10px 14px;border-radius:16px;background:rgba(62,224,166,.12);border:1px solid rgba(156,243,207,.35);display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}.ban b{color:var(--gb)}.ban .bt,.ban .bt2{margin-left:auto}
.ban.alerta{background:rgba(255,200,120,.12);border-color:rgba(255,200,120,.4)}.ban.alerta b{color:var(--am)}
.msgs{flex:1;min-height:0;overflow:auto;padding:12px 18px;display:flex;flex-direction:column;gap:7px}
.m{max-width:72%;padding:9px 13px 7px;border-radius:17px;font-size:13.5px;line-height:1.42;position:relative;overflow-wrap:anywhere;white-space:pre-wrap}
.m small{display:flex;justify-content:flex-end;gap:5px;font-size:10.5px;opacity:.65;margin-top:3px;white-space:normal}
.m.c{background:rgba(255,255,255,.12);border-top-left-radius:4px;align-self:flex-start}
.m.d{background:linear-gradient(135deg,#17C38C,#0A8F66);border-top-right-radius:4px;align-self:flex-end}
.m.h{background:linear-gradient(135deg,#d8ffee,#9CF3CF);color:var(--k);border-top-right-radius:4px;align-self:flex-end}
.who{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;opacity:.75}
.sys{align-self:center;font-size:11.5px;color:var(--mut);background:rgba(0,0,0,.28);padding:5px 13px;border-radius:999px;text-align:center}
.m audio{display:block;width:250px;max-width:100%;height:36px}
.m img.foto{display:block;max-width:240px;max-height:240px;border-radius:12px;margin-bottom:4px;background:rgba(0,0,0,.2)}
.m .tr{font-size:12px;opacity:.9;margin-top:6px;padding-top:6px;border-top:1px solid rgba(128,128,128,.3);font-style:italic}
.m .doc{display:inline-flex;gap:8px;align-items:center;font-weight:600;text-decoration:underline}
.sg{margin:0 16px 8px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px dashed rgba(156,243,207,.5);font-size:12.8px}
.cp{margin:0 16px 16px;display:flex;align-items:flex-end;gap:8px;padding:8px;border-radius:26px;background:rgba(0,0,0,.32);border:1px solid var(--line);position:relative}
.cp .ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--mut);flex:none}.cp .ic:hover{background:rgba(255,255,255,.1);color:#fff}
.cp textarea{flex:1;min-width:0;min-height:38px;height:38px;background:none;border:0;outline:none;resize:none;max-height:120px;padding:9px 6px;line-height:1.4;font-size:14px}
.cp textarea::placeholder{color:rgba(255,255,255,.4)}
.snd{width:40px;height:40px;border-radius:50%;background:var(--gb);display:grid;place-items:center;flex:none;box-shadow:0 0 22px rgba(62,224,166,.5);color:var(--k);touch-action:none;user-select:none;-webkit-user-select:none}
.snd svg{stroke:var(--k);width:20px;height:20px}
.snd.gravando{background:#ff6b6b;box-shadow:0 0 0 0 rgba(255,107,107,.7);animation:rp 1.4s infinite}
@keyframes rp{70%{box-shadow:0 0 0 12px rgba(255,107,107,0)}}
.rec{position:absolute;inset:0;border-radius:26px;background:#0d2a22;display:flex;align-items:center;gap:12px;padding:0 60px 0 18px;border:1px solid rgba(255,157,157,.4)}
.rec .dot{width:11px;height:11px;border-radius:50%;background:#ff6b6b;flex:none;animation:pisca 1s infinite}@keyframes pisca{50%{opacity:.3}}
.rec b{font-variant-numeric:tabular-nums;font-size:14px}.rec small{font-size:12px;color:var(--mut);margin-left:auto;white-space:nowrap}
.rec.cancela small{color:var(--verm);font-weight:700}
.onda{display:flex;align-items:center;gap:2px;height:28px;flex:1;min-width:0;overflow:hidden}.onda u{width:3px;border-radius:2px;background:#ff9d9d;display:block;flex:none;min-height:3px}
.det{padding:20px 18px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}
.det .av{width:60px;height:60px;font-size:20px;margin:0 auto}.det h3{font-size:19px;text-align:center;overflow-wrap:anywhere}.det .ph{text-align:center;font-size:12.5px;color:var(--mut);margin-top:-6px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kv div{background:rgba(0,0,0,.26);border-radius:14px;padding:9px 12px;font-size:11.5px;color:var(--mut)}.kv b{display:block;color:#fff;font-size:14px;font-family:'Gabarito',sans-serif;margin-top:2px;overflow-wrap:anywhere}
.det .bt,.det .bt2{width:100%}

/* agente */
.ag-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.testechat{display:flex;flex-direction:column;gap:9px;margin:12px 0;max-height:420px;overflow:auto;padding:2px}
.testechat .m{max-width:85%}
.typing{align-self:flex-end;display:flex;gap:5px;background:rgba(62,224,166,.2);padding:11px 13px;border-radius:15px;border-top-right-radius:4px}.typing b{width:7px;height:7px;border-radius:50%;background:var(--gb);animation:pisca 1s infinite}.typing b:nth-child(2){animation-delay:.2s}.typing b:nth-child(3){animation-delay:.4s}

/* lista simples (campanhas, clientes) */
.tab{width:100%;border-collapse:collapse;font-size:13.5px}
.tab th{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:700;text-align:left;padding:0 8px 10px}
.tab td{padding:11px 8px;border-top:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere}
.fila-item{padding:12px 6px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.fila-item .t{flex:1;min-width:220px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}

/* aviso flutuante */
#avisos{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 40px))}
.aviso{padding:12px 16px;border-radius:16px;font-size:13.5px;line-height:1.4;background:#0d2a22;border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.4);animation:entra .2s}
.aviso.er{border-color:rgba(255,157,157,.5);color:var(--verm);background:#2a1414}.aviso.ok{border-color:rgba(62,224,166,.5)}
@keyframes entra{from{opacity:0;transform:translateY(8px)}}
.faixa{padding:8px 14px;border-radius:14px;background:rgba(255,200,120,.14);border:1px solid rgba(255,200,120,.4);color:var(--am);font-size:12.5px}

/* responsivo */
@media (max-width:1200px){
  .conv{grid-template-columns:300px minmax(0,1fr)}.conv .det{display:none}
  .leads-g,.ag-g{grid-template-columns:1fr}
}
@media (max-width:900px){
  .app{inset:10px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px}
  .mbar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:20px}
  .mbar img{height:26px;width:auto}.mbar button{padding:6px;border-radius:10px;color:#fff}.mbar .tit{font-weight:700;font-family:'Bricolage Grotesque',sans-serif;margin-left:auto;font-size:15px}
  .side{position:fixed;left:10px;top:10px;bottom:10px;width:min(280px,calc(100vw - 20px));z-index:40;transform:translateX(calc(-100% - 20px));transition:transform .22s;background:#0b1f1a}
  .side.aberta{transform:none}
  .scrim{display:block;position:fixed;inset:0;z-index:35;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .2s}.scrim.on{opacity:1;pointer-events:auto}
  .top h1{font-size:26px}
  .conv,.conv.sem-det{grid-template-columns:minmax(0,1fr)}
  .conv .chat{display:none}.conv.abre-chat .chat{display:flex}.conv.abre-chat .lista{display:none}
  .ch .volta{display:block}
  .m{max-width:88%}
  .r{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.r.h{display:none}.r .c-maps,.r .c-sig{grid-column:2 / -1}.r .c-zap{grid-column:2}.r .ac{grid-column:1 / -1;justify-content:flex-start}
  .cartao{padding:16px}
  .login .caixa{padding:26px 20px}
  #avisos{right:10px;left:10px;bottom:10px;max-width:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
@media (max-width:900px){.so-desk{display:none}}

/* cadastro e conta bloqueada */
.login .troca{margin-top:16px;text-align:center;font-size:13.5px;color:var(--mut)}
.login .troca a,.login .aceite a{color:var(--gb);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.login .aceite{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;line-height:1.5;color:var(--mut);cursor:pointer}
.login .aceite input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--gb)}
.armadilha{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.login .passos{text-align:left;display:flex;flex-direction:column;gap:10px;margin:14px 0 4px;font-size:14px;line-height:1.55;color:var(--mut)}.login .passos b{color:var(--gb)}
.login .bt2.largo{width:100%;margin-top:10px;padding:12px}
.nav a b.alerta{background:var(--am)}
.cartao.destaque{border-color:rgba(255,200,120,.45);box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px rgba(255,200,120,.2)}
.login .duas{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.login .caixa:has(.duas){width:min(580px,100%)}
@media (max-width:600px){.login .duas{grid-template-columns:1fr}}
.login .duas .lb:first-child{margin-top:12px}.login form>.duas:first-child .lb{margin-top:0}
@media (max-width:600px){.login form>.duas:first-child>div+div .lb{margin-top:12px}}