/* ==========================================================================
   Estrategista CRM — camada de marca injetada por cima do Twenty (nginx sub_filter).
   Não altera o código do Twenty. Alvos por nome de componente (styled-components
   preserva o displayName na classe: [class*="Nome"]) e por data-testid — mais
   estáveis que as classes hasheadas. Se um update do Twenty renomear algo, ajustar aqui.
   ========================================================================== */

/* --- Fontes da marca (servidas por /brand/ via nginx) --- */
@font-face {
  font-family: 'Sora';
  src: url('/brand/Sora.woff2') format('woff2');
  font-weight: 100 800; font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/brand/DMSans.woff2') format('woff2');
  font-weight: 100 900; font-display: swap;
}

/* Paleta Estrategista como custom properties (nós é que passamos a usar) */
:root {
  --estr-petroleo: #1B3A4B;
  --estr-petroleo2: #254D63;
  --estr-ambar: #E07B39;
  --estr-ambar2: #F5924D;
  --estr-bg: #F8F5F1;
}

/* Corpo em DM Sans; títulos/números em Sora. O Twenty usa uma pilha própria;
   sobrepomos a família mantendo os tamanhos/pesos dele. */
body, input, button, textarea, select,
[class*="StyledText"], [class*="Typography"] {
  font-family: 'DM Sans', -apple-system, system-ui, sans-serif !important;
}
h1, h2, h3, [class*="Title"], [class*="Heading"], [class*="H1"], [class*="H2"] {
  font-family: 'Sora', -apple-system, system-ui, sans-serif !important;
  letter-spacing: -0.01em;
}

/* --- Avatar maior (pedido do usuário) ---
   O upload de foto no perfil/onboarding usa AvatarEditable/AvatarWrapper.
   Aumentamos o alvo clicável e a prévia. Ajustar o valor após ver na tela. */
[class*="AvatarEditable"] [class*="AvatarWrapper"],
[class*="AvatarEditable"] [class*="AvatarContainer"] {
  width: 96px !important;
  height: 96px !important;
}
[class*="AvatarEditable"] img,
[class*="AvatarEditable"] [class*="AvatarIcon"] {
  width: 96px !important;
  height: 96px !important;
  font-size: 40px !important;
}

/* --- Botão de ação / destaque na cor âmbar da marca ---
   Alvo conservador: botões primários. Cor de destaque, sem repintar tudo. */
[class*="MainButton"][class*="primary"],
button[data-testid*="submit"],
[class*="Button"][class*="Primary"] {
  background-color: var(--estr-ambar) !important;
  border-color: var(--estr-ambar) !important;
}

/* --- Esconder convite de equipe (regra: 1 licença por aluno) ---
   Esconde pontos de entrada de convite na navegação/config e no onboarding.
   A trava REAL é no banco (fase Hotmart); isto é a camada visual. */
[data-testid*="invite"],
[class*="InviteTeam"],
a[href*="invite"],
[class*="WorkspaceInvite"] {
  display: none !important;
}