/* ----- A8 Instalar módulo: passos ----- */
.ai-passos { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--espaco-2) var(--espaco-5); }
.ai-passo { display: flex; align-items: center; gap: var(--espaco-2); }
.ai-bolha { width: 28px; height: 28px; border-radius: var(--raio-pilula); display: inline-flex; align-items: center; justify-content: center; font: 700 14px/1 var(--font-texto); box-sizing: border-box; border: 1px solid var(--borda-campo); color: var(--texto-2); }
.ai-bolha--atual { background: var(--acao); color: var(--on-acao); border-color: transparent; }
.ai-bolha--feito { background: var(--ok-suave); color: var(--ok); border-color: transparent; }
.ai-passo__texto { color: var(--texto-2); }
.ai-passo__texto--atual { color: var(--texto); font-weight: 700; }

/* ----- A8 Instalar módulo: conteúdo ----- */
.ai-grade { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--espaco-5); align-items: start; }
.ai-cartao { gap: var(--espaco-4); }
.ai-opcoes { display: flex; flex-direction: column; gap: var(--espaco-3); }
.ai-opcao { display: flex; align-items: center; gap: var(--espaco-3); padding: var(--espaco-3) var(--espaco-4); border-radius: var(--raio-3); border: 1px solid var(--borda-campo); background: var(--superficie); cursor: pointer; }
.ai-opcao--marcada { border: 2px solid var(--acao); background: var(--acao-suave); }
.ai-opcao input { flex: none; }
.ai-opcao__texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.ai-opcao > .ui-selo { margin-left: auto; flex: none; }
.ai-confere { display: flex; flex-direction: column; gap: 4px; padding: var(--espaco-3) var(--espaco-4); border-radius: var(--raio-3); background: var(--superficie-funda); }
.ai-acoes { display: flex; flex-wrap: wrap; gap: var(--espaco-3); justify-content: flex-end; }
.ai-direita { display: inline-flex; gap: var(--espaco-3); align-items: center; }
.ai-subtitulo { margin: var(--espaco-2) 0 0; font: 600 16px/22px var(--font-texto); }
.ai-link { margin: 0; }
.ai-vazio { padding: var(--espaco-5) 0; }
@media (max-width: 900px) {
  .ai-grade { grid-template-columns: minmax(0, 1fr); }
}