/* Pinta o painel esquerdo da tela de login (onde fica a logo) com o roxo da logo,
   em vez do cinza padrão. Resto da página (fundo + formulário) fica como está. */
.mx_AuthHeader {
  background: linear-gradient(160deg, #667eea 0%, #764ba2 100%) !important;
}
/* casa com o raio do card (24px) nos cantos do lado esquerdo — seletor mais
   específico p/ vencer a regra do Element */
.mx_AuthPage_modal .mx_AuthHeader,
.mx_AuthPage_modalContent .mx_AuthHeader {
  border-radius: 24px 0 0 24px !important;
}

/* Seletor de idioma: só o VALOR FECHADO fica branco (sobre o painel roxo).
   O menu aberto (popup branco) NÃO é tocado — mantém o texto escuro padrão. */
.mx_AuthHeader .mx_Dropdown_input,
.mx_AuthHeader .mx_Dropdown_input .mx_Dropdown_option,
.mx_AuthHeader .mx_Dropdown_input span {
  color: #ffffff !important;
}
.mx_AuthHeader .mx_Dropdown_arrow {
  background-color: #ffffff !important;
}

/* ---------- Welcome page (página embutida) ----------
   O Element sanitiza o HTML do welcome_url: `style` só sobrevive em font/span/img
   e `class` é removido de tudo (sanitizeHtmlParams em Linkify.ts). Por isso o
   welcome.html é HTML puro e todo o visual mora aqui, ancorado no wrapper
   .mx_WelcomePage_body que o EmbeddedPage renderiza. */
.mx_WelcomePage_body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #1f2937;
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
  padding: 24px 20px;
}
.mx_WelcomePage_body img {
  width: 96px;
  height: 96px;
  border-radius: 22px;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(124, 58, 237, 0.28);
  margin-bottom: 24px;
}
.mx_WelcomePage_body h1 {
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
}
.mx_WelcomePage_body h1 span {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.mx_WelcomePage_body p {
  font-size: 1.2rem;
  color: #475569;
  margin: 0 auto 28px;
  max-width: 560px;
}
/* botão "Entrar" */
.mx_WelcomePage_body a[href="#/login"] {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 14px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
  font-weight: 700;
  font-size: 1.02rem;
  text-decoration: none;
  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
}
/* rodapé "Conheça o trabalho em ..." */
.mx_WelcomePage_body p:last-of-type {
  margin: 34px auto 0;
  font-size: 0.9rem;
  color: #64748b;
}
.mx_WelcomePage_body p:last-of-type a {
  color: #667eea;
  text-decoration: none;
}