/* BLOCK WIN — navy + azul neon + ouro (override forte) */
:root {
  --bb-theme-bg: #000510;
  --bb-theme-bg-2: #000b1d;
  --bb-theme-surface: #001433;
  --bb-theme-card: #001a3d;
  --bb-theme-blue: #00a8ff;
  --bb-theme-blue-bright: #3db4ff;
  --bb-theme-cyan: #5ce1ff;
  --bb-theme-yellow: #ffd400;
  --bb-theme-yellow-2: #ffb700;
  --bb-theme-text: #ffffff;
  --bb-theme-muted: #9ad8ff;
  --bb-theme-online: #39ff14;
  --bb-theme-input: #001028;

  --bb-bg-top: #000b1d !important;
  --bb-bg-bottom: #000510 !important;
  --bb-grid-line: #00a8ff2e !important;
  --bb-cell: #001a3d8c !important;
  --bb-cell-border: #00a8ff55 !important;
}

html,
body {
  background-color: var(--bb-theme-bg) !important;
  color: var(--bb-theme-text);
}

.bb-app,
.bb-app-solid {
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%, #00a8ff40 0%, transparent 55%),
    radial-gradient(ellipse 70% 40% at 85% 15%, #003d7a66 0%, transparent 50%),
    linear-gradient(180deg, #000b1d 0%, #000510 100%) !important;
  color: #fff !important;
}

/* ── Botões ── */
.bb-btn-yellow,
button.bb-btn-yellow,
a.bb-btn-yellow,
.btn-primary,
.btn-gold,
.lp-btn-primary,
.panel-cta,
.sheet-cta {
  background: linear-gradient(180deg, #ffe566 0%, #ffd400 45%, #ffb700 100%) !important;
  color: #000814 !important;
  box-shadow: inset 0 2px #fff9, 0 6px #c47d16, 0 0 24px #ffd40066 !important;
  border-color: transparent !important;
}

.bb-btn-ghost-outline,
button.bb-btn-ghost-outline,
a.bb-btn-ghost-outline,
.bb-btn-outline,
.lp-btn-secondary,
.btn-ghost,
.btn-outline {
  background: #000b1dcc !important;
  color: #fff !important;
  border: 1.5px solid var(--bb-theme-cyan) !important;
  box-shadow: 0 0 14px #00a8ff55 !important;
}

.bb-btn-green,
.bb-btn-blue,
.bb-btn-purple,
.btn-accent {
  background: linear-gradient(180deg, #7aecff 0%, #00a8ff 55%, #0077c2 100%) !important;
  color: #000814 !important;
  box-shadow: inset 0 2px #ffffff80, 0 6px #0077c2 !important;
}

/* ── Overlay / sheet / modal (login + cadastro) ── */
.bb-overlay {
  background: #000510d0 !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.bb-sheet,
.bb-modal {
  background: linear-gradient(180deg, #001a3d 0%, #000b1d 100%) !important;
  border: 1.5px solid var(--bb-theme-blue) !important;
  box-shadow:
    inset 0 0 0 1px #3db4ff55,
    0 0 28px #00a8ff66,
    0 24px 60px #000000aa !important;
  color: #fff !important;
}

.bb-sheet {
  border-radius: 26px 26px 0 0 !important;
}

@media (min-width: 640px) {
  .bb-sheet {
    border-radius: 26px !important;
  }
}

.bb-close {
  background: #001028cc !important;
  color: #fff !important;
  border: 1px solid #00a8ff66 !important;
}

.bb-close:hover {
  background: #002552 !important;
  box-shadow: 0 0 12px #00a8ff88 !important;
}

/* Inputs dos modais (Tailwind arbitrary + fallbacks) */
.bb-sheet input,
.bb-modal input,
.bb-sheet textarea,
.bb-modal textarea,
input.h-12.rounded-2xl,
.bg-\[\#140a28\]\/70,
.bg-\[\#001028\]\/70 {
  background: #001028b3 !important;
  color: #fff !important;
  border: 1px solid #00a8ff44 !important;
  box-shadow: none !important;
}

.bb-sheet input:focus,
.bb-modal input:focus,
.bb-sheet textarea:focus,
.bb-modal textarea:focus,
input.h-12.rounded-2xl:focus,
.bg-\[\#140a28\]\/70:focus,
.bg-\[\#001028\]\/70:focus {
  border-color: var(--bb-theme-blue-bright) !important;
  box-shadow: 0 0 0 2px #00a8ff88, 0 0 16px #00a8ff55 !important;
  outline: none !important;
}

.bb-sheet label span,
.bb-modal label span {
  color: var(--bb-theme-muted) !important;
}

/* Cards / depoimentos / stats / como jogar */
.bb-testimonials-wrap,
.bb-review-card,
.bb-panel,
.lp-review,
.lp-stat,
.card,
.panel-card,
.stat-card,
.auth-card,
.bb-hero-frame {
  background: #001a3d !important;
  border: 1px solid var(--bb-theme-blue) !important;
  box-shadow: 0 0 0 1.5px #00a8ffaa, 0 0 18px #00a8ff55 !important;
}

.bb-review-card,
.bb-panel {
  background: #001a3d !important;
  border-radius: 20px !important;
}

.bb-review-card p,
.bb-review-card .text-\[\#e8dff5\],
.bb-review-card .text-\[\#d6ecff\],
.bb-panel .text-\[\#a7f3c0\],
.bb-panel .text-\[\#9ad8ff\],
.bb-panel p.text-sm {
  color: #9ad8ff !important;
}

.bb-testimonials-wrap {
  background: #001433 !important;
}

.bb-hero-frame {
  box-shadow: 0 0 0 2px #5ce1ffaa, 0 0 40px #00a8ff66, 0 20px 50px #000000aa !important;
}

.lp-live-pill,
.live-pill,
.online-pill {
  color: var(--bb-theme-muted) !important;
  border-color: #00a8ff66 !important;
  background: #001a3de6 !important;
  box-shadow: 0 0 12px #00a8ff44 !important;
}

.lp-title-money,
.lp-stat-value,
.stat-value,
.text-\[\#ffd400\] {
  color: var(--bb-theme-yellow) !important;
}

.lp-section-title,
.lp-howto-title,
.lp-title-accent {
  color: var(--bb-theme-yellow) !important;
}

/* Nav / install */
.bottom-nav,
.bb-bottom-nav {
  background: linear-gradient(#00a8ff1a, #0000 45%), #000510db !important;
  border-top-color: #00a8ff59 !important;
}

.nav-item.center .nav-circle {
  background: radial-gradient(circle at 35% 30%, #003a66, #000814) !important;
  box-shadow: 0 0 18px #00a8ff66 !important;
}

.install-bar,
.bb-install-bar {
  background: linear-gradient(135deg, #001a3d 0%, #000b1d 100%) !important;
  border-bottom: 1px solid #00a8ff66 !important;
  box-shadow: 0 4px 18px #00a8ff33 !important;
  color: #fff !important;
}

.install-bar-cta,
.bb-install-btn {
  background: linear-gradient(180deg, #ffe566 0%, #ffd400 45%, #ffb700 100%) !important;
  color: #000814 !important;
  box-shadow: 0 0 14px #ffd40055 !important;
  border: none !important;
}

/* Notificações ao vivo (depósito/saque) */
.bb-live-toast,
.live-toast {
  background: linear-gradient(180deg, #001a3d 0%, #000b1d 100%) !important;
  border: 1px solid #00a8ff !important;
  box-shadow: inset 0 0 0 1px #00a8ff66, 0 0 18px #00a8ff55, 0 10px 28px #00000080 !important;
  color: #fff !important;
}

/* Remapeia utilitários roxos/verdes residuais */
[class*="border-purple"],
[class*="border-fuchsia"],
[class*="ring-purple"],
[class*="border-green"],
[class*="ring-green"] {
  border-color: #00a8ff59 !important;
}

.text-\[\#b9a8d4\],
.text-\[\#9ad8ff\],
.text-purple-200,
.text-fuchsia-200,
.text-green-200,
.text-emerald-200 {
  color: var(--bb-theme-muted) !important;
}

.bg-\[\#140a28\],
.bg-\[\#1e1238\],
.bg-\[\#1a0a30\] {
  background-color: #001028 !important;
}