/* ========================================================================== Cores fixas do Chatwoot trocadas pelo dourado da Rei Sol. O Chatwoot compila as classes de marca (n-brand, n-blue-9) com o azul #2781f6 escrito direto, sem variavel — por isso a sobreposicao de tokens nao alcanca estes casos. As regras abaixo foram GERADAS a partir do CSS compilado, para nao depender de lista escrita a mao. Se atualizar o Chatwoot e algo voltar a ficar azul, basta regerar. ========================================================================== */ .banner.primary[data-v-658da868]{background-color:#be8c36 !important} :root{--blue-9:190 140 54 !important} .dark{--blue-9:190 140 54 !important} .border-n-blue-9\/30{border-color:#be8c364d !important} .border-n-blue-border{border-color:#be8c3680 !important} .border-n-brand{border-color:#be8c36 !important} .border-n-brand\/50{border-color:#be8c3680 !important} .border-t-n-brand{border-top-color:#be8c36 !important} .bg-\[\#2781F6\]{background-color:#be8c36 !important} .bg-n-blue-9{background-color:#be8c36 !important} /* bg-n-brand NAO e so botao. Nesta versao a classe tambem veste o ponto de nao-lidas (NotificationTable.vue:185), a barra de progresso de importacao (ImportProgress.vue:92) e a pilula de nao-lidas na conversa (MessagesView.vue:497). Pintar tudo de bronze escuro fazia esses indicadores quase sumirem no tema escuro. Bronze fica so no que e acao; o resto volta ao dourado da marca, que se ve nos dois temas. */ .bg-n-brand{background-color:#be8c36 !important} /* indicadores: dourado */ button.bg-n-brand, a.bg-n-brand{background-color:#855b22 !important} /* acao principal: bronze */ .bg-n-brand\/10{background-color:#be8c361a !important} .bg-n-brand\/20{background-color:#be8c3633 !important} .bg-n-brand\/5{background-color:#be8c360d !important} .from-n-brand\/15{--tw-gradient-from:rgb(190 140 54 / .15) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(190 140 54 / 0) var(--tw-gradient-to-position) !important} .fill-n-blue-9{fill:#be8c36 !important} .text-n-blue-9{color:#be8c36 !important} /* LINK NAO PODE SER OURO-500. Medido sobre os tres fundos que existem aqui: #be8c36 da 3.00 sobre branco e 2.66 sobre o creme — abaixo do minimo de 4.5 para texto. So passava no tema escuro. Cada tema leva o tom que funciona nele: bronze no claro (5.97 e 5.29), ouro-300 no escuro (9.81). Os dois marcadores de tema aparecem porque o painel marca o e as telas de entrada marcam o . */ .text-n-brand{color:#855b22 !important} body.dark .text-n-brand, html.dark .text-n-brand{color:#dec078 !important} .accent-n-blue-9{accent-color:rgb(190 140 54 / 1) !important} .\!shadow-\[var\(--widget-color\,\#2781f6\)\]{--tw-shadow-color:var(--widget-color,#be8c36) !important !important} .\!outline-n-brand{outline-color:#be8c36!important !important} .outline-n-blue-9{outline-color:#be8c36 !important} .outline-n-brand{outline-color:#be8c36 !important} .ring-n-brand{--tw-ring-color:rgb(190 140 54 / var(--tw-ring-opacity, 1)) !important} /* link em paragrafo: mesma medida do .text-n-brand — ouro-500 nao alcanca contraste de texto sobre branco (3.00) nem sobre creme (2.66). */ p a{color:#855b22 !important} body.dark p a, html.dark p a{color:#dec078 !important} p a:is(.dark *){color:#be8c36 !important} input[type]:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=image]):not([type=hidden]):not(.reset-base):not(.no-margin):focus{outline-color:#be8c36 !important} input[type]:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=image]):not([type=hidden]):not(.reset-base):not(.no-margin):focus:is(.dark *){outline-color:#be8c36 !important} select:focus{outline-color:#be8c36 !important} select:focus:is(.dark *){outline-color:#be8c36 !important} textarea:focus{outline-color:#be8c36 !important} textarea:focus:is(.dark *){outline-color:#be8c36 !important} .before\:\!border-t-n-brand:before{border-top-color:#be8c36!important !important} .before\:bg-n-brand:before{background-color:#be8c36 !important} .after\:bg-n-brand:after{background-color:#be8c36 !important} .checked\:border-n-brand:checked{border-color:#be8c36 !important} .checked\:bg-n-brand:checked{background-color:#be8c36 !important} .indeterminate\:border-n-brand:indeterminate{border-color:#be8c36 !important} .indeterminate\:bg-n-brand:indeterminate{background-color:#be8c36 !important} .focus-within\:outline-n-brand:focus-within{outline-color:#be8c36 !important} .focus-within\:ring-n-brand:focus-within{--tw-ring-color:rgb(190 140 54 / var(--tw-ring-opacity, 1)) !important} .hover\:border-n-brand:hover{border-color:#be8c36 !important} .hover\:bg-n-brand\/10:hover{background-color:#be8c361a !important} .hover\:bg-n-brand\/80:hover{background-color:#be8c36cc !important} .hover\:text-n-brand:hover{color:#6b481f !important} body.dark .hover\:text-n-brand:hover, html.dark .hover\:text-n-brand:hover{color:#f2e2b8 !important} .focus\:border-n-brand:focus{border-color:#be8c36 !important} .focus\:outline-n-blue-9:focus{outline-color:#be8c36 !important} .focus\:outline-n-brand:focus{outline-color:#be8c36 !important} .focus\:ring-n-brand:focus{--tw-ring-color:rgb(190 140 54 / var(--tw-ring-opacity, 1)) !important} .focus-visible\:bg-n-brand\/20:focus-visible{background-color:#be8c3633 !important} .focus-visible\:outline-n-brand:focus-visible{outline-color:#be8c36 !important} .focus-visible\:ring-n-brand:focus-visible{--tw-ring-color:rgb(190 140 54 / var(--tw-ring-opacity, 1)) !important} .hover\:enabled\:border-n-blue-9:enabled:hover{border-color:#be8c36 !important} .hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#be8c3680 !important} .hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#be8c3633 !important} .group:focus-within .group-focus-within\:text-n-brand{color:#be8c36 !important} .group:hover .group-hover\:bg-n-brand{background-color:#be8c36 !important} .group:hover .group-hover\:text-n-brand{color:#be8c36 !important} .has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#be8c36 !important} .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:#be8c36 !important} .dark\:border-n-brand:is(.dark *){border-color:#be8c36 !important} .dark\:bg-n-brand\/10:is(.dark *){background-color:#be8c361a !important} .dark\:\!outline-n-brand:is(.dark *){outline-color:#be8c36!important !important} .dark\:ring-n-brand:is(.dark *){--tw-ring-color:rgb(190 140 54 / var(--tw-ring-opacity, 1)) !important} .dark\:checked\:border-n-brand:checked:is(.dark *){border-color:#be8c36 !important} .dark\:checked\:bg-n-brand:checked:is(.dark *){background-color:#be8c36 !important} .dark\:focus-within\:outline-n-brand:focus-within:is(.dark *){outline-color:#be8c36 !important} .dark\:hover\:text-n-brand:hover:is(.dark *){color:#be8c36 !important} .dark\:focus\:outline-n-brand:focus:is(.dark *){outline-color:#be8c36 !important} .dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *){outline-color:#be8c36 !important} .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:#be8c36 !important} .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]:hover{background-color:#be8c36e6 !important} .menu[data-v-60cefcf4]:hover{background-color:#be8c36 !important} .search-input[data-v-69e77a2c]:focus{border-color:#be8c36 !important} .notification--unread-indicator[data-v-577256f2]{background-color:#be8c36 !important}