/* =====================================================================
   Painel IA Premium — RX7
   CSS vanilla (conversão fiel do HTML/Tailwind de referência)
   Prefixo de classe: .pip-*
   Mobile-first. Sem dependências externas.
   ===================================================================== */

/* ---------- CONTAINER PRINCIPAL ---------- */
.pip-panel {
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 0 auto 12px;
  padding: 0 8px;
  font-family: "Exo 2", "Inter", system-ui, -apple-system, sans-serif;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.pip-hidden { display: none !important; }

/* ---------- BLOCO DAS ABAS (PLACAR / SIMULADOR) ---------- */
.pip-tabs-card {
  position: relative;
  background: #232936;
  border: 1px solid #2D3548;
  border-radius: 12px;
  padding: 8px 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
  isolation: isolate;
  overflow: hidden;
}

/* Shimmer interno bem sutil — radial gradient animado em opacity baixíssima */
.pip-tabs-card::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.06) 0%, transparent 55%);
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
  animation: pip-shimmer 7s ease-in-out infinite;
  mix-blend-mode: overlay;
  will-change: transform;
}

.pip-tabs-card > * { position: relative; z-index: 1; }

.pip-tabs {
  display: flex;
  border-bottom: 1px solid #2D3548;
  margin-bottom: 8px;
}

.pip-tab {
  flex: 1;
  background: transparent;
  border: none;
  padding: 6px 4px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #71717a;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
  font-family: inherit;
}

.pip-tab:hover { color: #d4d4d8; }

.pip-tab--active-placar {
  color: #10B981;
  border-bottom-color: #10B981;
}

.pip-tab--simulador {
  border-radius: 6px;
  margin: 0 2px;
  border: 1px solid rgba(234, 179, 8, 0.4);
  background-color: rgba(234, 179, 8, 0.12);
  color: #facc15;
  box-shadow:
    0 0 10px rgba(234, 179, 8, 0.6),
    0 0 25px rgba(234, 179, 8, 0.3);
}

.pip-tab--simulador:hover { color: #fde047; }

.pip-tab--simulador.pip-tab--active-simulador {
  background-color: rgb(234, 179, 8);
  color: #000;
  border-color: rgba(234, 179, 8, 0.7);
  box-shadow:
    0 0 5px rgba(234, 179, 8, 0.3),
    0 0 14px rgba(234, 179, 8, 0.15);
}

/* ---------- ABA PLACAR ---------- */
.pip-placar-label {
  color: #a1a1aa;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 6px;
}

.pip-placar-metrics {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.pip-metric { text-align: center; }

.pip-metric-value {
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
}

.pip-metric-value--green { color: #10B981; }
.pip-metric-value--red { color: #f87171; }
.pip-metric-value--cyan { color: #10B981; }

.pip-metric-label {
  color: #a1a1aa;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 2px 0 0;
}

.pip-metric-sep {
  color: #52525b;
  font-size: 18px;
  font-weight: 800;
}

.pip-metric-divider {
  width: 1px;
  height: 28px;
  background-color: #2D3548;
}

.pip-placar-disclaimer {
  color: #52525b;
  font-size: 8px;
  text-align: center;
  margin: 8px 0 0;
}

/* ---------- ABA SIMULADOR ---------- */
.pip-simulador-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.pip-sim-card {
  background: #232936;
  border: 1px solid #2D3548;
  border-radius: 8px;
  padding: 10px;
}

.pip-sim-card-label {
  color: #71717a;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 0 4px;
}

.pip-sim-card-value {
  font-size: 18px;
  font-weight: 900;
  margin: 0;
}

.pip-sim-card-value--green { color: #10B981; }
.pip-sim-card-value--red { color: #f87171; }
.pip-sim-card-value--white { color: #fff; }

.pip-sim-card-sub {
  color: #71717a;
  font-size: 8px;
  margin: 2px 0 0;
}

.pip-sim-history {
  background: #232936;
  border: 1px solid #2D3548;
  border-radius: 8px;
  padding: 12px;
  margin-top: 8px;
}

.pip-sim-history-empty .pip-sim-history-empty-label {
  color: #52525b;
  font-size: 10px;
  font-style: italic;
}

.pip-sim-history-label {
  color: #a1a1aa;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 0 8px;
}

.pip-sim-history-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 160px;
  overflow-y: auto;
}

.pip-sim-history-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}

.pip-sim-history-date {
  color: #a1a1aa;
  font-family: "JetBrains Mono", monospace;
}

.pip-sim-history-stats {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pip-sim-history-greens { color: #10B981; font-size: 10px; }
.pip-sim-history-reds { color: #f87171; font-size: 10px; }
.pip-sim-history-profit { font-weight: 800; }
.pip-sim-history-profit--pos { color: #10B981; }
.pip-sim-history-profit--neg { color: #f87171; }

.pip-sim-disclaimer {
  color: #52525b;
  font-size: 8px;
  text-align: center;
  margin: 8px 0 0;
}

/* ---------- CARD DE SINAL (envoltório) ---------- */
.pip-signal-wrap {
  display: block;
  margin-bottom: 12px;
}

/* ---------- ESTADO: ANALISANDO HISTÓRICO ---------- */
.pip-analyzing {
  /* FIX 2026-06-04: caixa cinza do "analisando" removida (sem fundo/borda). */
  background: transparent;
  border: none;
  border-radius: 12px;
  overflow: visible;
}

.pip-analyzing-head {
  /* FIX 2026-06-04: cabeçalho cinza removido (sem fundo/borda). */
  background: transparent;
  padding: 8px 16px;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pip-analyzing-head-title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  margin: 0;
}

.pip-analyzing-head-time {
  color: #a1a1aa;
  font-size: 10px;
}

.pip-analyzing-body {
  padding: 20px;
  text-align: center;
}

.pip-analyzing-spinner-wrap {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto 12px;
}

.pip-analyzing-spinner {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 4px solid rgba(234, 179, 8, 0.2);
  border-top-color: #eab308;
  animation: pip-spinner-rotate 1.5s linear infinite;
}

.pip-analyzing-spinner-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.pip-analyzing-title {
  color: #fde047;
  font-weight: 900;
  font-size: 16px;
  margin: 0 0 4px;
}

.pip-analyzing-sub {
  color: #71717a;
  font-size: 10px;
  margin: 0;
}

.pip-analyzing-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
}

.pip-dot {
  width: 6px;
  height: 6px;
  background-color: #eab308;
  border-radius: 50%;
  animation: pip-dot-pulse 1s ease-in-out infinite;
}

.pip-dot:nth-child(1) { animation-delay: 0s; }
.pip-dot:nth-child(2) { animation-delay: 0.15s; }
.pip-dot:nth-child(3) { animation-delay: 0.3s; }
.pip-dot:nth-child(4) { animation-delay: 0.45s; }

/* ---------- ESTADO: SINAL CONFIRMADO ---------- */
.pip-confirmed {
  position: relative;
  overflow: visible;
  /* FIX 2026-06-04: modal fosco + borda amarela do sinal confirmado removidos.
     Mantém o cabeçalho, a mesa marrom e as fichas (o conteúdo de dentro). */
  background: transparent;
  border: none;
  border-radius: 16px;
  padding: 16px;
  box-shadow: none;
  animation: pip-card-confirm 0.4s ease-out;
  isolation: isolate;
}

/* Scan-line verde atravessando o card lentamente (left -> right) */
.pip-confirmed::after {
  content: "";
  display: none; /* FIX 2026-06-04: removida junto com o modal fosco */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(30, 64, 175, 0.04) 35%,
    rgba(30, 64, 175, 0.11) 50%,
    rgba(30, 64, 175, 0.04) 65%,
    transparent 100%
  );
  mix-blend-mode: screen;
  transform: translate3d(-100%, 0, 0);
  animation: pip-scan-line 5.5s linear infinite;
  will-change: transform;
}

.pip-confirmed > * { position: relative; z-index: 1; }

.pip-confirmed-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.pip-confirmed-head-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pip-check-badge {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(30, 64, 175, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #10B981;
  font-size: 16px;
  font-weight: 900;
}

.pip-confirmed-title {
  color: #ffffff; /* FIX 2026-06-03: branco a pedido */
  font-weight: 700;
  font-size: 13px;
  margin: 0;
  line-height: 1.1;
}

.pip-confirmed-time {
  color: #ffffff; /* FIX 2026-06-03: branco a pedido */
  font-size: 10px;
  margin: 2px 0 0;
}

.pip-confirmed-head-right {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pip-side-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.pip-side-dot--player { background: #3b82f6; }
.pip-side-dot--banker { background: #ef4444; }

.pip-side-name {
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}

/* ---------- MESA BAC BO (3 COLUNAS) ---------- */
.pip-table {
  position: relative;
  border-radius: 16px;
  overflow: visible;
  background: linear-gradient(180deg, rgb(26, 15, 0) 0%, rgb(13, 7, 4) 40%, rgb(26, 15, 0) 100%);
  border: 2px solid rgba(212, 175, 55, 0.35);
}

.pip-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: 14px;
}

.pip-particle {
  position: absolute;
  width: 3px;
  height: 3px;
  background: rgba(212, 175, 55, 0.8);
  border-radius: 50%;
  animation: pip-particle-float 3s ease-in-out infinite;
}

.pip-table-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 0;
  gap: 8px;
}

.pip-table-title-line {
  height: 1px;
  flex: 1;
  margin: 0 12px;
  background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.5), transparent);
}

.pip-table-title-text {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.25em;
  color: rgba(212, 175, 55, 0.6);
}

.pip-columns {
  display: flex;
  align-items: stretch;
}

.pip-column {
  position: relative;
  padding: 6px;
}

.pip-column--player { flex: 1.2; padding-left: 8px; }
.pip-column--tie { flex: 0.85; }
.pip-column--banker { flex: 1.2; padding-right: 8px; }

.pip-column-divider {
  width: 1px;
  margin: 8px 0;
  background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.4), transparent);
}

.pip-column-inner {
  position: relative;
  height: 100%;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  overflow: hidden;
}

.pip-column--player .pip-column-inner {
  background: linear-gradient(160deg, rgb(30, 52, 112), rgb(29, 78, 216), rgb(59, 108, 244));
}

.pip-column--tie .pip-column-inner {
  background: linear-gradient(160deg, rgb(120, 53, 15), rgb(146, 64, 14), rgb(161, 98, 7));
}

.pip-column--banker .pip-column-inner {
  background: linear-gradient(160deg, rgb(107, 26, 26), rgb(185, 28, 28), rgb(229, 62, 62));
}

.pip-column-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 10;
}

.pip-column--player .pip-column-inner::before {
  box-shadow:
    inset 0 0 12px rgba(59, 130, 246, 0.5),
    0 0 11px rgba(59, 130, 246, 0.5);
}

.pip-column--tie .pip-column-inner::before {
  box-shadow:
    inset 0 0 8px rgba(217, 119, 6, 0.5),
    0 0 8px rgba(217, 119, 6, 0.5);
}

.pip-column--banker .pip-column-inner::before {
  box-shadow:
    inset 0 0 12px rgba(239, 68, 68, 0.5),
    0 0 11px rgba(239, 68, 68, 0.5);
}

.pip-column-payout {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2.5px solid rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  color: #fff;
  font-weight: 900;
  font-size: 16px;
}

.pip-column--tie .pip-column-payout {
  width: 56px;
  height: 56px;
  border-color: rgba(251, 191, 36, 0.4);
  color: #fef3c7;
  font-size: 18px;
}

.pip-column-name {
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 0.08em;
}

.pip-column--tie .pip-column-name { font-size: 11px; }

.pip-column-sub {
  font-size: 7px;
  opacity: 0.4;
  letter-spacing: 0.08em;
}

.pip-column--player .pip-column-sub { color: #bfdbfe; }
.pip-column--tie .pip-column-sub { color: #fcd34d; }
.pip-column--banker .pip-column-sub { color: #fecaca; }

/* ---------- COLUNA DESTACADA (PADRÃO DA IA) ---------- */
.pip-column--active .pip-column-inner {
  animation: pip-column-glow 1.2s ease-in-out infinite;
}

/* ---------- FICHA (ENTRADA / COBERTURA) ----------
   Ajuste 15: ficha PNG 48x48 nas colunas (era 40x40).
   Ajuste 16: ficha 70% acima do label + 30% sobre o topo da pílula.
              Usamos flex column-reverse pra inverter ordem visual sem
              mexer no DOM (label primeiro, chip por cima). A ficha
              tem margin-bottom negativa pra "morder" o topo do label,
              e drop-shadow forte pra separar da pílula amarela.
              Texto ENTRADA/COBRIR permanece visível por completo. */
.pip-chip-wrap {
  position: relative;
  margin-top: 8px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  animation: pip-chip-pulse 3.333s ease-in-out infinite;
}

.pip-chip {
  position: relative;
  width: 48px;
  height: 48px;
  z-index: 2;
  margin-bottom: -14px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.55));
}

.pip-chip-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

/* FIX 2026-06-03: estilo Opção A dos rótulos "ENTRADA" e "COBRIR"
   (classe compartilhada — aplica nos dois). Só visual; texto/posição/lógica
   inalterados. */
.pip-chip-label {
  position: relative;
  z-index: 1;
  background: rgba(11, 16, 32, 0.85);
  border: 1px solid #E8B73A;
  border-radius: 999px;
  padding: 2px 14px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.4);
}

.pip-chip-label-text {
  font-size: 10px;
  font-weight: 900;
  color: #FFFFFF;
  letter-spacing: 0.5px;
}

/* ---------- BARRA DE FICHAS INFERIOR (READ-ONLY a partir da Fase 1.7) ----------
   Ajuste 14: a barra mantém visual poker (PNG idêntico ao das colunas),
              porém é informativa. Sem hover, sem cursor pointer,
              pointer-events:none na ficha e na imagem.
              O destaque permanente (--active) acompanha state.stake
              (hardcoded R$25 nesta fase, virá do admin-v2 depois). */
.pip-chips-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 8px auto 0;
  padding: 6px 12px;
  border-radius: 12px;
  background: linear-gradient(145deg, rgb(26, 15, 0), rgb(13, 7, 4));
  border: 1px solid rgba(212, 175, 55, 0.25);
  width: fit-content;
  flex-wrap: wrap;
  max-width: 100%;
}

.pip-chip-select {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  pointer-events: none;
  padding: 0;
  user-select: none;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
}

.pip-chip-select-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

/* Destaque permanente da ficha do valor configurado (default R$25).
   Como a barra é informativa, sem efeito de :hover. */
.pip-chip-select--active {
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.85),
    0 0 12px rgba(212, 175, 55, 0.85);
  border-radius: 50%;
}

/* ---------- BARRA DE STATUS (COBRIR + GALES) — centralizada ---------- */
.pip-status-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
}

.pip-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 700;
  font-family: inherit;
}

/* Ícone SVG semi-transparente (fantasma) nas pílulas */
.pip-status-pill-icon {
  width: 14px;
  height: 14px;
  opacity: 0.6;
  flex-shrink: 0;
}

.pip-pill-tie {
  background: rgba(234, 179, 8, 0.15);
  border: 1px solid rgba(234, 179, 8, 0.4);
  color: #fde047;
  cursor: pointer;
  font-family: inherit;
}

.pip-pill-tie--off {
  background: rgba(63, 63, 70, 0.15);
  border-color: rgba(63, 63, 70, 0.4);
  color: #71717a;
}

.pip-pill-gales {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.4);
  color: #d8b4fe;
}

/* ---------- ESTADOS RESULTADO (GREEN / LOSS) — MODAL PREMIUM ----------
   FIX 2026-06-12 (modal-pro): visual repaginado — backdrop com blur, selo
   com brilho/gloss, anel pulsante, pílula da entrada e confete no GREEN. */
.pip-result-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 30;
  overflow: hidden;
}

.pip-result-overlay__backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 90% at 50% 45%, rgba(2, 6, 23, 0.55), rgba(2, 6, 23, 0.82));
  backdrop-filter: blur(7px) saturate(115%);
  -webkit-backdrop-filter: blur(7px) saturate(115%);
  animation: pip-result-fade 0.32s ease-out both;
}

.pip-result-badge {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: max-content;
  max-width: min(320px, 86vw);
  padding: 26px 30px 24px;
  border-radius: 24px;
  text-align: center;
  isolation: isolate;
  overflow: hidden;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.6),
    0 2px 0 rgba(255, 255, 255, 0.18) inset,
    0 -22px 44px rgba(0, 0, 0, 0.28) inset;
  animation: pip-result-pop 0.5s cubic-bezier(0.18, 0.9, 0.28, 1.3) both;
}

/* Gloss superior (faixa de brilho) */
.pip-result-badge::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 46%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: 1;
}

/* Varredura de luz (shine) atravessando o selo */
.pip-result-badge::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -40%;
  width: 50%;
  height: 220%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0));
  transform: rotate(18deg);
  filter: blur(3px);
  pointer-events: none;
  z-index: 2;
  animation: pip-result-shine 1.5s ease-out 0.18s both;
}

/* Anel de brilho pulsante atrás do ícone */
.pip-result-glow {
  position: absolute;
  top: 26px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  z-index: 0;
  filter: blur(8px);
  opacity: 0.85;
  animation: pip-result-halo 1.6s ease-in-out infinite;
}

.pip-result-icon {
  position: relative;
  z-index: 3;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.65);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 0 6px rgba(255, 255, 255, 0.08);
  animation: pip-result-icon-pop 0.6s cubic-bezier(0.18, 0.9, 0.28, 1.5) both;
}

.pip-result-icon svg { width: 32px; height: 32px; color: #fff; }

.pip-result-title {
  position: relative;
  z-index: 3;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: 0.06em;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
}

.pip-result-entry {
  position: relative;
  z-index: 3;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) inset;
}

.pip-result-caption {
  position: relative;
  z-index: 3;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.95;
}

.pip-result-msg {
  position: relative;
  z-index: 3;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.94);
  line-height: 1.35;
  letter-spacing: 0.01em;
  max-width: 240px;
}

/* Confete (só GREEN) */
.pip-result-confetti {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.pip-result-confetti i {
  position: absolute;
  top: -8px;
  width: 7px;
  height: 11px;
  border-radius: 2px;
  opacity: 0;
  animation: pip-confetti-fall 1.25s ease-in forwards;
}
.pip-result-confetti i:nth-child(1)  { left: 8%;  background: #fde047; animation-delay: 0.02s; }
.pip-result-confetti i:nth-child(2)  { left: 16%; background: #fff;    animation-delay: 0.12s; }
.pip-result-confetti i:nth-child(3)  { left: 24%; background: #34d399; animation-delay: 0.05s; }
.pip-result-confetti i:nth-child(4)  { left: 32%; background: #fde047; animation-delay: 0.20s; }
.pip-result-confetti i:nth-child(5)  { left: 40%; background: #fff;    animation-delay: 0.08s; }
.pip-result-confetti i:nth-child(6)  { left: 48%; background: #86efac; animation-delay: 0.16s; }
.pip-result-confetti i:nth-child(7)  { left: 56%; background: #fde047; animation-delay: 0.03s; }
.pip-result-confetti i:nth-child(8)  { left: 64%; background: #fff;    animation-delay: 0.22s; }
.pip-result-confetti i:nth-child(9)  { left: 72%; background: #34d399; animation-delay: 0.10s; }
.pip-result-confetti i:nth-child(10) { left: 80%; background: #fde047; animation-delay: 0.18s; }
.pip-result-confetti i:nth-child(11) { left: 88%; background: #fff;    animation-delay: 0.06s; }
.pip-result-confetti i:nth-child(12) { left: 92%; background: #86efac; animation-delay: 0.24s; }
.pip-result-confetti i:nth-child(13) { left: 12%; background: #34d399; animation-delay: 0.28s; }
.pip-result-confetti i:nth-child(14) { left: 68%; background: #fde047; animation-delay: 0.32s; }

.pip-result-badge--green {
  background:
    radial-gradient(140% 120% at 50% -10%, #34d399 0%, #10b981 38%, #047857 100%);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.34);
}
.pip-result-badge--green .pip-result-glow {
  background: radial-gradient(circle, rgba(52, 211, 153, 0.95), rgba(16, 185, 129, 0));
}

.pip-result-badge--red {
  background:
    radial-gradient(140% 120% at 50% -10%, #fb7185 0%, #ef4444 38%, #b91c1c 100%);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.28);
}
.pip-result-badge--red .pip-result-glow {
  background: radial-gradient(circle, rgba(251, 113, 133, 0.9), rgba(239, 68, 68, 0));
}

@media (prefers-reduced-motion: reduce) {
  .pip-result-badge,
  .pip-result-badge::after,
  .pip-result-icon,
  .pip-result-glow,
  .pip-result-confetti i,
  .pip-result-overlay__backdrop { animation: none !important; }
  .pip-result-confetti { display: none; }
}

/* =====================================================================
   KEYFRAMES
   ===================================================================== */

@keyframes pip-chip-pulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.08); }
}

@keyframes pip-column-glow {
  0%, 100% {
    box-shadow:
      0 0 12px rgba(212, 175, 55, 0.4),
      inset 0 0 12px rgba(212, 175, 55, 0.2);
  }
  50% {
    box-shadow:
      0 0 24px rgba(212, 175, 55, 0.8),
      inset 0 0 20px rgba(212, 175, 55, 0.4);
  }
}

@keyframes pip-spinner-rotate {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

@keyframes pip-dot-pulse {
  0%, 100% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.5); opacity: 1; }
}

@keyframes pip-particle-float {
  0% { transform: translateY(0) scale(1); opacity: 0.6; }
  50% { transform: translateY(-40px) scale(0.7); opacity: 1; }
  100% { transform: translateY(-80px) scale(0.3); opacity: 0; }
}

@keyframes pip-card-confirm {
  0% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes pip-result-flash {
  0% { transform: scale(0.5); opacity: 0; }
  30% { transform: scale(1.1); opacity: 1; }
  70% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1); opacity: 0.92; }
}

/* FIX 2026-06-12 (modal-pro): animações do modal de resultado premium */
@keyframes pip-result-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes pip-result-pop {
  0%   { transform: translateY(10px) scale(0.82); opacity: 0; }
  60%  { transform: translateY(0) scale(1.04); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}
@keyframes pip-result-icon-pop {
  0%   { transform: scale(0.3) rotate(-12deg); opacity: 0; }
  70%  { transform: scale(1.18) rotate(4deg); opacity: 1; }
  100% { transform: scale(1) rotate(0); opacity: 1; }
}
@keyframes pip-result-halo {
  0%, 100% { transform: scale(0.92); opacity: 0.55; }
  50%      { transform: scale(1.12); opacity: 0.95; }
}
@keyframes pip-result-shine {
  0%   { left: -40%; opacity: 0; }
  20%  { opacity: 1; }
  100% { left: 130%; opacity: 0; }
}
@keyframes pip-confetti-fall {
  0%   { transform: translateY(0) rotate(0); opacity: 0; }
  10%  { opacity: 1; }
  100% { transform: translateY(150px) rotate(320deg); opacity: 0; }
}

/* Shimmer interno dos cards Placar/Simulador (ajuste 9) */
@keyframes pip-shimmer {
  0%, 100% { transform: translate3d(-15%, 0, 0) scale(1.05); }
  50%      { transform: translate3d( 15%, 0, 0) scale(1.05); }
}

/* Scan-line verde no card confirmado (ajuste 10) — só transform, GPU-friendly */
@keyframes pip-scan-line {
  0%   { transform: translate3d(-100%, 0, 0); }
  100% { transform: translate3d(220%, 0, 0); }
}

/* =====================================================================
   RESPONSIVO
   ===================================================================== */

@media (min-width: 480px) {
  .pip-panel { padding: 0 12px; }
  .pip-metric-value { font-size: 24px; }
  .pip-sim-card-value { font-size: 22px; }
}

@media (max-width: 360px) {
  .pip-column-payout { width: 40px; height: 40px; font-size: 14px; }
  .pip-column--tie .pip-column-payout { width: 46px; height: 46px; font-size: 16px; }
  .pip-chip { width: 42px; height: 42px; margin-bottom: -12px; }
  .pip-chip-select { width: 30px; height: 30px; }
  .pip-chips-bar { gap: 6px; padding: 6px 8px; }
}

/* ═══════════════════════════════════════════════════════════════
   RX7 PAINEL OVERRIDES — Aplicado direto no escopo do componente
   ═══════════════════════════════════════════════════════════════ */

/* ━━━ Tab PLACAR DO DIA — texto verde quando ativa ━━━ */
.pip-tab--placar,
.pip-tab--active-placar,
.pip-tab[data-tab="placar"] {
  color: #10B981 !important;
}
.pip-tab--active-placar,
.pip-tab.is-active[data-tab="placar"] {
  background: rgba(16, 185, 129, 0.08) !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
  color: #10B981 !important;
}

/* ━━━ Tab SIMULADOR DE LUCRO — amber gold ━━━ */
.pip-tab--simulador,
.pip-tab[data-tab="simulador"],
.pip-tab.is-active[data-tab="simulador"] {
  color: #F59E0B !important;
}
.pip-tab.is-active[data-tab="simulador"] {
  background: rgba(245, 158, 11, 0.08) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
}

/* ━━━ Números do placar — GREENS (209) verde, DESEMPENHO (90.48%) verde, REDS (22) vermelho ━━━ */
.pip-stat-greens, .pip-greens-value, [class*="greens-num"],
.pip-stat__value--greens, .pip-stat--greens {
  color: #10B981 !important;
  font-weight: 900 !important;
}
.pip-stat-reds, .pip-reds-value, [class*="reds-num"],
.pip-stat__value--reds, .pip-stat--reds {
  color: #EF4444 !important;
  font-weight: 900 !important;
}
.pip-stat-perf, .pip-perf-value, [class*="perf-num"], [class*="desempenho"],
.pip-stat__value--perf, .pip-stat--perf {
  color: #10B981 !important;
  font-weight: 900 !important;
}

/* Fallback genérico — qualquer .pip-stat__value que não seja --reds */
.pip-stat__value:not(.pip-stat__value--reds),
.pip-stat-value:not(.pip-stat-value--reds) {
  color: #10B981 !important;
}
.pip-stat__value--reds, .pip-stat-value--reds {
  color: #EF4444 !important;
}

/* ━━━ Fundo do painel placar — cinza grafite ━━━ */
.pip-panel, .pip-placar-panel, [class*="pip-placar"],
.pip-tab-content, .pip-card {
  background: #232936 !important;
  border: 1px solid #2D3548 !important;
  border-radius: 8px !important;
}

/* ━━━ COBRIR EMPATE / ATÉ 2 GALES — amber ghost ━━━ */
.pip-cover, .pip-cover-tie, [class*="pip-cover"],
button:has(span:contains("COBRIR EMPATE")),
[class*="cobrir-empate"], [data-action="cover-tie"],
.pip-gales, .pip-ate-gales, [class*="pip-gales"],
[data-action*="gales"], [class*="ate-2-gales"] {
  background: rgba(245, 158, 11, 0.10) !important;
  color: #F59E0B !important;
  border: 1px solid rgba(245, 158, 11, 0.40) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}
.pip-cover svg, .pip-gales svg,
[class*="pip-cover"] svg, [class*="pip-gales"] svg {
  color: #F59E0B !important;
  fill: #F59E0B !important;
  stroke: #F59E0B !important;
}
.pip-cover.is-active, .pip-gales.is-active,
.pip-cover.active, .pip-gales.active {
  background: linear-gradient(180deg, #F59E0B 0%, #D97706 100%) !important;
  color: #1B202B !important;
  border-color: #F59E0B !important;
}

/* ═══════════════════════════════════════════════════════════════
   RX7 GREEN BOXES — Modal "Hoje a IA já fechou" + fix stat-box
   ═══════════════════════════════════════════════════════════════ */

/* ━━━ "💡 Hoje a IA já fechou +R$ X,XX..." BOX — VERDE chamativo ━━━ */
.pd-highlight, .pd-result, .pd-summary,
.pd-fechou, [class*="pd-fechou"],
.pd-info-box, [class*="pd-info"],
.pd-today-result, [class*="pd-today"],
[class*="potencial-result"], [class*="potencial-fechou"],
.pd-card-result, .pd-result-card,
.pd-stake-result, [class*="pd-stake-result"] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.12) 0%, rgba(16, 185, 129, 0.06) 100%) !important;
  border: 1px solid rgba(16, 185, 129, 0.45) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  box-shadow:
    0 0 0 1px rgba(16, 185, 129, 0.08) inset,
    0 4px 16px rgba(16, 185, 129, 0.10) !important;
}

/* Texto dentro do box verde — verde e branco */
.pd-highlight *, .pd-result *, .pd-summary *,
[class*="pd-fechou"] *, [class*="pd-today"] *,
.pd-today-result *, .pd-result-card * {
  color: #6EE7B7 !important;
}
/* Título "💡 HOJE A IA JÁ FECHOU" */
.pd-highlight-title, .pd-result-title, .pd-summary-title,
[class*="pd-fechou-title"], [class*="pd-today-title"] {
  color: #F59E0B !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 11px !important;
}
/* Valor "+R$ 19.300,00" — destaque verde forte */
.pd-highlight-value, .pd-result-value, .pd-summary-value,
[class*="pd-fechou-value"], [class*="pd-today-value"] {
  color: #10B981 !important;
  font-weight: 800 !important;
  font-size: 17px !important;
}

/* ━━━ RESULTADOS — fix do "GREENS SEGUIDOS" badge azul gigante ━━━ */
.stats-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
.stat-box,
article.stat-box {
  background: #232936 !important;
  border: 1px solid #2D3548 !important;
  border-radius: 8px !important;
  padding: 14px 12px !important;
  text-align: center !important;
}
.stat-box .stat-value {
  font-size: 24px !important;
  font-weight: 800 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  display: block !important;
  width: auto !important;
  border-radius: 0 !important;
}
.stat-box .stat-value.green {
  color: #10B981 !important;
}
.stat-box .stat-value.yellow {
  color: #F59E0B !important;
}
.stat-box .stat-value.red {
  color: #EF4444 !important;
}
.stat-box .stat-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #8B95A8 !important;
  margin: 0 !important;
}

/* ━━━ SINAL DA IA CONFIRMADO title — força amber gold ━━━ */
.signal-status--entry-confirmed .signal-status__label,
.signal-status--entry-confirmed > span,
.signal-status__label,
[class*="entry-confirmed"] .signal-status__label,
[class*="entry-confirmed"] > * {
  color: #F59E0B !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

/* ✓ Check icon container - verde + box navy sutil */
.signal-status__check, .signal-check,
[class*="signal-check"], .signal-status::before {
  color: #10B981 !important;
  fill: #10B981 !important;
}

/* O quadradinho atrás do ✓ - sutil */
.signal-card .signal-check-wrap,
.signal-status-wrap,
[class*="signal-check"]:not(svg) {
  background: rgba(16, 185, 129, 0.10) !important;
  border: 1px solid rgba(16, 185, 129, 0.30) !important;
  border-radius: 4px !important;
}

/* ═══════════════════════════════════════════════════════════════
   RX7 NUCLEAR FINAL — Kill remaining blues + COBRIR EMPATE
   ═══════════════════════════════════════════════════════════════ */

/* ━━━ Force pip-metric-value--green to actually be GREEN ━━━ */
.pip-metric-value--green,
[class*="pip-metric-value--green"],
.pip-metric-value.pip-metric-value--green {
  color: #10B981 !important;
  background: transparent !important;
  background-color: transparent !important;
}
.pip-metric-value--cyan { color: #10B981 !important; background: transparent !important; }
.pip-metric-value--red  { color: #EF4444 !important; background: transparent !important; }

/* Kill ANY blue background highlight on stat numbers */
.pip-metric, .pip-metric-value, .stat-value,
[class*="metric-value"], [class*="stat-value"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Kill iOS Safari text selection blue */
::selection { background: rgba(16, 185, 129, 0.25) !important; color: inherit !important; }
::-moz-selection { background: rgba(16, 185, 129, 0.25) !important; color: inherit !important; }

/* ━━━ COBRIR EMPATE / ATÉ 2 GALES — MEGA CATCH-ALL ━━━ */
/* Catch any button that contains shield/chart icon + uppercase text */
button:has(svg[class*="shield"]),
button:has(svg[class*="chart"]),
button:has(svg[data-icon*="shield"]),
button:has(svg[data-icon*="trending"]),
button:has(span:contains("COBRIR")),
button:has(span:contains("GALES")),
.signal-action, [class*="signal-action"],
.bacbo-tools button, .bacbo-actions button,
.signal-row button, .signal-options button,
[class*="cover-empate"], [class*="cobrir"],
[class*="gales"]:not([class*="dots"]):not([class*="dot"]),
[data-action*="empate"], [data-action*="gales"],
.btn-cover, .btn-tie, .btn-gales,
button[id*="Cobrir"], button[id*="Gales"],
button[id*="cobrir"], button[id*="gales"] {
  background: rgba(245, 158, 11, 0.10) !important;
  color: #F59E0B !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}
.signal-action svg, button[id*="Cobrir"] svg, button[id*="Gales"] svg,
[class*="signal-action"] svg,
.bacbo-tools button svg, .bacbo-actions button svg {
  color: #F59E0B !important;
  fill: #F59E0B !important;
  stroke: #F59E0B !important;
}

/* Even more aggressive — ANY button between SINAL and the video that has uppercase text */
.signal-card ~ button,
.signal-card + div > button,
.signal-section button:not(.pd-cta):not(.btn-deposit-continue) {
  background: rgba(245, 158, 11, 0.10) !important;
  color: #F59E0B !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
}

/* ━━━ Caso COBRIR EMPATE esteja dentro de iframe ou em outro container ━━━ */
/* Footer buttons área (logo abaixo do sinal) */
.signal-footer-actions button,
.bacbo-signal-actions button,
.signal-tools button {
  background: rgba(245, 158, 11, 0.10) !important;
  color: #F59E0B !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  border-radius: 6px !important;
}

/* ━━━ "RESULTADOS" stat-box — garantir sem fundo azul ━━━ */
.stat-box, article.stat-box, [class*="stat-box"] {
  background: #232936 !important;
  background-color: #232936 !important;
  border: 1px solid #2D3548 !important;
  border-radius: 8px !important;
}
.stat-box::before, .stat-box::after { display: none !important; }
.stat-box * { background: transparent !important; }
.stat-box .stat-value { background: transparent !important; }

/* ═══════════════════════════════════════════════════════════════
   RX7 ULTRA 3 — SINAL TITLE amber + COBRIR EMPATE + SIM card bg
   ═══════════════════════════════════════════════════════════════ */

/* ━━━ SINAL DA IA CONFIRMADO title — FORCE AMBER GOLD ━━━ */
/* The status div might use various class combinations */
.signal-status--entry-confirmed,
.signal-status--entry-confirmed *,
.signal-status--entry-confirmed .signal-status__label,
.signal-status--entry-confirmed > span,
.signal-status--entry-confirmed > div,
div.signal-status.signal-status--entry-confirmed,
[class*="signal-status--entry-confirmed"] {
  color: #F59E0B !important;
  background: rgba(245, 158, 11, 0.10) !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* The title text inside */
.signal-card .signal-status--entry-confirmed,
.signal-card .signal-status--entry-confirmed * {
  color: #F59E0B !important;
}

/* If using attribute */
[data-status="entry-confirmed"],
[data-signal="confirmed"] {
  color: #F59E0B !important;
}

/* ━━━ ✓ check icon - GREEN positive ━━━ */
.signal-status--entry-confirmed::before,
.signal-status--green::before,
.signal-status--green-confirm-pulse::before,
svg[class*="check"]:not([class*="error"]),
.icon-check, [class*="icon-check"] {
  color: #10B981 !important;
  fill: #10B981 !important;
  stroke: #10B981 !important;
}

/* The check container (square with ✓) — green tint */
.signal-row > .signal-status:first-child,
[class*="signal-check-wrap"],
[class*="signal-confirmed-icon"] {
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  color: #10B981 !important;
}

/* ━━━ COBRIR EMPATE / ATÉ 2 GALES — VERY aggressive ━━━ */
/* By text content matching (CSS :has + :contains-like via attribute) */
button[id*="cobrir"i], button[id*="empate"i], button[id*="tie"i],
button[id*="gales"i], button[id*="gale"i],
button[class*="cobrir"i], button[class*="empate"i],
button[class*="gales"i], button[class*="gale"i]:not([class*="dot"]),
button[data-action*="cover"i], button[data-action*="tie"i],
button[data-action*="gales"i], button[data-action*="gale"i],
button[aria-label*="cobrir"i], button[aria-label*="empate"i],
button[aria-label*="gales"i], button[aria-label*="gale"i],
button:has(svg[class*="shield"]),
button:has(svg[class*="trending"]),
button:has(svg[class*="chart"]),
/* Specific selectors */
.btn-tie-cover, .btn-cover-tie, .signal-tools__cover,
.btn-gales, .signal-tools__gales, .signal-tools button,
.signal-actions button, .bacbo-actions button,
.bacbo-tools button:not(.pd-cta):not(.btn-deposit-continue),
/* Direct siblings or descendants of signal-card that are buttons */
.signal-card + div button, .signal-card ~ * button:not(.pd-cta):not(.btn-deposit-continue):not(.top-btn-dep) {
  background: rgba(245, 158, 11, 0.10) !important;
  background-color: rgba(245, 158, 11, 0.10) !important;
  color: #F59E0B !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

/* SVG icons inside those buttons */
button[id*="cobrir"i] svg, button[id*="gales"i] svg,
button[data-action*="cover"i] svg, button[data-action*="gales"i] svg,
.signal-tools button svg, .signal-actions button svg {
  color: #F59E0B !important;
  fill: #F59E0B !important;
  stroke: #F59E0B !important;
}

/* ━━━ SIMULADOR DE LUCRO panel bg — grafite, NÃO preto ━━━ */
.pip-sim-card, .pip-sim-history, .pip-simulador-grid,
[class*="pip-sim-card"], [class*="pip-sim-history"],
[class*="pip-simulador"] {
  background: #232936 !important;
  background-color: #232936 !important;
  border: 1px solid #2D3548 !important;
  border-radius: 8px !important;
}

.pip-sim-card-label, .pip-sim-history-label {
  color: #8B95A8 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.pip-sim-card-value, .pip-sim-card-value--green,
.pip-sim-card-value--white {
  background: transparent !important;
  font-weight: 800 !important;
}
.pip-sim-card-value--green { color: #10B981 !important; }
.pip-sim-card-value--red { color: #EF4444 !important; }
.pip-sim-card-value--white { color: #FFFFFF !important; }

/* "225G" / "22R" — sem background, só cor de texto */
.pip-sim-history-greens, [class*="sim-history-greens"] {
  background: transparent !important;
  background-color: transparent !important;
  color: #10B981 !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.pip-sim-history-reds, [class*="sim-history-reds"] {
  background: transparent !important;
  color: #EF4444 !important;
  border: none !important;
}
.pip-sim-history-profit--pos, [class*="profit--pos"] {
  color: #10B981 !important;
  background: transparent !important;
}
.pip-sim-history-profit--neg, [class*="profit--neg"] {
  color: #EF4444 !important;
  background: transparent !important;
}

/* General — kill any iOS tap highlight blue */
* {
  -webkit-tap-highlight-color: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════

/* RX7 ZERO BG — KILL ALL GRAY, text floats over aurora */

/* ━━━ NUKE TOTAL — todos os cards/grupos/painéis: TRANSPARENT ━━━ */
section.group,
.group,
.history-panel,
.stats-grid,
.stat-box,
.pip-panel,
.pip-placar-panel,
.pip-sim-card,
.pip-sim-history,
.pip-simulador-grid,
.pip-tabs,
.pip-tab,
[class*="pip-panel"],
[class*="pip-placar"],
[class*="pip-sim"],
[class*="placar-card"],
.score-card,
.signal-card,
.bank-card,
.group-header,
.history-grid,
.history-chip,
.support-card {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ━━━ SÓ chip de histórico mantém cor (são os números 6, 5, 11 etc.) ━━━ */
.history-chip.history-card {
  border-radius: 6px !important;
  border: none !important;
  box-shadow: none !important;
  /* a cor vem da classe .chip-blue, .chip-red, .chip-gold */
}

/* ━━━ Group header — só o texto, sem fundo nem borda ━━━ */
.group-header {
  border-bottom: none !important;
  padding-bottom: 4px !important;
  margin-bottom: 8px !important;
}
.group-header h2 {
  color: rgba(255,255,255,0.40) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  font-weight: 700 !important;
}

/* ━━━ Group padding mínimo — só respiro entre seções ━━━ */
section.group, .group {
  padding: 0 !important;
  margin-bottom: 20px !important;
  border-radius: 0 !important;
}

/* ━━━ Stats grid — sem fundo, linha entre os 2 itens ━━━ */
.stats-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  padding: 8px 0 !important;
}
.stats-grid > *:nth-child(2) {
  border-left: 1px solid rgba(255,255,255,0.12) !important;
}

/* ━━━ Tabs PLACAR/SIMULADOR — ghost sem fundo ━━━ */
.pip-tabs {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
}
.pip-tab {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: rgba(255,255,255,0.5) !important;
  border-radius: 6px !important;
  padding: 6px 14px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}
.pip-tab.is-active,
.pip-tab--active-placar {
  border-color: rgba(16,185,129,0.6) !important;
  color: #10B981 !important;
}
.pip-tab--active-simulador.is-active {
  border-color: rgba(245,158,11,0.6) !important;
  color: #F59E0B !important;
}

/* ━━━ Simulador: divisores sutis APENAS entre itens ━━━ */
.pip-simulador-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  margin-bottom: 12px !important;
}
.pip-simulador-grid > .pip-sim-card:first-child {
  border-right: 1px solid rgba(255,255,255,0.10) !important;
  padding-right: 12px !important;
}
.pip-simulador-grid > .pip-sim-card:last-child {
  padding-left: 12px !important;
}
.pip-sim-history {
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  padding-top: 12px !important;
}

/* ━━━ Signal card: SEM fundo (aurora passa por baixo) ━━━ */
.signal-card {
  background: transparent !important;
  border: 1px solid rgba(30,64,175,0.25) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 30px rgba(30,64,175,0.08) !important;
  padding: 14px !important;
}

/* ━━━ POTENCIAL DO DIA: só uma borda fina vermelha ━━━ */
section.group:has(.pd-card),
section.group:has(#pdMountTarget),
.pd-card, #pdMountTarget, #pdMountTarget > *,
[class*="pd-card"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
}

/* Linha separadora sutil acima do título POTENCIAL DO DIA */
section.group:has(.pd-card) .group-header {
  border-bottom: 1px solid rgba(220,38,38,0.20) !important;
}

/* Destaque verde "Hoje a IA já fechou" — único com fundo */
.pd-highlight, .pd-result, .pd-summary,
[class*="pd-fechou"], [class*="pd-today"] {
  background: rgba(16,185,129,0.08) !important;
  border: 1px solid rgba(16,185,129,0.25) !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
}

/* ━━━ MODAIS — glass premium, mas mais transparente ━━━ */
.br4-register-modal__card,
.login-card-shell, .login-card,
.deposit-sheet, .modal-content {
  background: rgba(8, 12, 28, 0.45) !important;
  backdrop-filter: blur(40px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 14px !important;
  box-shadow:
    0 32px 80px rgba(0,0,0,0.50),
    0 0 80px rgba(30,64,175,0.15),
    0 0 0 1px rgba(255,255,255,0.05) inset !important;
}

/* Internos dos modais: transparente */
.login-card-shell .login-card,
.login-card > *, .login-form > *,
.br4-register-modal__card > div:not(.br4-register-modal__submit):not(.br4-register-modal__header) {
  background: transparent !important;
  background-color: transparent !important;
}

/* Inputs dentro dos modais */
input, select, textarea,
.br4-modal__input, .login-input {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #fff !important;
  border-radius: 8px !important;
}
input:focus, textarea:focus {
  border-color: rgba(59,91,219,0.6) !important;
  background: rgba(255,255,255,0.08) !important;
  box-shadow: 0 0 0 3px rgba(59,91,219,0.12) !important;
  outline: none !important;
}

/* Game frame wrap */
.game-frame-wrap {
  background: rgba(0,0,0,0.55) !important;
  border: none !important;
  border-radius: 8px !important;
}

/* RX7 CHIP RESTORE + STAT-BOX ZERO BG */

/* ━━━ CHIPS DO HISTÓRICO — restaurar cores ━━━ */
.history-chip--red,
.history-chip.history-chip--red,
.history-card.history-chip--red {
  background: #DC2626 !important;
  background-color: #DC2626 !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.history-chip--blue,
.history-chip.history-chip--blue,
.history-card.history-chip--blue {
  background: #1D4ED8 !important;
  background-color: #1D4ED8 !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.history-chip--gold,
.history-chip.history-chip--gold,
.history-card.history-chip--gold {
  background: #D97706 !important;
  background-color: #D97706 !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Fallback: qualquer chip sem classe específica */
.history-chip, .history-chip.history-card {
  border-radius: 8px !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ━━━ STATS-GRID + STAT-BOX — forçar zero bg via specificity alta ━━━ */
html body .stats-grid,
html body .stats-grid .stat-box,
html body article.stat-box,
html body .stat-box,
html body .group .stat-box,
html body section.group .stats-grid .stat-box {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Linha divisória entre os dois stats */
html body .stats-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  padding: 8px 0 !important;
  border: none !important;
  background: transparent !important;
}
html body .stats-grid > *:nth-child(2) {
  border-left: 1px solid rgba(255,255,255,0.12) !important;
  padding-left: 16px !important;
}

/* ━━━ Número do GREENS SEGUIDOS — sem background, só o verde ━━━ */
html body .stat-value,
html body .stat-value.green,
html body .stat-value.yellow,
html body .stat-value.red,
html body .stat-box .stat-value {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* ━━━ COBRIR EMPATE / ATÉ 2 GALES — amber ghost visível ━━━ */
.pip-status-pill,
.pip-pill-tie,
.pip-pill-tie--off,
#pipCoverToggle,
button#pipCoverToggle,
.pip-pill-gales,
#pipGalesToggle {
  background: rgba(245,158,11,0.10) !important;
  color: #F59E0B !important;
  border: 1px solid rgba(245,158,11,0.40) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
}
.pip-status-pill *, #pipCoverToggle *, #pipGalesToggle * {
  color: #F59E0B !important;
  fill: #F59E0B !important;
}

/* RX7 GLASS CARDS — transparente com borda sutil, sem cinza */

/* ━━━ CADA SEÇÃO = 1 CARD TRANSPARENTE COM BORDA ━━━ */
section.group,
.group {
  background: rgba(255, 255, 255, 0.03) !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 10px !important;
  padding: 14px !important;
  margin-bottom: 12px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* HISTÓRICO — sem borda vermelha, neutra */
section.group.group--history {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

/* RESULTADOS */
section.group:has(.stats-grid) {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

/* POTENCIAL DO DIA — borda levemente avermelhada */
section.group:has(.pd-card),
section.group:has(#pdMountTarget) {
  border-color: rgba(220, 38, 38, 0.25) !important;
  background: rgba(180, 10, 10, 0.04) !important;
}

/* ━━━ GROUP HEADER — transparente, sem cinza ━━━ */
html body .group-header,
html body section.group .group-header,
html body div.group-header,
.group-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-bottom: 8px !important;
  margin-bottom: 12px !important;
  box-shadow: none !important;
}

html body .group-header h2,
.group-header h2 {
  color: rgba(255, 255, 255, 0.50) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* ━━━ DENTRO DOS CARDS — zero background, só os itens internos ━━━ */
section.group .history-panel,
section.group .stats-grid,
section.group .stat-box,
section.group article,
section.group .history-grid,
section.group .support-cards,
section.group .support-card,
.history-panel,
.stats-grid .stat-box {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
}

/* Divisor entre os dois stats de RESULTADOS */
.stats-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  padding: 4px 0 !important;
}
.stats-grid > *:nth-child(2) {
  border-left: 1px solid rgba(255, 255, 255, 0.10) !important;
}

/* ━━━ PLACAR + SIMULADOR = 1 CARD TRANSPARENTE ━━━ */
/* O .group que contém o pip já tem borda pelo .group acima */
.pip-panel,
.pip-placar-panel,
[class*="pip-panel"],
[class*="pip-placar"],
.pip-simulador-grid,
.pip-sim-card,
.pip-sim-history,
.pip-tabs {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Divisores sutis SOMENTE entre itens do simulador */
.pip-simulador-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
}
.pip-simulador-grid > .pip-sim-card:first-child {
  border-right: 1px solid rgba(255,255,255,0.08) !important;
  padding-right: 12px !important;
}
.pip-simulador-grid > .pip-sim-card:last-child {
  padding-left: 12px !important;
}
.pip-sim-history {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 10px !important;
  margin-top: 4px !important;
}

/* ━━━ SIGNAL CARD — borda azul sutil ━━━ */
.signal-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(30,64,175,0.30) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 24px rgba(30,64,175,0.08) !important;
  backdrop-filter: none !important;
}

/* ━━━ TABS ghost ━━━ */
.pip-tab {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 6px !important;
}
.pip-tab.is-active, .pip-tab--active-placar {
  background: rgba(16,185,129,0.08) !important;
  border-color: rgba(16,185,129,0.40) !important;
}
.pip-tab.is-active.pip-tab--active-simulador,
.pip-tab--active-simulador {
  background: rgba(245,158,11,0.08) !important;
  border-color: rgba(245,158,11,0.40) !important;
}

/* ━━━ POTENCIAL DO DIA internos ━━━ */
.pd-card, #pdMountTarget, #pdMountTarget > *,
[class*="pd-card"] {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Destaque "Hoje a IA já fechou" — mantém borda verde */
.pd-highlight, .pd-result, .pd-summary,
[class*="pd-fechou"], [class*="pd-today"] {
  background: rgba(16,185,129,0.06) !important;
  border: 1px solid rgba(16,185,129,0.22) !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
}

/* RX7 PIP TRANSPARENT — kill pip-tabs-card + pip-tab-content gray */
html body .pip-tabs-card,
html body div.pip-tabs-card,
.pip-tabs-card {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .pip-tab-content,
html body div.pip-tab-content,
.pip-tab-content,
.pip-tab-content.pip-hidden {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .pip-metric-divider,
.pip-metric-divider {
  background: rgba(255,255,255,0.08) !important;
  background-color: rgba(255,255,255,0.08) !important;
}

/* Kill any remaining gray in pip area */
html body [class*="pip-"]:not(.pip-tab):not(.pip-tab--active-placar):not(.pip-tab--active-simulador):not(.pip-status-pill):not(.pip-pill-tie):not(.pip-pill-tie--on):not(.pip-pill-gales):not(.pip-pill-gales--on) {
  background-color: transparent !important;
}

/* FIX 2026-06-04: remove o MODAL EXTERNO (borda/fundo cinza) que envolvia todo
   o painel do sinal. Mantém o marrom da mesa, as fichas e o fundo do site.
   O conteúdo (textos, ícones, colunas) fica no lugar, sobre o fundo do app. */
#painelIaPremium.pip-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ━━━ SIMULADOR — placeholder "Em breve" (manutenção) ━━━ */
.pip-coming-soon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 130px;
  padding: 18px 16px;
  text-align: center;
  border: 1px dashed rgba(255, 193, 7, 0.30);
  border-radius: 14px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 193, 7, 0.08) 0%, transparent 60%),
    rgba(255, 255, 255, 0.02);
}
.pip-coming-soon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 193, 7, 0.10);
  color: #ffc107;
  box-shadow:
    0 0 0 1px rgba(255, 193, 7, 0.35),
    0 0 24px rgba(255, 193, 7, 0.20);
  animation: pipComingWiggle 3.2s ease-in-out infinite;
}
.pip-coming-soon-icon svg {
  filter: drop-shadow(0 0 6px rgba(255, 193, 7, 0.45));
}
.pip-coming-soon-title {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: none;
  color: #ffc107;
  text-shadow: 0 0 12px rgba(255, 193, 7, 0.35);
}
.pip-coming-soon-sub {
  margin: 0;
  max-width: 320px;
  font-size: 12.5px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.55);
}
@keyframes pipComingWiggle {
  0%, 100% { transform: rotate(-6deg); }
  50%      { transform: rotate(6deg); }
}
@media (prefers-reduced-motion: reduce) {
  .pip-coming-soon-icon { animation: none; }
}