#pre-match-app #conteudo-ia{
  --ia-accent: #1a73e8;
  --ia-accent-hover: #1666cc;
  --ia-surface: transparent;
  --ia-surface-2: transparent;
  --ia-border: rgba(255,255,255,.14);
  --ia-border-strong: rgba(255,255,255,.22);
  --ia-text: #f0f0f0;
  --ia-muted: rgba(240,240,240,.72);
}

/* Barra de ações (botões) */
#pre-match-app #conteudo-ia > .d-flex{
  width: min(920px, 100%);
  margin: 0 auto 14px;
  padding: 10px 12px;
}

/* Botões IA */
#pre-match-app #conteudo-ia .btn{
  border-radius: 0 !important;
  box-shadow: none;
  padding: 10px 14px;
  min-height: 42px;
  font-weight: 700;
  letter-spacing: .2px;
}

#pre-match-app #conteudo-ia #run-ia-analysis{
  background-color: var(--ia-accent) !important;
  border-color: var(--ia-accent) !important;
  color: #fff !important;
}
#pre-match-app #conteudo-ia #run-ia-analysis:hover{
  background-color: var(--ia-accent-hover) !important;
  border-color: var(--ia-accent-hover) !important;
}

#pre-match-app #conteudo-ia #clear-ia{
  background: transparent !important;
  border-color: var(--ia-border-strong) !important;
  color: var(--ia-text) !important;
}
#pre-match-app #conteudo-ia #clear-ia:hover{
  background: rgba(255,255,255,.06) !important;
}

/* Container do resultado */
#pre-match-app #conteudo-ia .ia-result,
#pre-match-app #conteudo-ia #ia-result{
  width: min(920px, 100%);
  margin: 0 auto;
}

/* Alertas (inclui o aviso de cache do pre_match.js) */
#pre-match-app #conteudo-ia .alert{
  border-radius: 0 !important;
  border: 1px solid var(--ia-border) !important;
  background: var(--ia-surface-2) !important;
  color: var(--ia-text) !important;
}

#pre-match-app #conteudo-ia .alert i{
  margin-right: 8px;
  opacity: .9;
}

/* Card gerado pela análise (pre_match.js usa .card/.card-body/.ia-text) */
#pre-match-app #conteudo-ia .card{
  border-radius: 0 !important;
  border: 1px solid var(--ia-border) !important;
  background: var(--ia-surface) !important;
 
}

#pre-match-app #conteudo-ia .card-body{
  padding: 16px 16px 14px;
}

/* Tipografia */
#pre-match-app #conteudo-ia .ia-text{
  color: var(--ia-text);
  line-height: 1.6;
  font-size: 14px;
}

#pre-match-app #conteudo-ia .ia-text h4{
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--ia-border);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: uppercase;
}

#pre-match-app #conteudo-ia .analysis-content{
  color: rgba(240,240,240,.90);
}

#pre-match-app #conteudo-ia .analysis-details{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(255,255,255,.16);
}

#pre-match-app #conteudo-ia .analysis-details small,
#pre-match-app #conteudo-ia .analysis-details .text-muted{
  color: var(--ia-muted) !important;
}

#pre-match-app #conteudo-ia .disclaimer{
  margin: 12px 0 0;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(240,240,240,.62);
  font-size: 12px;
}

/* Caso o backend retorne listas/seções formatadas via outro script */
#pre-match-app #conteudo-ia .ia-section{
  margin: 14px 0 8px;
  padding: 8px 10px;
  border-left: 3px solid var(--ia-accent);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .25px;
}

#pre-match-app #conteudo-ia .ia-list{
  margin: 10px 0 0;
  padding-left: 18px;
}
#pre-match-app #conteudo-ia .ia-list li{
  margin: 6px 0;
  color: rgba(240,240,240,.88);
}


/* Blocos simples (fallback quando vem em linhas) */
#pre-match-app #conteudo-ia .ia-block{
  border-radius: 0 !important;
  border-color: var(--ia-border) !important;
}

/* Seção de probabilidades (quando existir) */
#pre-match-app #conteudo-ia .secao-probabilidades{
  margin-top: 14px;
  padding: 12px;
  border: 1px solid var(--ia-border);
}

#pre-match-app #conteudo-ia .secao-probabilidades .titulo-secao{
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .25px;
  text-transform: uppercase;
  color: rgba(240,240,240,.92);
}

#pre-match-app #conteudo-ia .probabilidades-container{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

#pre-match-app #conteudo-ia .probabilidade-item{
  border: 1px solid rgba(255,255,255,.12);
  padding: 10px;
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#pre-match-app #conteudo-ia .probabilidade-label{
  font-size: 12px;
  color: rgba(240,240,240,.78);
  line-height: 1.25;
}

#pre-match-app #conteudo-ia .probabilidade-value{
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .3px;
  color: #fff;
  text-align: right;
}

/* Indicação de nível (alta/media/baixa) como faixa lateral, sem poluir) */
#pre-match-app #conteudo-ia .probabilidade-item.baixa{ border-left: 3px solid #e55353; }
#pre-match-app #conteudo-ia .probabilidade-item.media{ border-left: 3px solid #f59e0b; }
#pre-match-app #conteudo-ia .probabilidade-item.alta{ border-left: 3px solid #22c55e; }

#pre-match-app #conteudo-ia .texto-observacao{
  margin: 10px 0 0;
  color: rgba(240,240,240,.62);
}

/* Responsivo */
@media (max-width: 840px){
  #pre-match-app #conteudo-ia .probabilidades-container{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px){
  #pre-match-app #conteudo-ia > .d-flex{
    padding: 10px;
  }

  #pre-match-app #conteudo-ia .btn{
    width: 100%;
    justify-content: center;
  }

  #pre-match-app #conteudo-ia .probabilidades-container{ grid-template-columns: 1fr; }
  #pre-match-app #conteudo-ia .analysis-details{ justify-content: flex-start; }
}
/* Força a rolagem apenas na área de texto da análise */
#ia-analysis-container .card-body.ia-text,
#ia-result .card-body.ia-text {
    max-height: 480px !important;      /* mesma altura das partidas */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px !important;     /* espaço para a barra */
    display: block !important;
}

/* Estilo da barra de rolagem (opcional) */
#ia-analysis-container .card-body.ia-text::-webkit-scrollbar,
#ia-result .card-body.ia-text::-webkit-scrollbar {
    width: 6px;
}
#ia-analysis-container .card-body.ia-text::-webkit-scrollbar-track,
#ia-result .card-body.ia-text::-webkit-scrollbar-track {
    background: #2a2a2a;
}
#ia-analysis-container .card-body.ia-text::-webkit-scrollbar-thumb,
#ia-result .card-body.ia-text::-webkit-scrollbar-thumb {
    background: #1a73e8;
    border-radius: 3px;
}