/* ===== Deposito no estilo do original: folha com banner + botoes neon ===== */
.dep-sheet { margin-top: 14px; border-radius: 22px; overflow: hidden; background: linear-gradient(180deg, #1a1236f2, #110b24f2); border: 1px solid #ffffff1c; box-shadow: 0 24px 60px #000a, 0 0 0 1px #7c5cff22; }
.dep-banner { display: block; width: 100%; aspect-ratio: 3 / 1; object-fit: cover; }
.dep-sheet .deposit-head { margin: 0; border: 0; border-radius: 0; border-bottom: 1px solid #ffffff12; }
.dep-body { padding: 16px; }
.dep-body .label-up { margin-top: 2px; }
.dep-body .money-row { background: #0d0820; border-color: #ffffff24; }

/* botoes: cada efeito tem cor de borda, brilho, etiqueta e degrade interno */
.entry-chip.dep { --c: #8f8aa8; --glow: #8f8aa833; --tag-bg: #3b3456; --tag-fg: #fff;
  position: relative; padding: 15px 6px 13px; border-radius: 12px; border: 1.5px solid var(--c);
  background: radial-gradient(120% 90% at 50% 120%, var(--glow), transparent 60%), #120c26;
  box-shadow: 0 0 0 1px #0006 inset, 0 0 14px var(--glow); color: #fff; font-weight: 900; font-size: 1rem; letter-spacing: .02em;
  transition: transform .12s, box-shadow .15s, background .15s; }
.entry-chip.dep:hover { transform: translateY(-2px); box-shadow: 0 0 22px var(--glow); }
.entry-chip.dep.on { background: radial-gradient(120% 120% at 50% 110%, var(--glow), transparent 75%), linear-gradient(180deg, #ffffff14, #ffffff05), #1a1236; box-shadow: 0 0 0 2px var(--c), 0 0 26px var(--glow); color: #fff; transform: translateY(-2px); }
.entry-chip.dep .chip-tag { background: var(--tag-bg); color: var(--tag-fg); box-shadow: 0 0 10px var(--glow); font-size: .58rem; padding: 2px 9px; top: -9px; }
.entry-chip.dep.dep-verde { --c: #1fe07a; --glow: #1fe07a55; --tag-bg: #1fe07a; --tag-fg: #04261a; }
.entry-chip.dep.dep-amarelo { --c: #ffc43d; --glow: #ffc43d55; --tag-bg: #ffc43d; --tag-fg: #3a2a00; }
.entry-chip.dep.dep-vermelho { --c: #ff4d6d; --glow: #ff4d6d55; --tag-bg: #ff4d6d; --tag-fg: #fff; }
.entry-chip.dep.dep-roxo { --c: #9d6bff; --glow: #ffcf5c40; --tag-bg: #8b5cf6; --tag-fg: #fff; }
.entry-chip.dep.dep-roxo { box-shadow: 0 0 0 1px #0006 inset, 0 0 14px #9d6bff55; }
.entry-chip.dep.dep-neon { --c: #2ec5ff; --glow: #2ec5ff66; --tag-bg: #2ec5ff; --tag-fg: #002233; animation: depneon 1.8s ease-in-out infinite; }
@keyframes depneon { 50% { box-shadow: 0 0 26px #2ec5ffaa; } }
.entry-chip.dep.dep-neutro { --c: #4a4366; --glow: #ffffff12; --tag-bg: #4a4366; }

/* legenda do banner (regra real da promocao) */
.dep-banner-wrap { position: relative; }
.dep-banner { aspect-ratio: auto; }
.dep-caption { background: #0d0820; border-bottom: 1px solid #ffffff14; color: #e8e0ff; font-size: .78rem; font-weight: 600; padding: 8px 14px; text-align: center; }
.dep-caption a { color: #ffd166; font-weight: 800; }

/* ===== Fundo roxo do painel (igual ao original) ===== */
body.logged:not(.game-page):not(.admin-page) { background: linear-gradient(180deg, #080c1830 0%, #080c1866 100%), var(--img-panel, url(/img/bg-panel-dark.png)) center / cover fixed no-repeat, #1b0e3d; }
body.auth-page { background: linear-gradient(180deg, #080c1830 0%, #080c1866 100%), var(--img-panel, url(/img/bg-panel-dark.png)) center / cover fixed no-repeat, #1b0e3d; }
body.logged .panel, body.logged .dep-sheet { background: linear-gradient(180deg, #2a1a5ce6, #1d1145ee); border-color: #ffffff22; }
body.logged .lobby .panel { background: linear-gradient(180deg, #2b1b60e6, #1f1248f0); }

/* ===== Barra inferior compacta e centralizada (como o original) ===== */
.bottom-nav { justify-content: center; gap: 0; background: linear-gradient(180deg, #1d1140f5, #140b30); }
.bottom-nav a { flex: 0 0 auto; width: 78px; gap: 4px; font-size: .68rem; font-weight: 600; color: #b9b0dd; }
.bottom-nav a.on { color: #fff; }
.bottom-nav .nav-play { width: 86px; color: #ffd166; }
.nav-ic { width: 20px; height: 20px; }
.nav-orb { width: 52px; height: 52px; }

/* rodape legivel sobre o fundo ilustrado */
body.logged footer.foot { background: #0d081ed9; border-top: 1px solid #ffffff14; margin-top: 24px; padding-bottom: 110px; }

/* ===== Saque (igual ao modal do original) ===== */
.wd-sheet .dep-body { display: flex; flex-direction: column; gap: 12px; }
.wd-sheet form { display: flex; flex-direction: column; gap: 12px; }
.wd-bal { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 14px; background: #ffffff08; border: 1px solid #ffffff1c; }
.wd-ico { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 900; font-size: .85rem; color: #1fe07a; background: #1fe07a1f; border: 1.5px solid #1fe07a77; }
.wd-bal small { display: block; font-size: .68rem; font-weight: 800; letter-spacing: .06em; color: #b9b0dd; }
.wd-bal b { font-size: 1.15rem; font-weight: 900; }
.wd-locked { font-size: .72rem; color: #ffd166; margin-top: 2px; }
.pfx-row { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0 14px; border-radius: 12px; background: #120c2a; border: 1px solid #7c5cff55; cursor: text; }
.pfx-row span { font-weight: 900; font-size: .85rem; color: #c9c0ee; min-width: 26px; }
.pfx-row input { flex: 1; border: 0 !important; background: transparent !important; outline: none !important; color: #fff; padding: 14px 0; font-size: .95rem; }
.pfx-row input[readonly] { color: #b9b0dd; }
.pfx-row:focus-within { border-color: #a78bfa; box-shadow: 0 0 0 3px #7c5cff33; }
.wd-all { align-self: flex-end; margin-top: -8px; }
.wd-notice { padding: 11px 14px; border-radius: 12px; border: 1px solid #ffc43d66; background: #ffc43d12; color: #ffd27a; font-size: .8rem; font-weight: 600; }
.wd-help { margin: 0; color: #c9c0ee; font-size: .85rem; }
.btn.wd-btn { padding: 15px; border-radius: 999px; font-size: .95rem; color: #04261a; background: linear-gradient(135deg, #10e08a, #00b56e); box-shadow: 0 10px 28px #00d07a55; text-transform: none; letter-spacing: 0; font-weight: 900; }