/* ============================================================
   Pro SST — TELAS DE CADASTRO/EDICAO no visual novo
   ------------------------------------------------------------
   Pedido da equipe (24/09): os formularios internos (Nova Empresa, Novo
   Lead, Novo Contrato, Nova Parceria...) ainda tinham faixa de gradiente
   no topo e uma cor diferente em cada secao (laranja, verde, roxo, rosa).
   Referencias do Figma: "Task Management Dashboard" (iE1ScJCqUCNdaiA1rrGJgJ,
   no 47401:5216 — o card de evento:
   secoes curtas, linha fina entre campos, Cancelar em contorno + Salvar
   solido) e "Job Dashboard" (E0nqr3fvaJMcmqF7k0CKrv: cartao branco com
   borda #E2E2E2, raio 8, selecao em chip com fundo claro + borda).

   A MOLDURA (fundo, faixa do topo, cabecalho colorido de cartao, botao em
   gradiente) vale em TODA tela com body.sidebar-nova — telas de trabalho
   como o Centro de Distribuicao nao seguem o esqueleto de listas-nova.css.
   Telas ja refeitas a mao (.ld tela do lead, .cl listas do CRM, .cd
   dashboards) ficam FORA da moldura: o topo do lead e um .theme-header com
   h1 e a regra de texto herdado deixava o "Enviar WhatsApp" com letra escura
   no botao azul.
   O resto (campos, chips, abas) liga com body.tela-form: menu lateral novo E rota
   de cadastro/edicao (url_name *_create, *_edit, *_criar, *_editar...;
   ver core.context_processors.eh_tela_de_formulario). So acabamento:
   nenhum template, view, campo ou JS muda. Acento = --ln-accent de
   listas-nova.css (azul Pro SST; verde no Finance).
   ============================================================ */

body.sidebar-nova {
  --fm-edge:  #E5E5EA;   /* borda do cartao (Task Management: card de evento) */
  --fm-rule:  #ECECF1;   /* linha entre secoes e borda do campo */
  --fm-btn:   #E3E3E7;   /* borda do botao secundario (Cancelar) */
  --fm-field: #FDFDFD;
  --fm-label: #333333;
  --fm-tint:  color-mix(in srgb, var(--ln-accent) 8%, #FFFFFF);
}
html[data-theme="dark"] body.sidebar-nova {
  --fm-edge:  #2A313C;
  --fm-rule:  #2A313C;
  --fm-btn:   #333B47;
  --fm-field: #11161D;
  --fm-label: #D6DCE4;
  --fm-tint:  color-mix(in srgb, var(--ln-accent) 14%, #161B23);
}

/* ---------- Fundo da pagina (alguns forms pintavam um gradiente cinza) ---------- */
body.sidebar-nova #conteudo-principal [class*="min-h-screen"][class*="bg-gradient"] {
  background: transparent !important;
  padding-top: 0 !important;
}

/* ---------- Faixa do topo -> titulo limpo + voltar em contorno ---------- */
body.sidebar-nova #conteudo-principal :is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--ln-ink) !important;
}
body.sidebar-nova #conteudo-principal :is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *) h1 {
  font-size: 28px !important; font-weight: 600 !important; color: var(--ln-ink) !important; letter-spacing: -.01em;
}
body.sidebar-nova #conteudo-principal :is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *) p {
  color: var(--ln-muted) !important;
}
/* icone decorativo ao lado do titulo sai; o "voltar" (link) fica, em contorno */
body.sidebar-nova #conteudo-principal :is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *) div:is(.w-12, .w-14):is(.h-12, .h-14) {
  display: none !important;
}
body.sidebar-nova #conteudo-principal :is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *) a:is(.w-10, .w-12) {
  width: 40px !important; height: 40px !important;
  background: var(--ln-card) !important;
  border: 1px solid var(--fm-edge) !important;
  border-radius: 8px !important;
  color: var(--ln-ink) !important;
  backdrop-filter: none !important;
}
body.sidebar-nova #conteudo-principal :is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *) a:is(.w-10, .w-12):hover {
  border-color: var(--ln-accent) !important; color: var(--ln-accent) !important;
}
body.sidebar-nova #conteudo-principal :is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *) a:is(.w-10, .w-12) svg {
  width: 18px !important; height: 18px !important; color: currentColor !important;
}
body.sidebar-nova #conteudo-principal :is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *) :is(.text-white, [class*="text-white/"]) {
  color: inherit !important;
}

/* ---------- Cartoes das secoes ---------- */
body.tela-form #conteudo-principal form :is(.bg-white, [class*="bg-gradient-to-br"][class*="-50"])[class*="rounded-2xl"],
body.tela-form #conteudo-principal form .bg-white[class*="rounded-xl"][class*="shadow"],
body.tela-form #conteudo-principal > div > .bg-white[class*="rounded-2xl"] {
  background: var(--ln-card) !important;
  border: 1px solid var(--fm-edge) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 40px rgba(16, 24, 40, .05) !important;
}

/* Cabecalho colorido de cada secao -> titulo escuro com linha fina embaixo
   (as secoes do card de evento: "Details", "Invite Guests"). */
body.tela-form #conteudo-principal :is(div, header)[class*="bg-gradient-to-r"][class*="px-6"]:not([class*="rounded"]):not(:has(h1)),
body.tela-form #conteudo-principal :is(div, header)[class*="bg-gradient-to-r"][class*="px-6"][class*="rounded-t"]:not(:has(h1)),
body.sidebar-nova #conteudo-principal .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *):not(:has(h1)) {
  background: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid var(--fm-rule) !important;
  padding-top: 16px !important;
  padding-bottom: 14px !important;
}
body.tela-form #conteudo-principal [class*="bg-gradient-to-r"][class*="px-6"]:not(:has(h1)) :is(h2, h3),
body.sidebar-nova #conteudo-principal .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *):not(:has(h1)) :is(h2, h3) {
  font-size: 16px !important; font-weight: 700 !important; color: var(--ln-ink) !important;
}
body.tela-form #conteudo-principal [class*="bg-gradient-to-r"][class*="px-6"]:not(:has(h1)) p,
body.sidebar-nova #conteudo-principal .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *):not(:has(h1)) p {
  font-size: 13px !important; color: var(--ln-muted) !important;
}
body.tela-form #conteudo-principal [class*="bg-gradient-to-r"][class*="px-6"]:not(:has(h1)) :is(.text-white, [class*="text-white/"], [class*="-100"]:not([class*="bg-"])),
body.sidebar-nova #conteudo-principal .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *):not(:has(h1)),
body.sidebar-nova #conteudo-principal .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *):not(:has(h1)) :is(.text-white, [class*="text-white/"], [class*="-100"]:not([class*="bg-"])) {
  color: var(--ln-muted) !important;
}
body.tela-form #conteudo-principal [class*="bg-gradient-to-r"][class*="px-6"]:not(:has(h1)) div:is(.w-10, .w-12):is(.h-10, .h-12),
body.sidebar-nova #conteudo-principal .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *):not(:has(h1)) div:is(.w-10, .w-12):is(.h-10, .h-12) {
  width: 34px !important; height: 34px !important;
  background: var(--fm-tint) !important;
  border-radius: 8px !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
body.tela-form #conteudo-principal [class*="bg-gradient-to-r"][class*="px-6"]:not(:has(h1)) div:is(.w-10, .w-12):is(.h-10, .h-12) svg,
body.sidebar-nova #conteudo-principal .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *):not(:has(h1)) div:is(.w-10, .w-12):is(.h-10, .h-12) svg {
  color: var(--ln-accent) !important; width: 18px !important; height: 18px !important;
}

/* Cartao de destaque claro (a "Busca automatica por CNPJ" em ambar) */
body.tela-form #conteudo-principal form [class*="bg-gradient-to-br"][class*="-50"][class*="rounded-2xl"] :is(h2, h3) {
  color: var(--ln-ink) !important;
}
body.tela-form #conteudo-principal form [class*="bg-gradient-to-br"][class*="-50"][class*="rounded-2xl"] :is([class*="text-amber-"], [class*="text-orange-"]) {
  color: var(--ln-muted) !important;
}
body.tela-form #conteudo-principal form [class*="bg-gradient-to-br"][class*="-50"][class*="rounded-2xl"] > [class*="border-b"] {
  border-color: var(--fm-rule) !important;
}
body.tela-form #conteudo-principal form [class*="bg-gradient-to-br"][class*="-50"][class*="rounded-2xl"] div:is(.w-12):is(.h-12) {
  width: 34px !important; height: 34px !important;
  background: var(--fm-tint) !important; background-image: none !important;
  border-radius: 8px !important; box-shadow: none !important;
}
body.tela-form #conteudo-principal form [class*="bg-gradient-to-br"][class*="-50"][class*="rounded-2xl"] div:is(.w-12):is(.h-12) svg {
  color: var(--ln-accent) !important; width: 18px !important; height: 18px !important;
}

/* ---------- Rotulos e campos ---------- */
body.tela-form #conteudo-principal form label.block {
  color: var(--fm-label) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
body.tela-form #conteudo-principal form label.block svg {
  color: var(--ln-muted) !important;
}
body.tela-form #conteudo-principal form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not([type="range"]), select, textarea):not(.sr-only) {
  background-color: var(--fm-field) !important;
  border: 1px solid var(--fm-rule) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--ln-text);
}
body.tela-form #conteudo-principal form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not([type="range"]), select):not(.sr-only) {
  min-height: 44px;
}
body.tela-form #conteudo-principal form :is(input, select, textarea):focus {
  border-color: var(--ln-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ln-accent) 18%, transparent) !important;
  outline: none !important;
}
body.tela-form #conteudo-principal form :is(input, textarea)::placeholder {
  color: #A3A7B4 !important;
}
body.tela-form #conteudo-principal form :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--ln-accent);
}
/* Campo + botao na mesma linha (CNPJ + Buscar): o campo nao encolhia e o
   botao invadia o campo vizinho (Nova Parceria SST). */
body.tela-form #conteudo-principal form .flex > input.flex-1 {
  min-width: 0 !important;
}

/* ---------- Selecao: botoes de alternancia (Lead/Cliente, CNPJ/CPF) ---------- */
body.tela-form #conteudo-principal form .inline-flex[class*="border"][class*="overflow-hidden"] {
  border: 1px solid var(--fm-edge) !important;
  border-radius: 8px !important;
  background: var(--ln-card);
  padding: 3px;
  gap: 3px;
}
body.tela-form #conteudo-principal form .inline-flex[class*="border"][class*="overflow-hidden"] > button {
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--ln-label) !important;
  padding: 7px 18px !important;
}
body.tela-form #conteudo-principal form .inline-flex[class*="border"][class*="overflow-hidden"] > button.text-white {
  background: var(--fm-tint) !important;
  color: var(--ln-accent) !important;
  box-shadow: inset 0 0 0 1px var(--ln-accent);
}

/* Cartoes de opcao (Principal/Matriz/Filial, Vincular plano/Plano exclusivo):
   o marcado ganha borda + fundo do acento, seja por :checked ou por classe. */
body.tela-form #conteudo-principal form input.peer:checked + div,
body.tela-form #conteudo-principal form label:is([class*="border-emerald-5"], [class*="border-amber-5"], [class*="border-blue-5"], [class*="border-teal-5"], [class*="border-violet-5"], [class*="border-purple-5"], [class*="border-indigo-5"], [class*="border-orange-5"]) {
  border-color: var(--ln-accent) !important;
  background: var(--fm-tint) !important;
  box-shadow: none !important;
}
body.tela-form #conteudo-principal form input.peer + div[class*="border-2"],
body.tela-form #conteudo-principal form label[class*="border-2"] {
  border-width: 1px !important;
  border-radius: 8px !important;
}
body.tela-form #conteudo-principal form input.peer:not(:checked) + div[class*="border-2"] {
  background: var(--ln-card) !important;
  border-color: var(--fm-edge) !important;
}
body.tela-form #conteudo-principal form input.peer + div div:is(.w-10):is(.h-10) {
  background: var(--fm-tint) !important;
}
body.tela-form #conteudo-principal form input.peer + div div:is(.w-10):is(.h-10) svg {
  color: var(--ln-accent) !important;
}

/* ---------- Abas (Cadastro / Unidades / Qualificacao...) ---------- */
body.tela-form #conteudo-principal form button[class*="border-b-2"] {
  background: transparent !important;
  color: var(--ln-accent) !important;
  border-color: var(--ln-accent) !important;
}
body.tela-form #conteudo-principal form button[class*="border-b-2"] span[class*="rounded-full"] {
  background: var(--fm-tint) !important;
  color: var(--ln-accent) !important;
}

/* ---------- Botoes: Salvar solido no acento, Cancelar em contorno ---------- */
body.tela-form #conteudo-principal form :is(button, a):is([class*="bg-gradient"], [class*="bg-amber-"], [class*="bg-orange-"], [class*="bg-blue-5"], [class*="bg-blue-6"], [class*="bg-emerald-5"], [class*="bg-emerald-6"], [class*="bg-teal-5"], [class*="bg-teal-6"], [class*="bg-violet-5"], [class*="bg-violet-6"], [class*="bg-purple-5"], [class*="bg-purple-6"], [class*="bg-indigo-5"], [class*="bg-indigo-6"], .theme-btn).text-white:not(.inline-flex[class*="overflow-hidden"] > *) {
  background: var(--ln-accent) !important;
  background-image: none !important;
  border-color: var(--ln-accent) !important;
  color: #FFF !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.tela-form #conteudo-principal form :is(button, a):is([class*="bg-gradient"], [class*="bg-amber-"], [class*="bg-orange-"], [class*="bg-blue-5"], [class*="bg-blue-6"], [class*="bg-emerald-5"], [class*="bg-emerald-6"], [class*="bg-teal-5"], [class*="bg-teal-6"], [class*="bg-violet-5"], [class*="bg-violet-6"], [class*="bg-purple-5"], [class*="bg-purple-6"], [class*="bg-indigo-5"], [class*="bg-indigo-6"], .theme-btn).text-white:not(.inline-flex[class*="overflow-hidden"] > *):hover {
  background: var(--ln-accent-d) !important;
}
body.tela-form #conteudo-principal form :is(button, a):is([class*="bg-gradient"], [class*="bg-amber-"], [class*="bg-orange-"]).text-white:disabled {
  opacity: .5;
}
/* Cancelar / Voltar (link com borda cinza ao lado do Salvar) */
body.tela-form #conteudo-principal form a[class*="border-gray-"][class*="rounded-xl"] {
  border: 1px solid var(--fm-btn) !important;
  border-radius: 8px !important;
  background: var(--ln-card) !important;
  color: var(--fm-label) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
body.tela-form #conteudo-principal form a[class*="border-gray-"][class*="rounded-xl"]:hover {
  border-color: var(--ln-label) !important;
}

/* ============================================================
   MOLDURA em qualquer tela com a sidebar nova (nao so formulario)
   ------------------------------------------------------------
   Telas de trabalho (Centro de Distribuicao, Habilitacoes...) vem num
   fundo min-h-screen com gradiente, faixa colorida no topo e um cabecalho
   de cor diferente em cada painel. As regras de fundo, faixa do topo e
   cabecalho de cartao acima ja valem para elas; aqui fica o que esta
   DENTRO dessas faixas (etiqueta, busca, botao translucido) e o botao em
   gradiente.
   ============================================================ */

/* cartao com cabecalho colorido: mesma borda/raio do resto */
body.sidebar-nova #conteudo-principal .bg-white[class*="rounded-2xl"]:has(> [class*="bg-gradient-to-r"]:first-child):not(:is(.ld, .cl, .cd) *) {
  border: 1px solid var(--fm-edge) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 40px rgba(16, 24, 40, .05) !important;
}

/* etiquetas translucidas (bg-white/15, /20) -> chip do acento */
body.sidebar-nova #conteudo-principal :is(:is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *), .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *)) :is(span, div)[class*="bg-white/"] {
  background: var(--fm-tint) !important;
  color: var(--ln-accent) !important;
  border-color: transparent !important;
  backdrop-filter: none !important;
}
/* busca dentro do cabecalho -> campo normal */
body.sidebar-nova #conteudo-principal :is(:is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *), .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *)) :is(input, select)[class*="bg-white/"] {
  background: var(--fm-field) !important;
  border: 1px solid var(--fm-rule) !important;
  border-radius: 8px !important;
  color: var(--ln-text) !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
}
body.sidebar-nova #conteudo-principal :is(:is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *), .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *)) :is(input, select)[class*="bg-white/"]:focus {
  border-color: var(--ln-accent) !important;
  outline: none !important;
}
body.sidebar-nova #conteudo-principal :is(:is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *), .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *)) :is(input, select)[class*="bg-white/"]::placeholder {
  color: #A3A7B4 !important;
}
/* botao translucido -> contorno (o Cancelar do card de evento) */
body.sidebar-nova #conteudo-principal :is(:is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *), .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *)) :is(a, button)[class*="bg-white/"] {
  background: var(--ln-card) !important;
  border: 1px solid var(--fm-btn) !important;
  color: var(--fm-label) !important;
  backdrop-filter: none !important;
}
/* botao branco dentro da faixa = acao principal -> solido no acento */
body.sidebar-nova #conteudo-principal :is(:is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *), .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *)) :is(a, button).bg-white {
  background: var(--ln-accent) !important;
  border: 1px solid var(--ln-accent) !important;
  color: #FFF !important;
  border-radius: 8px !important;
}
body.sidebar-nova #conteudo-principal :is(:is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *), .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *)) :is(a, button).bg-white:hover {
  background: var(--ln-accent-d) !important;
}
/* link de texto claro na faixa ("Wizard antigo") */
body.sidebar-nova #conteudo-principal :is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *) a:not([class*="bg-"]):not(.w-10):not(.w-12) {
  color: var(--ln-accent) !important;
}

/* botao/selo de fundo SOLIDO colorido na faixa (bg-gray-700, bg-teal-500, aba ativa
   em gradiente...) mantem o texto branco. Sem isto o "text-white -> inherit" acima
   deixava texto escuro sobre fundo escuro (Arquivo das OS, "Minhas" do kanban). */
body.sidebar-nova #conteudo-principal :is(:is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *), .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *)) :is(a, button, span)[class*="bg-"]:not([class*="bg-white"]):not([class*="bg-transparent"]).text-white {
  color: #FFF !important;
}
/* conteudo do chip translucido (contador "Atividades Externas 275") segue a cor do chip */
body.sidebar-nova #conteudo-principal :is(:is([class*="bg-gradient-to"], .theme-header)[class*="rounded-2xl"]:has(h1):not(:is(.ld, .cl, .cd) *), .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *)) :is(span, div)[class*="bg-white/"] :is(p, span) {
  color: inherit !important;
}
/* pilula colorida translucida (bg-teal-500/30 + text-teal-300, feita p/ fundo escuro) -> chip do acento */
body.sidebar-nova #conteudo-principal .bg-white[class*="rounded-"] > [class*="bg-gradient-to-r"]:first-child:not(:is(.ld, .cl, .cd) *) :is(span, button):is([class*="bg-teal-500/"], [class*="bg-emerald-500/"], [class*="bg-cyan-500/"], [class*="bg-blue-500/"], [class*="bg-indigo-500/"]) {
  background: var(--fm-tint) !important;
  color: var(--ln-accent) !important;
}

/* botao em gradiente (Confirmar, Aplicar...) -> solido no acento; vermelho fica */
body.sidebar-nova #conteudo-principal :is(button, a)[class*="bg-gradient-to"].text-white:not(:is(.ld, .cl, .cd) *):not([class*="from-red"]):not([class*="from-rose"]) {
  background: var(--ln-accent) !important;
  background-image: none !important;
  border-color: var(--ln-accent) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.sidebar-nova #conteudo-principal :is(button, a)[class*="bg-gradient-to"].text-white:not(:is(.ld, .cl, .cd) *):not([class*="from-red"]):not([class*="from-rose"]):hover {
  background: var(--ln-accent-d) !important;
}