/* ============================================================
   Tema FlyUp para o Chatwoot
   Aproxima o visual do FlowChat (milhasflow.chat) sem tocar no
   codigo do Chatwoot: e injetado pelo nginx e some se removido.

   Paleta lida do proprio FlowChat:
     fundo   #0F1729   (hsl 222 47% 11%)
     cards   #1D283A   (hsl 217 33% 17%)
     roxo    #5C1886   (hsl 277 70% 31%)
     texto   #F9FAFB
     verde   #22C55E
   ============================================================ */

:root, html, body, body.dark {
  /* escala neutra -> azul-marinho do FlowChat */
  --slate-1:  15 23 41;
  --slate-2:  20 29 48;
  --slate-3:  29 40 58;
  --slate-4:  35 47 68;
  --slate-5:  42 56 79;
  --slate-6:  50 66 92;
  --slate-7:  62 80 110;
  --slate-8:  84 104 136;
  --slate-9:  105 122 150;
  --slate-10: 125 141 166;
  --slate-11: 168 180 198;
  --slate-12: 249 250 251;

  /* destaque azul -> roxo do FlowChat */
  --blue-1:  22 16 33;
  --blue-2:  30 20 45;
  --blue-3:  45 25 68;
  --blue-4:  60 27 90;
  --blue-5:  74 24 108;
  --blue-6:  86 26 124;
  --blue-7:  92 24 134;
  --blue-8:  110 38 158;
  --blue-9:  124 45 179;
  --blue-10: 139 92 246;
  --blue-11: 196 181 253;
  --blue-12: 233 213 255;
}

/* fundo geral e barra lateral */
body,
.bg-n-background,
[class*="bg-n-background"] {
  background-color: #0F1729 !important;
}

/* paineis, cartoes e listas */
.bg-n-solid-1, .bg-n-solid-2,
[class*="bg-n-solid-1"], [class*="bg-n-solid-2"] {
  background-color: #16203A !important;
}

/* item selecionado / hover na lista de conversas */
.bg-n-slate-2, .bg-n-slate-3 {
  background-color: #1D283A !important;
}

/* superficies dos paineis (lista de conversas e area central).
   O Chatwoot usa utilitarios proprios bg-n-surface-N que nao derivam
   da escala slate, entao precisam ser tratados um a um. */
.bg-n-surface-1, [class*="bg-n-surface-1"] { background-color: #131C2E !important; }
.bg-n-surface-2, [class*="bg-n-surface-2"] { background-color: #1D283A !important; }
.bg-n-surface-3, [class*="bg-n-surface-3"] { background-color: #24314A !important; }

/* bordas divisorias mais suaves, como no FlowChat */
.border-n-weak, [class*="border-n-weak"],
.border-n-strong, [class*="border-n-strong"] { border-color: #24314A !important; }

/* barra lateral com uma borda direita discreta separando da lista */
aside.bg-n-background, .bg-n-background.fixed {
  border-right: 1px solid #24314A !important;
}