/* BOTOES PREMIUM do BTube (Beto 08/10, print do botao "BILHETE MMABET"): TODOS os botoes assim, nada chapado.
   Fundo verde bem escuro, linha verde fina com brilho leve, cantos arredondados, escrita e icones BRANCO PURO (Beto 08/10 21h: verde atrapalha ler).
   Carregado por ULTIMO em todas as paginas (vence style/admin/neon/obs/sorteio). Cores tiradas do print. */
:root{
  --pb-bg:#04140A;--pb-bg-h:#06200F;--pb-line:#31593E;--pb-line-h:#4E8A61;--pb-line-on:#5FCF7A;
  --pb-txt:#FFFFFF;--pb-txt-dim:#FFFFFF;--pb-r:16px;
  --pb-glow:0 0 0 1px rgba(16,52,28,.55),0 0 8px rgba(40,140,70,.28);
  --pb-glow-h:0 0 0 1px rgba(16,52,28,.6),0 0 14px rgba(57,207,106,.35);
  --pb-red-bg:#16060A;--pb-red-line:#6B2A35;--pb-red-txt:#FF6B81;
}
html body :is(.send,.pinbig,.sb-csv,.inst-b,.pin-btn,a.guia-btn,.mbtn,.btn,.snd,.pipb,.chip,.reopen,.ob-cp,.tabs button,.ob-tabs button,.ulogin .ubtn),
html body #lopen{
  border:1px solid var(--pb-line)!important;border-radius:var(--pb-r)!important;
  background:var(--pb-bg)!important;color:var(--pb-txt)!important;-webkit-text-fill-color:var(--pb-txt);
  text-shadow:none!important;box-shadow:var(--pb-glow)!important;filter:none;
  font-family:var(--display,inherit)!important;font-weight:800!important;letter-spacing:.01em;transition:border-color .15s,box-shadow .15s,background-color .15s,color .15s;
}
html body :is(.send,.pinbig,.sb-csv,.inst-b,.pin-btn,a.guia-btn,.mbtn,.btn,.snd,.pipb,.chip,.reopen,.ob-cp,.tabs button,.ob-tabs button,.ulogin .ubtn):hover,
html body #lopen:hover{background:var(--pb-bg-h)!important;border-color:var(--pb-line-h)!important;box-shadow:var(--pb-glow-h)!important;filter:none}
html body :is(.send,.pinbig,.sb-csv,.inst-b,.pin-btn,.mbtn,.btn,.snd,.pipb,.chip,.reopen,.ob-cp,.tabs button,.ob-tabs button,.ulogin .ubtn):active,
html body #lopen:active{filter:brightness(1.15)}
/* icones desenhados por mascara: brancos */
html body :is(.sheet .send,.login .send,.pinbig,.sb-csv,.lk-btns .send,.ob-cp)::before{background:var(--pb-txt)!important;filter:none!important}
html body .ulogin .ubtn .ulog{color:var(--pb-txt);font-family:var(--display,inherit);font-weight:800}
/* video: botao por cima da imagem fica um pouco transparente */
html body .pipb{background:rgba(4,20,10,.86)!important}
html body .snd{box-shadow:var(--pb-glow),0 8px 28px rgba(0,0,0,.55)!important}
/* aba/escolha ATIVA: mesma cara, linha acesa */
html body :is(.tabs button.on,.ob-wrap .ob-tabs button[aria-selected=true],.btn.modon,.ob-cp.ok){
  border-color:var(--pb-line-on)!important;color:var(--pb-txt)!important;-webkit-text-fill-color:var(--pb-txt);box-shadow:var(--pb-glow-h)!important;background:var(--pb-bg-h)!important}
html body .tabs button:not(.on),html body .ob-tabs button:not([aria-selected=true]){color:var(--pb-txt-dim)!important;-webkit-text-fill-color:var(--pb-txt-dim)}
html body .mbtn.ghost{color:var(--pb-txt-dim)!important;-webkit-text-fill-color:var(--pb-txt-dim)}
/* perigo (apagar/banir): mesmo estilo em vermelho */
html body :is(.mbtn.danger,.btn.danger){background:var(--pb-red-bg)!important;border-color:var(--pb-red-line)!important;color:var(--pb-red-txt)!important;-webkit-text-fill-color:var(--pb-red-txt);box-shadow:0 0 0 1px rgba(60,12,20,.55),0 0 8px rgba(255,77,109,.18)!important}
html body :is(.mbtn.danger,.btn.danger):hover{border-color:#A33A4C!important;box-shadow:0 0 14px rgba(255,77,109,.3)!important}
html body :is(.mbtn.danger.on,.btn.on,.cn .btn.on,.cs .btn.on){background:#24070D!important;border-color:var(--pb-red-txt)!important;color:var(--pb-red-txt)!important;-webkit-text-fill-color:var(--pb-red-txt)}
html body :is(.send,.pinbig,.sb-csv,.mbtn,.btn,.inst-b):disabled{opacity:.45;box-shadow:none!important;cursor:default}
/* botoes redondos de icone (voltar, fechar): mesma pele, continuam redondos */
html body :is(.back,.mx,.x){background:var(--pb-bg)!important;border:1px solid var(--pb-line)!important;color:var(--pb-txt)!important;box-shadow:var(--pb-glow)!important}
html body :is(.back,.mx,.x):hover{background:var(--pb-bg-h)!important;border-color:var(--pb-line-h)!important;box-shadow:var(--pb-glow-h)!important}
/* links clicaveis (Mostrar senha, Criar conta nova, Esqueci a senha, Sair, Termos): escrita, sublinhado e icone brancos */
html body .rlink,html body .rlink>span{color:#fff!important;-webkit-text-fill-color:#fff;text-decoration-color:#fff!important}
html body .rlink::before{background:#fff!important}
html body .out{color:#fff!important}
html body :is(.sheet,.login,.so-entrada) a:not(.btn):not(.mbtn):not(.send){color:#fff!important;text-decoration-color:#fff}
/* BZAP (09/10, v2 a pedido do Beto): so um iconezinho FLUTUANTE no canto de baixo (igual o zap das lojas), sem tampar o chat da live */
html body .bzcta{position:fixed;right:12px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:40;display:block;width:54px;height:54px;padding:0;margin:0;
  border-radius:50%;border:1px solid var(--pb-line);background:#000;box-shadow:0 4px 16px rgba(0,0,0,.55),0 0 14px rgba(62,240,107,.35);overflow:hidden;text-decoration:none}
html body .bzcta[hidden]{display:none}
html body .bzcta:active{filter:brightness(1.15)}
.bzcta .bzic{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.bzcta .bzt,.bzcta .bzgo{display:none}
@media (orientation:landscape) and (max-height:540px){html body .bzcta{display:none}}
html.pop .bzcta{display:none!important}
