/* ===========================================================
   Tema Connect Central — "Elo"
   O degradê da marca, medido no próprio logo:
     #FD9202 (laranja-sol) → #FD5D05 (laranja) → #FC351E (vermelho)
     → #FB063A (rosa-vermelho, a cor do elo e do .shop)

   A LP pública já nasce laranja (#ff5a0f/#f13e05/#ff2d55), ou seja,
   quase a marca. Quem destoava era a ÁREA ADMIN: roxo (--primary: 262 83% 58%)
   com acento âmbar. Este arquivo puxa o admin para o degradê da marca e
   acerta os poucos tons da LP para baterem exatamente com o logo.

   Fica num arquivo só, carregado por <link> antes do </head>. Assim o tema
   do Connect Central é UM arquivo que dá para trocar ou remover inteiro, e
   os painéis continuam com o mesmo código — a única divergência é este
   arquivo mais a linha que o carrega.
   =========================================================== */
:root {
  /* o degradê da marca */
  --cc-sol:     #FD9202;
  --cc-laranja: #FD5D05;
  --cc-brasa:   #FC351E;
  --cc-rosa:    #FB063A;
  --cc-rosa-claro: #FF5C7D;

  /* fundo: preto com um fio de ameixa, para o rosa do logo não sumir */
  --cc-fundo:   #0D0710;
  --cc-carta:   #1A1019;
  --cc-borda:   rgba(253,146,2,.22);
  --cc-texto:   #F6F1F0;

  /* nomes que o painel usa internamente */
  --void: #0D0710;
  --surface: #1A1019;
  --violet: #FC351E;      /* o painel chama de "violet" a cor primária */
  --violet-2: #FD9202;
  --gold: #FD9202;        /* e de "gold" o acento */
  --gold-2: #FFC24D;
  --chalk: #F6F1F0;

  /* o site público e o menu do admin leem estas em HSL */
  --primary: 16 98% 51%;     /* #FD5D05 */
  --header-bg: 288 40% 5%;
}

body { background: var(--cc-fundo); }

/* ---- acento: botão de entrar, números, destaques ---- */
.text-amber-300, .text-amber-400, .text-amber-200 { color: var(--cc-sol) !important; }
.bg-amber-400, .bg-amber-500, .bg-amber-300 { background-color: var(--cc-sol) !important; }
.border-amber-400, .border-amber-300 { border-color: var(--cc-sol) !important; }
.ring-amber-400 { --tw-ring-color: var(--cc-sol) !important; }
.from-amber-200 { --tw-gradient-from: var(--cc-sol) !important; }
.via-amber-400  { --tw-gradient-via:  var(--cc-laranja) !important; }
.to-amber-500   { --tw-gradient-to:   var(--cc-rosa) !important; }

/* ---- primária: selos, bordas, brilhos ---- */
.bg-violet-600, .bg-violet-500, .bg-violet-400, .bg-fuchsia-600, .bg-purple-600 {
  background-color: var(--cc-brasa) !important;
}
.border-violet-400, .border-violet-500, .border-purple-500 { border-color: var(--cc-laranja) !important; }
.text-violet-300, .text-violet-400, .text-purple-300 { color: var(--cc-sol) !important; }

/* a escala inteira de violet/purple/fuchsia, não só os tons que o login usa */
.text-violet-700, .text-violet-600, .text-purple-700, .text-purple-600 { color: #C7410A !important; }
.text-violet-500, .text-purple-500, .text-fuchsia-600 { color: #FD5D05 !important; }
.text-violet-200, .text-purple-200, .text-violet-100 { color: #FFD9A3 !important; }
.bg-violet-700, .bg-purple-700 { background-color: #C7410A !important; }
.bg-violet-100, .bg-purple-100, .bg-violet-50, .bg-purple-50 { background-color: #FFEEDD !important; }
.border-violet-200, .border-purple-200 { border-color: #FFD9A3 !important; }
.hover\:text-violet-700:hover, .hover\:text-purple-700:hover { color: #FD5D05 !important; }

/* As classes do Tailwind com opacidade viram nomes próprios
   (bg-violet-600/25), então .bg-violet-600 não pega nelas — por isso os
   borrões roxos do fundo sobrevivem à primeira rodada. Vão por atributo. */
[class*="bg-violet-600/"]   { background-color: rgba(252,53,30,.22) !important; }
[class*="bg-fuchsia-600/"]  { background-color: rgba(251,6,58,.16) !important; }
[class*="bg-violet-400/"]   { background-color: rgba(253,146,2,.12) !important; }
[class*="border-violet-400/"] { border-color: rgba(253,146,2,.26) !important; }
[class*="bg-amber-400/"], [class*="bg-amber-500/"] { background-color: rgba(253,93,5,.14) !important; }
[class*="border-amber-400/"] { border-color: rgba(253,146,2,.28) !important; }
[class*="text-amber-300/"]  { color: rgba(253,146,2,.92) !important; }
[class*="via-amber-400/"]   { --tw-gradient-via: rgba(253,93,5,.70) !important; }
[class*="ring-amber-400/"]  { --tw-ring-color: rgba(253,146,2,.30) !important; }
[class*="hover:text-amber-300"]:hover { color: var(--cc-sol) !important; }

/* ---- o brilho sob o logo e o halo do cartão de login ---- */
.logo-glow {
  filter: drop-shadow(0 22px 48px rgba(251,6,58,.40))
          drop-shadow(0 0 28px rgba(253,146,2,.28)) !important;
}
.aura, .glow, .halo {
  background: radial-gradient(circle,
      rgba(253,146,2,.20) 0%,
      rgba(251,6,58,.16) 44%,
      transparent 70%) !important;
}

/* o botão de entrar: era âmbar, vira o degradê da marca */
.btn-gold {
  background: linear-gradient(135deg, #FD9202 0%, #FD5D05 48%, #FB063A 100%) !important;
  color: #1A0A05 !important;
}
.btn-gold:hover { filter: brightness(1.07); }

/* o cartão do login era um degradê roxo */
.card, .card-login, .painel-login {
  background: linear-gradient(160deg, rgba(32,18,30,.94) 0%, rgba(17,9,16,.96) 100%) !important;
}

/* texto de apoio sobre um fundo quase preto pede um cinza um pouco mais claro */
.text-gray-400, .text-slate-400, .text-zinc-400 { color: #A79EA3 !important; }


/* ===========================================================
   ÁREA ADMIN — gerado a partir do próprio design system do painel.
   (cc/gerar-admin.py lê admin-premium.css e o <style> do header.php,
   acha cada declaração que usa a família roxa e re-emite a mesma regra
   com a cor da marca. Nenhum arquivo da base foi alterado.)
   =========================================================== */
/* ---- admin-premium.css: 62 regras, 87 declarações ---- */
.ap-btn--primary { box-shadow: 0 8px 20px rgba(253, 93, 5, 0.25) !important; }
.ap-btn--ghost { border-color: rgba(253, 93, 5, 0.25) !important; }
.ap-card--highlight { border-color: rgba(253, 93, 5, 0.25) !important; background: linear-gradient(135deg, rgba(253, 93, 5, 0.04), rgba(249, 115, 22, 0.04)) !important; }
.ap-tab--active { box-shadow: 0 8px 20px rgba(253, 93, 5, 0.22) !important; }
.ap-field:focus { box-shadow: 0 0 0 3px rgba(253, 93, 5, 0.15) !important; }
.ap-table tbody tr:hover { background: rgba(253, 93, 5, 0.03) !important; }
.ap-badge--purple { background: rgba(253, 93, 5, 0.12) !important; }
.ap-dash-hero { border: 1px solid rgba(253, 93, 5, 0.18) !important; background: radial-gradient(1200px 400px at 100% -20%, rgba(253, 93, 5, 0.22), transparent 55%),
        radial-gradient(800px 300px at -10% 120%, rgba(249, 115, 22, 0.14), transparent 50%),
        linear-gradient(135deg, #1A0C13 0%, #120d22 48%, #0f1629 100%) !important; }
.ap-dash-chip--info { color: #FFC24D !important; border-color: rgba(255, 194, 77, 0.25) !important; }
.ap-dash-metric--purple .ap-dash-metric__icon { background: rgba(253, 93, 5, 0.12) !important; }
.ap-dash-health-score { background: linear-gradient(135deg, rgba(253, 93, 5, 0.06), rgba(16, 185, 129, 0.05)) !important; border: 1px solid rgba(253, 93, 5, 0.12) !important; }
.ap-dash-action:hover { border-color: rgba(253, 93, 5, 0.25) !important; }
.ap-dash-action--purple .ap-dash-action__icon { background: rgba(253, 93, 5, 0.12) !important; }
.ap-dash-chart__bar--cadastro { background: linear-gradient(180deg, #FD9202, hsl(var(--primary))) !important; box-shadow: 0 6px 14px rgba(253, 93, 5, 0.25) !important; }
.ap-dash-rate { border: 1px dashed rgba(253, 93, 5, 0.25) !important; }
.ap-dash-auto:hover { border-color: rgba(253, 93, 5, 0.22) !important; }
.ap-help-setup { border: 2px solid #FFC24D !important; background: linear-gradient(180deg, #FFF7F0 0%, #fff 55%) !important; box-shadow: 0 12px 40px rgba(253, 93, 5, 0.1) !important; }
html.dark .ap-help-setup { background: linear-gradient(180deg, #1F1017 0%, #12182a 55%) !important; border-color: #8A1C06 !important; }
.ap-help-setup__head { border-bottom: 1px solid #FFE8D6 !important; }
html.dark .ap-help-setup__head { border-color: #5A1205 !important; }
.ap-help-setup__badge { background: #FD5D05 !important; }
.ap-help-setup__title { color: #5A1205 !important; }
html.dark .ap-help-setup__title { color: #FFD9A3 !important; }
.ap-help-setup-panel { border: 1px solid #FFE8D6 !important; }
html.dark .ap-help-setup-panel { border-color: #6E1705 !important; }
.ap-help-setup-panel__title { color: #8A1C06 !important; }
.ap-help-setup-checklist li { background: #FFF7F0 !important; }
html.dark .ap-help-setup-checklist li { background: #1B0E15 !important; }
.ap-help-setup-checklist__num { background: #FD5D05 !important; }
.ap-help-setup-checklist__link { color: #FD5D05 !important; }
.ap-help-setup-kv__row strong { color: #8A1C06 !important; }
.ap-help-setup-next__label { color: #FD5D05 !important; }
.ap-help-nav__link--highlight { background: rgba(253, 93, 5, 0.15) !important; color: #C7410A !important; }
.ap-help-hero { background: linear-gradient(135deg, #5A1205 0%, #C7410A 45%, #FD5D05 100%) !important; box-shadow: 0 20px 50px rgba(138, 28, 6, 0.25) !important; }
.ap-help-quick-card:hover { border-color: #FFC24D !important; box-shadow: 0 8px 24px rgba(253, 93, 5, 0.12) !important; }
.ap-help-nav__link:hover,
.ap-help-nav__link.is-active { background: rgba(253, 93, 5, 0.1) !important; color: #C7410A !important; }
.ap-help-article__toggle:hover { background: rgba(253, 93, 5, 0.04) !important; }
.ap-help-block__label { color: #FD5D05 !important; }
.ap-help-link-card { border: 1px solid #FFD9A3 !important; background: linear-gradient(180deg, #FFF7F0 0%, #FFF6EE 100%) !important; }
.ap-help-link-card:hover { border-color: #FD9202 !important; box-shadow: 0 4px 12px rgba(253, 93, 5, 0.15) !important; }
.ap-help-link-card__label { color: #8A1C06 !important; }
.ap-sidebar { background: linear-gradient(180deg, #1A0D14 0%, #120e22 48%, #0f0c1a 100%) !important; }
.ap-sidebar__logo-fallback { background: linear-gradient(135deg, #FD5D05 0%, #FB063A 100%) !important; }
.ap-sidebar__avatar { background: linear-gradient(135deg, #FC351E 0%, #FD7A1F 100%) !important; }
.ap-sidebar__user-role { color: rgba(253, 146, 2, 0.95) !important; }
.ap-sidebar-link.is-active { background: linear-gradient(135deg, rgba(253, 93, 5, 0.55) 0%, rgba(253, 122, 31, 0.4) 100%) !important; border-color: rgba(253, 146, 2, 0.35) !important; }
.ap-sidebar-badge--purple { background: rgba(251, 6, 58, 0.22) !important; color: #FFCB8A !important; border: 1px solid rgba(251, 6, 58, 0.35) !important; }
.ap-sidebar-sub__toggle.is-active { background: linear-gradient(135deg, rgba(253, 93, 5, 0.45) 0%, rgba(253, 122, 31, 0.3) 100%) !important; border-color: rgba(253, 146, 2, 0.3) !important; }
.ap-loja-afiliado-panel { border: 1px solid #FFE8D6 !important; background: linear-gradient(135deg, #FFF7F0 0%, #FFF6EE 50%, #FFEEDD 100%) !important; box-shadow: 0 4px 20px rgba(253, 93, 5, 0.08) !important; }
.ap-loja-afiliado-panel__eyebrow { color: #FD5D05 !important; }
.ap-loja-afiliado-panel__title { color: #5A1205 !important; }
.ap-loja-afiliado-panel__desc { color: #8A1C06 !important; }
.ap-loja-afiliado-panel__steps li { color: #C7410A !important; }
.ap-loja-afiliado-panel__steps li span { background: #FD5D05 !important; }
.ap-loja-afiliado-link { border: 1px solid #FFC24D !important; color: #8A1C06 !important; }
.ap-loja-afiliado-link:hover { border-color: #FD7A1F !important; box-shadow: 0 4px 12px rgba(253, 93, 5, 0.15) !important; color: #5A1205 !important; }
.ap-loja-afiliado-link--primary { background: linear-gradient(135deg, #FD5D05 0%, #C7410A 100%) !important; }
html.dark .ap-loja-afiliado-panel { background: linear-gradient(135deg, #1F1017 0%, #16102a 100%) !important; border-color: rgba(253, 122, 31, 0.35) !important; }
html.dark .ap-loja-afiliado-panel__title { color: #FFE8D6 !important; }
html.dark .ap-loja-afiliado-panel__desc,
html.dark .ap-loja-afiliado-panel__steps li { color: #FFC24D !important; }
html.dark .ap-loja-afiliado-link { border-color: rgba(253, 122, 31, 0.4) !important; color: #FFD9A3 !important; }
html.dark .ap-loja-afiliado-link--primary { background: linear-gradient(135deg, #FD5D05 0%, #8A1C06 100%) !important; }
/* ---- header.php (<style> interno): 1 regras, 90 declarações ---- */
.admin-spinner { border: 4px solid rgba(253, 146, 2, 0.22) !important; border-top-color: #FD9202 !important; border-right-color: #FD7A1F !important; }