/* =========================================================
   FERMENTA SALES - REDESIGN / TELAS AUXILIARES (fase 4b)

   Modelo A: aplicado direto nas paginas ao vivo, uma por vez.
   TUDO escopado em body.fsd-redesign + o wrapper de cada
   pagina. Sem essa classe no <body>, o arquivo e inerte.
   So pintura/tipografia. Consome --fsd-* (fase 1).
   ========================================================= */

body.fsd-redesign { font-family: var(--fsd-font-ui); }

/* =========================================================
   REMAP DE PALETA - paginas que usam custom properties
   (plano, configuracoes, entrar, administracao).
   Cada pagina le so os nomes que ja usa; os demais sao
   inofensivos.
   ========================================================= */
body.fsd-redesign {
  /* neutros / superficie */
  --bg: var(--fsd-bg);
  --background: var(--fsd-bg);
  --page: var(--fsd-bg);
  --surface: var(--fsd-surface);
  --white: var(--fsd-surface);
  --line: var(--fsd-border);
  --border: var(--fsd-border);
  /* texto */
  --ink: var(--fsd-ink);
  --navy: var(--fsd-ink);
  --navy2: var(--fsd-ink);
  --navy-2: var(--fsd-ink);
  --navy-soft: var(--fsd-text);
  --text: var(--fsd-text);
  --muted: var(--fsd-muted);
  /* acento */
  --blue: var(--fsd-accent);
  --blue-bright: var(--fsd-accent);
  --blue-soft: var(--fsd-accent-weak);
  --blue-light: var(--fsd-accent-weak);
  /* semanticas */
  --green: var(--fsd-good);
  --green-soft: var(--fsd-good-weak);
  --green-bg: var(--fsd-good-weak);
  --success: var(--fsd-good);
  --success-soft: var(--fsd-good-weak);
  --red: var(--fsd-crit);
  --danger: var(--fsd-crit);
  --danger-soft: var(--fsd-crit-weak);
  --orange: var(--fsd-warn);
  --warning: var(--fsd-warn);
  --warning-soft: var(--fsd-warn-weak);
  --gold: var(--fsd-gold);
  --gold-soft: var(--fsd-gold-weak);
  /* sombra */
  --shadow: var(--fsd-shadow-sm);
  /* settings-ui-polish-v1 */
  --fs-ui-navy: var(--fsd-ink);
  --fs-ui-blue: var(--fsd-accent);
  --fs-ui-blue-soft: var(--fsd-accent-weak);
  --fs-ui-border: var(--fsd-border);
  --fs-ui-text: var(--fsd-ink);
  --fs-ui-muted: var(--fsd-muted);
}

/* =========================================================
   PACOTE ALVO - paginas com cores hardcoded.
   Cada bloco so age dentro do wrapper da sua pagina.
   ========================================================= */

/* ----- mixin visual comum (aplicado via seletores abaixo) ----- */

/* cadastro/  (wrapper .page > .content) */
body.fsd-redesign .page { background: var(--fsd-bg) !important; color: var(--fsd-text) !important; }
body.fsd-redesign .page .content-inner,
body.fsd-redesign .page .plan-card,
body.fsd-redesign .page .side {
  background: var(--fsd-surface) !important;
  border: 1px solid var(--fsd-border) !important;
  border-radius: var(--fsd-r-lg) !important;
  box-shadow: var(--fsd-shadow-sm) !important;
}
body.fsd-redesign .page .eyebrow { color: var(--fsd-accent-ink) !important; }
body.fsd-redesign .page h1, body.fsd-redesign .page h2 { color: var(--fsd-ink) !important; font-family: var(--fsd-font-ui) !important; }
body.fsd-redesign .page .subtitle, body.fsd-redesign .page .note { color: var(--fsd-muted) !important; }
body.fsd-redesign .page a:not(.button) { color: var(--fsd-accent-ink) !important; }
body.fsd-redesign .page .button {
  background: var(--fsd-accent) !important; border-color: var(--fsd-accent) !important;
  color: #fff !important; border-radius: var(--fsd-r-ctl) !important;
}
body.fsd-redesign .page .field input,
body.fsd-redesign .page .field select {
  border: 1px solid var(--fsd-border-2) !important; border-radius: var(--fsd-r-ctl) !important;
  background: var(--fsd-surface) !important; color: var(--fsd-text) !important;
}
body.fsd-redesign .page .field input:focus,
body.fsd-redesign .page .field select:focus {
  outline: none !important; border-color: var(--fsd-accent) !important;
  box-shadow: 0 0 0 3px var(--fsd-accent-weak) !important;
}
body.fsd-redesign .page .price { color: var(--fsd-ink) !important; }

/* pagamento/  (wrapper .card) - toque minimo (pagina de checkout) */
body.fsd-redesign .card {
  background: var(--fsd-surface) !important;
  border: 1px solid var(--fsd-border) !important;
  border-radius: var(--fsd-r-lg) !important;
  box-shadow: var(--fsd-shadow-sm) !important;
}
body.fsd-redesign .card .eyebrow { color: var(--fsd-accent-ink) !important; }
body.fsd-redesign .card .subtitle { color: var(--fsd-muted) !important; }
body.fsd-redesign .card .summary,
body.fsd-redesign .card .status-box {
  background: var(--fsd-sunken) !important; border: 1px solid var(--fsd-border) !important;
  border-radius: var(--fsd-r-card) !important;
}
body.fsd-redesign .card .price { color: var(--fsd-ink) !important; }

/* prospeccao/  (wrapper main.shell) - sem tocar .hero (fundo escuro) */
body.fsd-redesign .shell { background: var(--fsd-bg) !important; color: var(--fsd-text) !important; }
body.fsd-redesign .shell .panel {
  background: var(--fsd-surface) !important; border: 1px solid var(--fsd-border) !important;
  border-radius: var(--fsd-r-lg) !important; box-shadow: var(--fsd-shadow-sm) !important;
}
body.fsd-redesign .shell .eyebrow,
body.fsd-redesign .shell .page-label { color: var(--fsd-accent-ink) !important; }
body.fsd-redesign .shell .filters input,
body.fsd-redesign .shell .filters select {
  border: 1px solid var(--fsd-border-2) !important; border-radius: var(--fsd-r-ctl) !important;
  background: var(--fsd-surface) !important; color: var(--fsd-text) !important;
}
body.fsd-redesign .shell .filters input:focus,
body.fsd-redesign .shell .filters select:focus {
  outline: none !important; border-color: var(--fsd-accent) !important;
  box-shadow: 0 0 0 3px var(--fsd-accent-weak) !important;
}
body.fsd-redesign .shell .search-button,
body.fsd-redesign .shell .refresh {
  background: var(--fsd-accent) !important; border-color: var(--fsd-accent) !important;
  color: #fff !important; border-radius: var(--fsd-r-ctl) !important;
}
body.fsd-redesign .shell .clear-button { color: var(--fsd-accent-ink) !important; }
body.fsd-redesign .shell .crm-badge {
  border-radius: var(--fsd-r-pill) !important; font-family: var(--fsd-font-ui) !important;
}

/* pagamentos-e-assinatura/  (barra .bar + conteudo) - legal, toque minimo */
body.fsd-redesign .bar {
  background: var(--fsd-surface) !important;
  border-bottom: 1px solid var(--fsd-border) !important;
}
body.fsd-redesign .bar .brand { color: var(--fsd-ink) !important; }
body.fsd-redesign .back { color: var(--fsd-accent-ink) !important; }
body.fsd-redesign .notice {
  background: var(--fsd-accent-weak) !important; border-radius: var(--fsd-r-card) !important;
  color: var(--fsd-text) !important;
}

/* auth: esqueci-senha / redefinir-senha (wrapper .auth-card) */
body.fsd-redesign .auth-page { background: var(--fsd-bg) !important; }
body.fsd-redesign .auth-card {
  background: var(--fsd-surface) !important;
  border: 1px solid var(--fsd-border) !important;
  border-radius: var(--fsd-r-lg) !important;
  box-shadow: var(--fsd-shadow-sm) !important;
}
body.fsd-redesign .auth-card .eyebrow { color: var(--fsd-accent-ink) !important; }
body.fsd-redesign .auth-card h1, body.fsd-redesign .auth-card h2 { color: var(--fsd-ink) !important; font-family: var(--fsd-font-ui) !important; }
body.fsd-redesign .auth-card .intro, body.fsd-redesign .auth-card .message, body.fsd-redesign .auth-card .security-note { color: var(--fsd-muted) !important; }
body.fsd-redesign .auth-card input {
  border: 1px solid var(--fsd-border-2) !important; border-radius: var(--fsd-r-ctl) !important;
  background: var(--fsd-surface) !important; color: var(--fsd-text) !important;
}
body.fsd-redesign .auth-card input:focus {
  outline: none !important; border-color: var(--fsd-accent) !important;
  box-shadow: 0 0 0 3px var(--fsd-accent-weak) !important;
}
body.fsd-redesign .auth-card .button.primary {
  background: var(--fsd-accent) !important; border-color: var(--fsd-accent) !important;
  color: #fff !important; border-radius: var(--fsd-r-ctl) !important;
}
body.fsd-redesign .auth-card .button.secondary {
  background: var(--fsd-surface) !important; border: 1px solid var(--fsd-border-2) !important;
  color: var(--fsd-text) !important; border-radius: var(--fsd-r-ctl) !important;
}
body.fsd-redesign .auth-card .back-link,
body.fsd-redesign .auth-card .login-link { color: var(--fsd-accent-ink) !important; }

/* convite/ (wrapper .invite-card) */
body.fsd-redesign .invite-page { background: var(--fsd-bg) !important; }
body.fsd-redesign .invite-card {
  background: var(--fsd-surface) !important;
  border: 1px solid var(--fsd-border) !important;
  border-radius: var(--fsd-r-lg) !important;
  box-shadow: var(--fsd-shadow-sm) !important;
}
body.fsd-redesign .invite-card .eyebrow { color: var(--fsd-accent-ink) !important; }
body.fsd-redesign .invite-card h1, body.fsd-redesign .invite-card h2 { color: var(--fsd-ink) !important; font-family: var(--fsd-font-ui) !important; }
body.fsd-redesign .invite-card .intro, body.fsd-redesign .invite-card .message { color: var(--fsd-muted) !important; }
body.fsd-redesign .invite-card .invite-context {
  background: var(--fsd-sunken) !important; border: 1px solid var(--fsd-border) !important;
  border-radius: var(--fsd-r-card) !important;
}
body.fsd-redesign .invite-card .button.primary {
  background: var(--fsd-accent) !important; border-color: var(--fsd-accent) !important;
  color: #fff !important; border-radius: var(--fsd-r-ctl) !important;
}
body.fsd-redesign .invite-card .button.secondary {
  background: var(--fsd-surface) !important; border: 1px solid var(--fsd-border-2) !important;
  color: var(--fsd-text) !important; border-radius: var(--fsd-r-ctl) !important;
}