/* CRM Von Dutch — overrides cosméticos da auth page */

/* Fundo cinza neutro (sobrescreve o bg-n-brand/5 azulado) */
html, body { background-color: #f3f4f6 !important; }
main[class*="bg-n-brand"],
main[class*="bg-n-background"] {
  background-color: #f3f4f6 !important;
  background-image: none !important;
}

/* Esconde a logo "dark" (branca) — sobra só a preta */
img[src*="vondutch-dark"] { display: none !important; }

/* Logo preta — tamanho equilibrado, não esticada */
img[src*="vondutch-light"] {
  height: 72px !important;
  width: auto !important;
  max-width: 260px !important;
  margin: 0 auto 32px !important;
  display: block !important;
}

/* Links/anchors em cinza escuro (não azul Chatwoot) */
a.text-n-brand,
a.text-blue-500,
a[class*="text-blue"],
a[class*="text-n-brand"],
a.text-link {
  color: #374151 !important;
}

a.text-n-brand:hover,
a.text-blue-500:hover {
  color: #111827 !important;
}

/* Card branco com sombra suave */
section.max-w-5xl > div,
section[class*="max-w-"] form {
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.05) !important;
}

/* Botão preto (reforça e cobre variações Tailwind) */
button[type="submit"],
button.bg-n-brand,
button[class*="bg-n-brand"] {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}
button[type="submit"]:hover,
button.bg-n-brand:hover {
  background-color: #2a2a2a !important;
  border-color: #2a2a2a !important;
}