/* Tema Eureka para o Chatwoot 4.17: painel no padrão WhatsApp. v2.4, 09/10/2026. Servido pelo Cockpit em /chatwoot-tema.css e injetado pelo nginx fino (infra/chatwoot-tema); ajustes aqui entram no deploy do Cockpit. Seletores conferidos nos bundles compilados da 4.17.1 (dashboard-*.js/.css): balão enviado = .right-bubble (bg-n-solid-blue), recebido = .left-bubble (bg-n-slate-4), template/bot = bg-n-solid-iris, nota privada = bg-n-solid-amber, atividade = bg-n-alpha-1 centrada; item da lista = .conversation (ativo com bg-n-alpha-1); superfícies pelos tokens --surface-*, --solid-*, --background-color. Paleta: fundo da conversa #efeae2 com rabiscos próprios, enviado #d9fdd3, recebido #fff, verde #00a884. Nada aqui muda comportamento. */ /* ---- 1. Tokens: superfícies e neutros do WhatsApp ---- */ :root { --background-color: 240 242 245; /* barras e fundo da aplicação */ --surface-1: 240 242 245; --surface-2: 255 255 255; --surface-active: 255 255 255; --solid-1: 255 255 255; --solid-2: 255 255 255; --solid-3: 255 255 255; --solid-active: 255 255 255; --solid-blue: 217 253 211; /* balão enviado */ --solid-blue-2: 245 251 244; --border-weak: 233 237 239; --border-strong: 209 215 219; --border-container: 233 237 239; --alpha-1: 240, 242, 245, 1; /* conversa ativa na lista e hover */ --alpha-2: 134, 150, 160, .18; --slate-1: 255 255 255; --slate-2: 245 246 246; --slate-3: 240 242 245; --slate-4: 233 237 239; --slate-5: 209 215 219; --slate-6: 194 203 208; --slate-7: 170 181 187; --slate-8: 134 150 160; --slate-9: 102 119 129; --slate-10: 84 101 111; --slate-11: 84 101 111; /* texto secundário, horários */ --slate-12: 17 27 33; /* texto */ --blue-9: 0 168 132; /* acento: verde */ --blue-10: 0 148 116; --blue-11: 0 128 105; --blue-3: 229 247 241; --blue-4: 213 243 234; --blue-12: 0 78 64; } .dark { --background-color: 17 27 33; --surface-1: 17 27 33; --surface-2: 32 44 51; --surface-active: 42 57 66; --solid-1: 17 27 33; --solid-2: 32 44 51; --solid-3: 42 57 66; --solid-active: 42 57 66; --solid-blue: 0 92 75; /* balão enviado */ --solid-blue-2: 18 36 36; --border-weak: 34 47 54; --border-strong: 54 70 80; --border-container: 34 47 54; --alpha-1: 42, 57, 66, 1; --alpha-2: 134, 150, 160, .18; --slate-1: 11 20 26; --slate-2: 17 27 33; --slate-3: 32 44 51; --slate-4: 42 57 66; --slate-5: 54 70 80; --slate-6: 66 84 94; --slate-7: 84 101 111; --slate-8: 102 119 129; --slate-9: 134 150 160; --slate-10: 160 172 180; --slate-11: 134 150 160; --slate-12: 233 237 239; --blue-9: 0 168 132; --blue-10: 0 184 146; --blue-11: 0 194 156; --blue-3: 18 50 46; --blue-4: 20 62 56; --blue-12: 196 240 228; } /* ---- 2. Acento: o azul do Chatwoot vira o verde ---- */ .bg-n-brand { background-color: #00a884 !important; } .bg-n-brand, .bg-n-brand * { color: #fff !important; } .text-n-brand { color: #008069 !important; } .dark .text-n-brand { color: #00a884 !important; } .border-n-brand { border-color: #00a884 !important; } .ring-n-brand, .focus\:ring-n-brand:focus, .focus-visible\:ring-n-brand:focus-visible { --tw-ring-color: #00a884 !important; } /* ---- 2b. Barra lateral de navegação (Caixa de Entrada, Conversas, Canais, Etiquetas): branca, para se distinguir da lista de conversas ao lado. É o