@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

/* Escopado propositalmente sob main.bg-n-brand/5, exclusivo das telas de autenticacao
   (login/signup/reset-password) - nao vaza para o resto do painel do Chatwoot. */

main.bg-n-brand\/5 {
  font-family: "Poppins", "Segoe UI", sans-serif !important;
  background: #0b1519 !important;
  background-image: radial-gradient(900px 480px at 50% -10%, #123642 0%, transparent 65%) !important;
  justify-content: center !important;
}

main.bg-n-brand\/5 h2 {
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  font-size: 1.35rem !important;
  color: #a7bcc4 !important;
}

main.bg-n-brand\/5 section.bg-white {
  background: #122530 !important;
  border: 1px solid #21353f !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 0 #ffffff0d inset, 0 20px 50px #00000059 !important;
}

main.bg-n-brand\/5 label {
  color: #a7bcc4 !important;
}

main.bg-n-brand\/5 input {
  background: #0b1519 !important;
  color: #eef4f7 !important;
  outline-color: #21353f !important;
}
main.bg-n-brand\/5 input:hover {
  outline-color: #2f4250 !important;
}
main.bg-n-brand\/5 input:focus {
  outline-color: #38bdf8 !important;
  outline-width: 2px !important;
}
main.bg-n-brand\/5 input::placeholder {
  color: #5b6b78 !important;
}

main.bg-n-brand\/5 .text-link {
  color: #38bdf8 !important;
}
main.bg-n-brand\/5 .text-link:hover {
  color: #2cc6da !important;
}

main.bg-n-brand\/5 button.bg-woot-500,
main.bg-n-brand\/5 button.bg-n-brand {
  background: linear-gradient(135deg, #0e7490, #0c5a6e) !important;
  border: none !important;
  font-weight: 600 !important;
  transition: filter 0.15s ease !important;
}
main.bg-n-brand\/5 button.bg-woot-500:hover,
main.bg-n-brand\/5 button.bg-n-brand:hover {
  filter: brightness(1.12) !important;
}

/* logo grande escondida do topo - vira uma assinatura discreta abaixo do card */
main.bg-n-brand\/5 section.max-w-5xl img {
  display: none !important;
}

main.bg-n-brand\/5::after {
  content: "desenvolvido por B2SW";
  display: inline-block;
  align-self: center;
  margin-top: 32px;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #5b6b78;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232cc6da'/%3E%3Cstop offset='1' stop-color='%2338bdf8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M9 5 4 19' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M16 5 11 19' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: left center;
  padding-left: 20px;
}