/* =========================================================
   CONECTA JOVEM — PALETA OFICIAL DA HOME NA ÁREA DO JOVEM
   Aplicar por último nas páginas do jovem.
========================================================= */
:root{
  --home-purple:#7C3AED;
  --home-purple-dark:#4C1D95;
  --home-blue:#2563EB;
  --home-teal:#0F766E;
  --home-cyan:#06B6D4;
  --home-ink:#0B1730;
  --home-text:#24324A;
  --home-muted:#64748B;
  --home-bg:#F7FAFC;
  --home-surface:#FFFFFF;
  --home-border:#DDE7F0;
  --home-gradient:linear-gradient(135deg,#7C3AED,#2563EB,#0F766E);
}

body{background:var(--home-bg)!important;color:var(--home-text)!important}

/* títulos e textos */
h1,h2,h3,h4,h5,h6{color:var(--home-ink)}
.text-muted,.muted,.descricao,.subtitulo,.helper,.ajuda,.hint{color:var(--home-muted)!important}

/* botões e destaques */
.btn-principal,.btn-primary,.btn-salvar,.btn-enviar,.btn-candidatar,.btn-cadastro,
button.primary,.acao-principal,.btn-destaque{
  background:var(--home-gradient)!important;
  color:#fff!important;
  border-color:transparent!important;
}

.btn-principal:hover,.btn-primary:hover,.btn-salvar:hover,.btn-enviar:hover,
.btn-candidatar:hover,.btn-cadastro:hover,button.primary:hover,.acao-principal:hover,.btn-destaque:hover{
  filter:brightness(1.05);transform:translateY(-1px)
}

/* links / navegação */
a.ativo,.nav-link.ativo,.menu-link.ativo{color:var(--home-purple)!important}
a:hover,.link:hover{color:var(--home-blue)}

/* sidebar/dashboard */
.sidebar,.menu-lateral,.card,.cartao,.form-card,.painel,.box,.bloco,
.vaga-card,.candidatura-card,.perfil-card,.info-card,.stat-card{
  background:var(--home-surface)!important;
  border-color:var(--home-border)!important;
}
.sidebar .ativo,.menu-lateral .ativo{
  color:#fff!important;
  background:var(--home-gradient)!important;
}

/* indicadores: mantém a variedade da Home */
.stat-card:nth-child(1) .icon,.stat-card:nth-child(1) i{color:var(--home-purple)}
.stat-card:nth-child(2) .icon,.stat-card:nth-child(2) i{color:var(--home-blue)}
.stat-card:nth-child(3) .icon,.stat-card:nth-child(3) i{color:var(--home-teal)}
.stat-card:nth-child(4) .icon,.stat-card:nth-child(4) i{color:var(--home-cyan)}

/* badges e elementos de destaque */
.badge,.tag,.chip{border-color:rgba(124,58,237,.18)}
.badge-primary,.tag-primary,.chip-primary{background:#F1EEFF!important;color:var(--home-purple-dark)!important}
.badge-blue,.tag-blue,.chip-blue{background:#EFF6FF!important;color:#1D4ED8!important}
.badge-teal,.tag-teal,.chip-teal{background:#ECFDF5!important;color:#0F766E!important}

/* formulários */
input:focus,select:focus,textarea:focus{
  border-color:var(--home-purple)!important;
  box-shadow:0 0 0 3px rgba(124,58,237,.14)!important;
  outline:none!important;
}

/* barras / progressos */
.progress-fill,.barra-progresso,.progresso-fill{background:var(--home-gradient)!important}

/* =========================================================
   CORREÇÃO FINAL — CONTRASTE DO MENU DO JOVEM NO TEMA CLARO
   O estado ativo precisa manter texto e ícone brancos sobre
   o gradiente azul/roxo, evitando que regras antigas do tema
   deixem o texto roxo/azul com baixo contraste.
========================================================= */
html .sidebar:not(.sidebar-empresa) nav a.ativo,
.sidebar:not(.sidebar-empresa) nav a.ativo{
  background:linear-gradient(135deg,#6C3DF5 0%,#2563EB 58%,#0F8F86 100%)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  text-shadow:0 1px 1px rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(37,99,235,.18)!important;
}

html .sidebar:not(.sidebar-empresa) nav a.ativo i,
html .sidebar:not(.sidebar-empresa) nav a.ativo span,
.sidebar:not(.sidebar-empresa) nav a.ativo i,
.sidebar:not(.sidebar-empresa) nav a.ativo span{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}

/* Links normais: escuro o suficiente para o fundo branco */
html .sidebar:not(.sidebar-empresa) nav a:not(.ativo),
.sidebar:not(.sidebar-empresa) nav a:not(.ativo){
  color:#52627A!important;
}

html .sidebar:not(.sidebar-empresa) nav a:not(.ativo) i,
.sidebar:not(.sidebar-empresa) nav a:not(.ativo) i{
  color:#64748B!important;
}

html .sidebar:not(.sidebar-empresa) nav a:not(.ativo):hover,
.sidebar:not(.sidebar-empresa) nav a:not(.ativo):hover{
  color:#5B21B6!important;
  background:#F3F0FF!important;
}

html .sidebar:not(.sidebar-empresa) nav a:not(.ativo):hover i,
.sidebar:not(.sidebar-empresa) nav a:not(.ativo):hover i{
  color:#6C3DF5!important;
}

/* Botão sair com vermelho legível no tema claro */
html .sidebar:not(.sidebar-empresa) .btn-sair,
.sidebar:not(.sidebar-empresa) .btn-sair{
  background:#FEE2E2!important;
  color:#B91C1C!important;
  border:1px solid #FECACA!important;
}

html .sidebar:not(.sidebar-empresa) .btn-sair i,
.sidebar:not(.sidebar-empresa) .btn-sair i{
  color:#DC2626!important;
}