/* ══════════════════════════════════════════════════════
   AVIATOR SKIN — v3 OVERRIDE PROFISSIONAL
   Carregado por último para vencer qualquer cache antigo.
   Mexe APENAS na parte inferior (controles) + botão lateral.
   Topo (logo rubi, gráfico, cachorro/lebre) permanece igual.
   ══════════════════════════════════════════════════════ */

/* ─── BOTÃO LATERAL "ANTERIOR" (ver último gráfico) ─── */
.av-screen { position: relative; }
.av-prev-btn{
  position: absolute !important;
  top: 10px; right: 10px;
  z-index: 6;
  display: inline-flex; align-items:center; gap:6px;
  padding: 7px 12px;
  background: linear-gradient(180deg, rgba(45,0,18,.92), rgba(20,0,8,.92));
  border: 1px solid rgba(240,192,64,.45);
  color: #ffe28a;
  font-family: var(--font-mono); font-size: 11px; font-weight:700;
  letter-spacing: 1px; text-transform: uppercase;
  border-radius: 999px; cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
  transition: transform .15s, box-shadow .2s;
}
.av-prev-btn:hover{ transform: translateY(-1px); box-shadow: 0 6px 18px rgba(240,192,64,.35), inset 0 1px 0 rgba(255,255,255,.2); }
.av-prev-btn:active{ transform: translateY(0); }
.av-prev-btn .dot{
  width:6px;height:6px;border-radius:50%;
  background:#ff1744; box-shadow:0 0 8px rgba(255,23,68,.8);
  animation: prevPulse 1.4s ease-in-out infinite;
}
@keyframes prevPulse{ 0%,100%{opacity:.6} 50%{opacity:1} }

/* Modal do gráfico anterior */
.av-prev-modal{
  position: fixed; inset:0; z-index: 999;
  display: none; align-items:center; justify-content:center;
  background: rgba(0,0,0,.78); backdrop-filter: blur(8px);
  padding: 16px;
}
.av-prev-modal.open{ display:flex; }
.av-prev-box{
  width: 100%; max-width: 440px;
  background: radial-gradient(ellipse at top, #3d0018, #1a0008);
  border: 1px solid rgba(240,192,64,.4);
  border-radius: 18px; padding: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.7), 0 0 30px rgba(192,0,42,.3);
}
.av-prev-title{
  font-family: var(--font-display); font-size: 14px; letter-spacing: 2px;
  color: #ffe28a; text-align:center; margin-bottom: 12px; text-transform: uppercase;
}
.av-prev-chart{
  height: 200px; border-radius: 12px;
  background:
    radial-gradient(ellipse 80% 60% at 50% 100%, rgba(255,23,68,.22), transparent 70%),
    rgba(0,0,0,.6);
  border: 1px solid rgba(192,0,42,.4);
  position: relative; overflow: hidden;
  box-shadow: inset 0 0 40px rgba(0,0,0,.6);
}
.av-prev-chart canvas{ position:absolute; inset:0; width:100%; height:100%; }
.av-prev-multi{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family: var(--font-mono); font-size: 44px; font-weight:900;
  background: linear-gradient(180deg,#ff4d6d,#c2003a);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 0 30px rgba(255,23,68,.4);
}
.av-prev-grid{
  display:grid; grid-template-columns: repeat(5, 1fr); gap:6px;
  margin-top: 12px;
}
.av-prev-grid .h-chip{
  text-align:center; padding: 6px 0 !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}
.av-prev-close{
  margin-top: 14px; width:100%;
  padding: 12px; border:none; border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.1);
  color:#fff; font-family: var(--font-mono); font-weight:700; letter-spacing:1px;
  cursor:pointer; text-transform: uppercase; font-size: 12px;
}
.av-prev-close:hover{ background: rgba(255,255,255,.18); }

/* ════════════════════════════════════════════
   OVERRIDES FORTES — controles inferiores
   (use seletores muito específicos para vencer
    qualquer regra antiga em cache)
   ════════════════════════════════════════════ */

body.av-body .av-bet-card{
  background: linear-gradient(180deg, #1f2227 0%, #15171b 100%) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.5),
    0 10px 28px rgba(0,0,0,.6) !important;
}

/* Stepper (- input +) — pílula escura premium */
body.av-body .av-stepper{
  background: linear-gradient(180deg, #0c0d10, #14161a) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 999px !important;
  padding: 5px !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,.6) !important;
}
body.av-body .av-step{
  width: 34px !important; height: 34px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 30%, #4a4d54, #1d1f23 70%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 20px !important; font-weight: 700; line-height: 1;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 -1px 0 rgba(0,0,0,.4),
    0 2px 6px rgba(0,0,0,.5) !important;
}
body.av-body .av-step:hover{ background: radial-gradient(circle at 30% 30%, #5b5e66, #25272c 70%) !important; }
body.av-body .av-step:active{ transform: translateY(1px); }

body.av-body .av-bet-input{
  background: transparent !important;
  color: #ffe28a !important;
  text-align:center !important;
  font-family: var(--font-mono) !important;
  font-size: 22px !important; font-weight: 800 !important;
  text-shadow: 0 0 10px rgba(255,210,80,.25) !important;
  border: none !important; outline: none !important;
  letter-spacing: 1px;
}

/* Botões rápidos 10/20/50/100 — pílulas escuras com hint dourado */
body.av-body .av-quick{
  display:grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
}
body.av-body .av-q{
  background: linear-gradient(180deg, #2a2d33 0%, #1a1c20 100%) !important;
  border: 1px solid rgba(255,226,138,.18) !important;
  color: #e5e5ea !important;
  padding: 9px 0 !important;
  border-radius: 10px !important;
  font-family: var(--font-mono) !important;
  font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: .5px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.4),
    0 2px 6px rgba(0,0,0,.4) !important;
  cursor:pointer; transition: all .15s;
}
body.av-body .av-q:hover{
  background: linear-gradient(180deg, #3a3d44 0%, #25272c 100%) !important;
  border-color: rgba(255,226,138,.45) !important;
  color: #ffe28a !important;
  transform: translateY(-1px);
}
body.av-body .av-q:active{ transform: translateY(0); }

/* AUTO PANEL — escuro premium */
body.av-body .av-auto-panel{
  background: linear-gradient(180deg, #1f2227, #15171b) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 6px 18px rgba(0,0,0,.5) !important;
}
body.av-body .av-auto-row{ color: #d0d0d5 !important; font-size: 13px !important; }
body.av-body .av-auto-input{
  background: linear-gradient(180deg, #0c0d10, #14161a) !important;
  border: 1px solid rgba(255,226,138,.2) !important;
  border-radius: 10px !important;
  padding: 6px 12px !important;
}
body.av-body .av-auto-input input{
  background: transparent !important; color: #ffe28a !important;
  font-family: var(--font-mono) !important; font-weight: 700 !important;
  text-align:right; width: 64px; border:none; outline:none;
  font-size: 14px;
}
body.av-body .av-auto-input span{ color: #ffe28a; font-weight:700; }
body.av-body .av-auto-toggle{ color:#d0d0d5 !important; font-size: 13px; }

/* SUBTABS Apostas / Anterior / Topo — alinhadas e dark */
body.av-body .av-subtabs{
  background: linear-gradient(180deg, #1f2227, #15171b) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.4),
    0 4px 14px rgba(0,0,0,.5) !important;
}
body.av-body .av-subtab{
  color: #9a9aa0 !important; font-weight: 600 !important; font-size: 13px !important;
}
body.av-body .av-subtab.active{
  background: linear-gradient(180deg, rgba(255,226,138,.18), rgba(255,226,138,.05)) !important;
  color: #ffe28a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 2px 6px rgba(0,0,0,.4) !important;
}

/* SUMMARY (5 Apostas / Ganho total) */
body.av-body .av-summary{
  background: linear-gradient(180deg, #1f2227, #15171b) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
}
body.av-body .av-sum-count{ color:#9a9aa0 !important; font-size: 12px; }
body.av-body .av-sum-label{ color:#9a9aa0 !important; font-size: 11px; }

/* PLAYERS HEAD — legível */
body.av-body .av-players-head{
  color: #8a8a90 !important; font-size: 11px !important;
  padding: 10px 18px !important;
}

/* Garantia anti-default: nunca deixar input com fundo branco do navegador */
body.av-body input[type="number"]{
  -webkit-text-fill-color: inherit;
  background-color: transparent !important;
}

/* Responsivo extra */
@media (max-width: 380px){
  body.av-body .av-bet-input{ font-size: 19px !important; }
  body.av-body .av-q{ font-size: 12px !important; padding: 8px 0 !important; }
  .av-prev-btn{ font-size: 10px; padding: 6px 10px; }
}

/* ════════════════════════════════════════════
   V4 FIXES — bet card layout + multi position
   ════════════════════════════════════════════ */

/* Garante que o card de aposta tem 2 colunas e o botão verde aparece sempre */
body.av-body .av-bet-card{
  display: grid !important;
  grid-template-columns: 1fr 1.35fr !important;
  gap: 12px !important;
  margin: 0 12px !important;
  align-items: stretch !important;
}
body.av-body .av-bet-left{
  display: flex !important; flex-direction: column !important; gap: 10px !important;
  min-width: 0 !important;
}
/* Quick buttons 2x2 para não estourar a coluna */
body.av-body .av-quick{
  grid-template-columns: repeat(2, 1fr) !important;
}

/* BOTÃO PRINCIPAL — sempre visível, estilo aviator */
body.av-body .av-bet-btn{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 110px !important;
  width: 100% !important;
  padding: 10px 8px !important;
  border-radius: 16px !important;
  cursor: pointer !important;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg,#3cdb6a 0%, #28b04a 45%, #1a8c39 100%) !important;
  border: 1px solid #7af09a !important;
  color: #fff !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.25),
    0 8px 22px rgba(30,168,63,.45),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -3px 0 rgba(0,0,0,.18) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
  transition: transform .12s, box-shadow .2s;
}
body.av-body .av-bet-btn::before{
  content:''; position:absolute; top:0; left:0; right:0; height:48%;
  background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0));
  border-radius: 16px 16px 50% 50% / 16px 16px 100% 100%;
  pointer-events:none;
}
body.av-body .av-bet-btn-title{ font-size: 22px !important; font-weight: 800 !important; letter-spacing:.5px !important; line-height:1.1; }
body.av-body .av-bet-btn-sub{ font-size: 17px !important; font-weight: 700 !important; opacity: .95 !important; margin-top: 4px; }

body.av-body .av-bet-btn.cashout{
  background: linear-gradient(180deg,#ffe28a 0%, #f0c040 40%, #c9961a 100%) !important;
  border-color:#fff3c2 !important;
  color:#1a0008 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
  animation: goldPulse 1.4s ease-in-out infinite;
}
body.av-body .av-bet-btn.disabled{
  background: linear-gradient(180deg,#3a3a3d,#222226) !important;
  border-color:#3a3a3d !important; color:#888 !important; cursor:not-allowed !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 6px rgba(0,0,0,.4) !important;
  animation: none !important;
}
body.av-body .av-bet-btn.disabled::before{ display:none; }
body.av-body .av-bet-btn:active{ transform: translateY(2px); }

/* Multiplicador: empurra um pouco pra baixo, libera topo (cachorro/lebre) */
body.av-body .av-multi{
  align-items: flex-end !important;
  padding-bottom: 56px !important;
}
body.av-body .av-multi-label{
  bottom: 18px !important;
  z-index: 4;
}

/* Botão de "três pontinhos" no histórico — visual de clicável */
.av-chips-more{ cursor: pointer; }
.av-chips-more:hover{ background: linear-gradient(180deg, rgba(255,226,138,.25), rgba(255,226,138,.08)) !important; border-color: rgba(255,226,138,.5) !important; }

@media (max-width: 380px){
  body.av-body .av-bet-card{ grid-template-columns: 1fr 1.25fr !important; gap: 10px !important; }
  body.av-body .av-bet-btn{ min-height: 100px !important; }
  body.av-body .av-bet-btn-title{ font-size: 19px !important; }
  body.av-body .av-bet-btn-sub{ font-size: 15px !important; }
  body.av-body .av-multi{ padding-bottom: 48px !important; }
}