/* ==========================================================================
   VistoFácil — Telas de autenticação (login / cadastro)
   ========================================================================== */

.auth-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}

.auth-card {
  width: 100%;
  max-width: var(--vf-container);
  margin: 0 16px;
  padding: 28px 24px;
}

/* Marca no topo */
.auth-brand {
  text-align: center;
  margin-bottom: 22px;
}
.auth-brand img {
  height: 42px;
  width: auto;
}
.auth-brand h1 {
  font-size: 1.35rem;
  margin-top: 12px;
  letter-spacing: 0.3px;
}
.auth-brand p {
  font-size: 0.9rem;
  color: var(--vf-texto-fraco);
  margin-top: 4px;
}

/* Abas Entrar / Criar conta */
.auth-tabs {
  display: flex;
  background: var(--vf-surface-2);
  border-radius: var(--vf-raio-pill);
  padding: 4px;
  margin-bottom: 22px;
}
.auth-tab {
  flex: 1;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--vf-texto-fraco);
  background: transparent;
  padding: 10px;
  border-radius: var(--vf-raio-pill);
  transition: background 0.2s ease, color 0.2s ease;
}
.auth-tab.ativo {
  color: #fff;
  background: var(--vf-grad-laranja);
  box-shadow: var(--vf-sombra-laranja);
}

/* Seletor de perfil no cadastro */
.auth-perfis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 16px;
}
.auth-perfil {
  border: 1px solid var(--vf-borda);
  background: var(--vf-surface-2);
  border-radius: var(--vf-raio);
  padding: 14px 10px;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.auth-perfil .icone { font-size: 1.5rem; }
.auth-perfil .titulo { font-size: 0.85rem; font-weight: 700; margin-top: 6px; }
.auth-perfil.ativo {
  border-color: var(--vf-borda-laranja);
  background: rgba(245, 124, 47, 0.12);
}

.auth-rodape {
  text-align: center;
  font-size: 0.85rem;
  color: var(--vf-texto-mute);
  margin-top: 18px;
}

/* Home logada (placeholder do milestone 1) */
.app-home {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
}
.app-home img { width: 84px; height: 84px; border-radius: 20px; box-shadow: var(--vf-glow-laranja); }
.app-home h2 { margin: 18px 0 8px; }
.app-home p { color: var(--vf-texto-fraco); margin-bottom: 24px; }