/* Tema Mentoria em Grupo — lavanda */
html.theme-grupo {
  --green: #7d6b99;
  --green2: #9a88b5;
  --g: #7d6b99;
  --gold: #b59ac9;
  --grupo: #7d6b99;
  --grupo2: #9a88b5;
  --grupo-soft: #c7afc3;
  --cream: #f6f1f8;
  --line: #e4d8ec;
  --shadow: 0 24px 70px rgba(90, 70, 120, 0.14);
}

html.theme-grupo body,
body.theme-grupo {
  background: linear-gradient(135deg, #f3ebf7, #fbf8fd) !important;
  color: #3f3a47;
}

html.theme-grupo h1,
html.theme-grupo h2,
html.theme-grupo h3,
html.theme-grupo .title,
html.theme-grupo .hello strong,
html.theme-grupo label {
  color: var(--g) !important;
}

html.theme-grupo .primary,
html.theme-grupo .action-btn.main,
html.theme-grupo .daybtn.active {
  background: var(--grupo) !important;
  border-color: var(--grupo) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(125, 107, 153, 0.28) !important;
}

html.theme-grupo .access-chip {
  background: #efe6f5 !important;
  color: #5f4d7a !important;
  border-color: #ddccec !important;
}

html.theme-grupo .eyebrow,
html.theme-grupo .kicker,
html.theme-grupo .group-head,
html.theme-grupo .audio-kicker {
  color: var(--grupo-soft) !important;
}

html.theme-grupo .logout,
html.theme-grupo .action-btn,
html.theme-grupo .link,
html.theme-grupo .back {
  color: var(--g) !important;
}

html.theme-grupo .icon {
  background: #f3ebf8 !important;
  border-color: rgba(125, 107, 153, 0.25) !important;
  color: var(--grupo) !important;
}

html.theme-grupo .brand-mini img.logo-grupo {
  /* Mesmo tamanho do logo individual no header */
  width: 60px;
  height: auto;
  max-height: 78px;
  object-fit: contain;
  border-radius: 0;
}

/* Login: mesmo footprint do logo individual (width min 330 / height ~158) */
html.theme-grupo .login-card .brand img.logo-grupo {
  /* Idêntico ao .brand img do individual */
  width: min(330px, 90%);
  height: auto;
  max-height: none;
  object-fit: contain;
}

/* Tela de login no tema grupo (só quando Em Grupo está selecionado) */
html.theme-grupo .login-card {
  background: rgba(255, 252, 255, 0.96) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
}

html.theme-grupo .login-card .brand {
  background: linear-gradient(160deg, #efe6f5, #fbf7fd) !important;
  border-color: var(--line) !important;
}

html.theme-grupo .login-card .brand p {
  color: #6a5b7a !important;
}

html.theme-grupo .login-card .eyebrow {
  color: var(--grupo-soft) !important;
}

html.theme-grupo .login-card h1 {
  color: var(--g) !important;
}

html.theme-grupo .login-card .intro,
html.theme-grupo .login-card .demo-note {
  color: #6f647a !important;
}

html.theme-grupo .login-card input {
  border-color: #dccfe8 !important;
  background: #fffdfb !important;
  color: #3f3a47 !important;
}

html.theme-grupo .login-card input:focus {
  border-color: var(--grupo-soft) !important;
  box-shadow: 0 0 0 4px rgba(125, 107, 153, 0.12) !important;
}

html.theme-grupo .login-card .forgot-link {
  color: var(--g) !important;
}

/* Select Em Grupo: fundo roxo (não forçar creme do tema) */
html.theme-grupo .login-card #role.grupo-mode {
  background: var(--grupo) !important;
  border-color: var(--grupo) !important;
  color: #fff !important;
}

/* Primeiro acesso / bloqueio também no tema grupo */
html.theme-grupo .profile-step,
html.theme-grupo .locked-step {
  background: rgba(255, 252, 255, 0.96) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
}

html.theme-grupo .profile-step .eyebrow,
html.theme-grupo .locked-step .eyebrow {
  color: var(--grupo-soft) !important;
}

html.theme-grupo .profile-step h2,
html.theme-grupo .locked-step h2,
html.theme-grupo .lock-card strong {
  color: var(--g) !important;
}

html.theme-grupo .lock-card {
  border-color: #ddccec !important;
  background: #f7f1fa !important;
}

html.theme-grupo .lock-icon {
  background: #efe6f5 !important;
  color: var(--grupo) !important;
}

html.theme-grupo .status-pill {
  color: var(--g) !important;
  border-color: var(--line) !important;
}

html.theme-grupo .status-pill.ok {
  background: #efe8f6 !important;
}

html.theme-grupo .profile-step input,
html.theme-grupo .profile-step select {
  border-color: #dccfe8 !important;
  background: #fffdfb !important;
}

html.theme-grupo .profile-step input:focus {
  border-color: var(--grupo-soft) !important;
  box-shadow: 0 0 0 4px rgba(125, 107, 153, 0.12) !important;
}

/* Livro / redes — CTAs no lavanda (sem verde hardcoded da Amazon) */
html.theme-grupo .livro-card {
  background: #f3ebf8 !important;
  border-color: var(--line) !important;
}
html.theme-grupo .livro-card strong,
html.theme-grupo .redes-livro h2,
html.theme-grupo .redes-icons a {
  color: var(--g) !important;
  border-color: var(--line) !important;
  background: #fff !important;
}
html.theme-grupo .redes-icons a:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--g) !important;
}
html.theme-grupo .livro-card .cta {
  background: var(--grupo) !important;
  border-color: var(--grupo) !important;
  color: #fff !important;
}
html.theme-grupo .livro-card .cta:hover {
  background: var(--grupo2) !important;
  border-color: var(--grupo2) !important;
  color: #fff !important;
}
html.theme-grupo .livro-card .cta.outline {
  background: transparent !important;
  color: var(--grupo) !important;
  border-color: var(--grupo) !important;
}
html.theme-grupo .livro-card .cta.outline:hover {
  background: rgba(125, 107, 153, 0.08) !important;
  color: var(--grupo) !important;
  border-color: var(--grupo) !important;
}