/*
 * Tema Offertech para o Chainlit
 *
 * Cores institucionais derivadas de https://www.offertech.com.br/:
 * - Laranja principal (#ff4f01): HSL(18, 100%, 50%)
 * - Laranja hover (#e04500): HSL(18, 100%, 44%)
 * - Texto em contraste: Branco (#ffffff)
 */

/* Forçar as variáveis CSS com !important em todas as camadas e seletores raiz */
:root,
:root:root,
html,
body,
.dark,
html.dark,
body.dark {
  --primary: 18 100% 50% !important;
  --primary-foreground: 0 0% 100% !important;
  --ring: 18 100% 50% !important;
  --sidebar-primary: 18 100% 50% !important;
}

/*
 * Estilos explícitos para garantir o laranja mesmo com o carregamento posterior
 * do bundle de CSS padrão do Chainlit (index-*.css).
 */
button.bg-primary,
button[type="submit"],
.bg-primary,
button[id*="submit"],
button[id*="send"],
button[aria-label*="Send"],
button[aria-label*="Enviar"],
[data-state="checked"].data-\[state\=checked\]\:bg-primary {
  background-color: hsl(18 100% 50%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* Hover aprimorado no tom laranja mais quente */
button.bg-primary:hover,
button[type="submit"]:hover,
.bg-primary:hover,
button[id*="submit"]:hover,
button[id*="send"]:hover,
button[aria-label*="Send"]:hover,
button[aria-label*="Enviar"]:hover {
  background-color: hsl(18 100% 44%) !important;
  color: #ffffff !important;
}

/* Transições suaves para botões primários */
button.bg-primary,
button[type="submit"],
.bg-primary {
  transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.05s ease-in-out;
}

/* Foco visível no padrão laranja da marca */
button.bg-primary:focus-visible,
button[type="submit"]:focus-visible,
input:focus-visible {
  outline: 2px solid hsl(18 100% 50%) !important;
  outline-offset: 2px !important;
  --tw-ring-color: hsl(18 100% 50%) !important;
}

/* Link de cadastro e links de apoio na tela de login */
#cl-link-criar-conta a {
  color: #ff4f01 !important;
}

#cl-link-criar-conta a:hover {
  color: #e04500 !important;
  text-decoration: underline;
}

/* Raio de curvatura dos botões de ação e envio */
button[id*="submit"],
button[id*="send"] {
  border-radius: 0.5rem;
}

/* Garante tamanho proporcional e visibilidade para o logo */
img.logo,
.logo {
  width: 190px !important;
  max-width: 240px !important;
  aspect-ratio: 131 / 32 !important;
  min-height: 44px !important;
  height: auto !important;
  display: block !important;
}

/* Remove filtros cinza/escuro da imagem lateral de login */
img[alt="Image"],
.bg-muted img {
  filter: none !important;
  opacity: 1 !important;
}