/* Tema Convirto: troca o azul do Chatwoot por verde #22C55E */

/* Modo claro */
:root {
  --blue-1: 247 254 250 !important;
  --blue-2: 240 253 244 !important;
  --blue-3: 220 252 231 !important;
  --blue-4: 204 250 220 !important;
  --blue-5: 187 247 208 !important;
  --blue-6: 160 243 190 !important;
  --blue-7: 134 239 172 !important;
  --blue-8: 74 222 128 !important;
  --blue-9: 34 197 94 !important;
  --blue-10: 22 163 74 !important;
  --blue-11: 21 128 61 !important;
  --blue-12: 20 83 45 !important;
  --solid-blue: 220 252 231 !important;
  --solid-blue-2: 247 254 250 !important;
  --text-blue: 21 128 61 !important;
  --border-blue-strong: 134 239 172 !important;
  --border-blue: 34, 197, 94, 0.5 !important;
  --w-25: #F7FEFA; --w-50: #DCFCE7; --w-75: #CCFADC; --w-100: #BBF7D0;
  --w-200: #86EFAC; --w-300: #4ADE80; --w-400: #4ADE80; --w-500: #22C55E;
  --w-600: #16A34A; --w-700: #15803D; --w-800: #166534; --w-900: #052E16;
  --color-woot: #22C55E;
}

/* Modo escuro */
.dark, body.dark, html.dark {
  --blue-1: 8 20 12 !important;
  --blue-2: 10 28 16 !important;
  --blue-3: 5 46 22 !important;
  --blue-4: 12 60 30 !important;
  --blue-5: 20 83 45 !important;
  --blue-6: 22 101 52 !important;
  --blue-7: 21 128 61 !important;
  --blue-8: 22 163 74 !important;
  --blue-9: 34 197 94 !important;
  --blue-10: 74 222 128 !important;
  --blue-11: 134 239 172 !important;
  --blue-12: 220 252 231 !important;
  --solid-blue: 12 60 30 !important;
  --solid-blue-2: 10 28 16 !important;
  --text-blue: 134 239 172 !important;
  --border-blue-strong: 21 128 61 !important;
  --border-blue: 34, 197, 94, 0.5 !important;
}

/* Azul fixo "brand" (#2781F6) */
.bg-n-brand, .hover\:bg-n-brand:hover,
.bg-woot-500, .bg-woot-600, .dark .dark\:bg-woot-500, .dark .dark\:bg-woot-600 {
  background-color: #22C55E !important;
}
.hover\:bg-woot-600:hover, .hover\:bg-woot-700:hover,
.dark .dark\:hover\:bg-woot-600:hover, .dark .dark\:hover\:bg-woot-700:hover {
  background-color: #16A34A !important;
}
.text-n-brand, .hover\:text-n-brand:hover,
.text-woot-500, .text-woot-600, .text-woot-700,
.hover\:text-woot-500:hover, .hover\:text-woot-600:hover, .hover\:text-woot-700:hover {
  color: #16A34A !important;
}
.dark .text-n-brand, .dark .hover\:text-n-brand:hover,
.dark .dark\:text-woot-400, .dark .dark\:text-woot-500,
.dark .dark\:hover\:text-woot-400:hover, .dark .dark\:hover\:text-woot-500:hover {
  color: #4ADE80 !important;
}
.border-n-brand, .hover\:border-n-brand:hover, .focus\:border-n-brand:focus,
.border-woot-500, .border-woot-600, .focus\:border-woot-500:focus,
.dark .dark\:border-woot-500, .dark .dark\:border-woot-600 {
  border-color: #22C55E !important;
}
.outline-n-brand, .focus\:outline-n-brand:focus,
.focus-visible\:outline-n-brand:focus-visible, .focus-within\:outline-n-brand:focus-within,
.outline-woot-500, .focus\:outline-woot-500:focus {
  outline-color: #22C55E !important;
}
.ring-n-brand, .focus\:ring-n-brand:focus, .ring-woot-500, .focus\:ring-woot-500:focus {
  --tw-ring-color: #22C55E !important;
}
.fill-n-brand, .fill-woot-500 { fill: #22C55E !important; }
.stroke-n-brand, .stroke-woot-500 { stroke: #22C55E !important; }

/* Fundos claros com tom azulado */
[class~="bg-n-brand/5"], [class~="bg-n-brand/10"], [class~="bg-n-brand/20"],
.bg-woot-25, .bg-woot-50, .bg-woot-75, .bg-woot-100 {
  background-color: rgb(34 197 94 / 0.12) !important;
}
.dark .dark\:bg-woot-800, .dark .dark\:bg-woot-900 {
  background-color: rgb(34 197 94 / 0.15) !important;
}

/* Caixas de seleção, barras e seleção de texto */
input[type="checkbox"], input[type="radio"], input[type="range"], progress { accent-color: #22C55E; }

/* === CONVIRTO LOGIN PRETO === */

/* Fundo exclusivo da tela de login */
body:has(form) div.min-h-screen.bg-n-brand\/5 {
  background-color: #000000 !important;
}

/* Título e textos acima do formulário */
body:has(form) div.min-h-screen.bg-n-brand\/5 h2,
body:has(form) div.min-h-screen.bg-n-brand\/5 > section > p {
  color: #FFFFFF !important;
}

/* Caixa do formulário */
body:has(form) div.min-h-screen.bg-n-brand\/5 section.bg-white {
  background-color: #171717 !important;
  border: 1px solid #333333 !important;
}

/* Textos e rótulos dentro do formulário */
body:has(form) div.min-h-screen.bg-n-brand\/5 section.bg-white label,
body:has(form) div.min-h-screen.bg-n-brand\/5 section.bg-white .text-n-slate-12,
body:has(form) div.min-h-screen.bg-n-brand\/5 section.bg-white .text-n-slate-11 {
  color: #FFFFFF !important;
}


/* === CONVIRTO LOGIN BLACK V3 === */

/* Fundo preto */
.min-h-screen.bg-n-brand\/5 {
  background-color: #000000 !important;
}

/* Títulos e textos brancos */
.min-h-screen.bg-n-brand\/5 h2,
.min-h-screen.bg-n-brand\/5 .text-n-slate-12,
.min-h-screen.bg-n-brand\/5 .text-n-slate-11,
.min-h-screen.bg-n-brand\/5 label {
  color: #FFFFFF !important;
}

/* Caixa do formulário escura */
.min-h-screen.bg-n-brand\/5 section.bg-white {
  background-color: #171717 !important;
  border: 1px solid #333333 !important;
}