/* ─────────────────────────────────────────────────────────────────────────
   Sonarview — polimento da Central de Ajuda (SC-15).
   Injetado em toda página /hc/ pela nossa camada nginx (sub_filter), servido
   pela care-api em /chat/helpcenter-theme.css. Sem fork: é só CSS sobre o
   portal do Chatwoot, que já usa Inter + paleta slate + acento #4996f3.

   Faz: (1) logo Sonarview no cabeçalho; (2) remove "Powered by Chatwoot";
   (3) finos ajustes de arredondado/sombra alinhados ao resto do ecossistema.
   ───────────────────────────────────────────────────────────────────────── */

:root { --sv-accent: #4996f3; }

/* (1) Logo Sonarview (favicon oficial) antes do título, no link de início do cabeçalho
   (desktop + mobile). O link de início aponta sempre para a home do portal (/pt_BR). */
header a[href$="/pt_BR"] { gap: 10px; }
header a[href$="/pt_BR"]::before {
  content: "";
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  background: url("https://care-api.sonarview.com.br/chat/favicon.png") center / contain no-repeat;
}

/* (2) Remove a marca "Powered by Chatwoot" do rodapé. */
footer { display: none !important; }

/* (3) Acabamento sutil: campo de busca e cartões com o arredondado da marca. */
#search-wrap input,
#search-wrap [role="search"],
#search-wrap > div {
  border-radius: 12px !important;
}

/* (4) Fundo do MODO CLARO = #eef4fb (escolha do dono), com os cartões de categoria/artigo
   em branco sobre o azul (estilo "cartão sobre fundo", como o checkout). Escopo html:not(.dark)
   → não toca no modo escuro do Chatwoot. O acento do tema (#34405b) aparece nos links, no
   botão de busca e nos detalhes, contrastando sobre o azul-claro. */
html:not(.dark) main.main-content,
html:not(.dark) #portal-bg {
  background-color: #eef4fb !important;
}
html:not(.dark) #portal-bg-gradient {
  background-image: linear-gradient(to bottom, transparent, #eef4fb) !important;
}
html:not(.dark) .rounded-lg.border-slate-100 {
  background-color: #ffffff !important;
  box-shadow: 0 1px 3px rgba(13, 24, 50, 0.06) !important;
}

/* (5) MODO ESCURO: fundo da app = #34405b (substitui o slate-900 padrão do Chatwoot em
   cabeçalho, página, topo, menus). A logo NÃO é tocada. */
html.dark .dark\:bg-slate-900 {
  background-color: #34405b !important;
}
html.dark #portal-bg-gradient {
  background-image: linear-gradient(to bottom, transparent, #34405b) !important;
}