/* =====================================================================
   AREA DO CLIENTE — modulo de recrutamento (vagas, candidatos, ranking)
   reaproveita as classes genericas de admin.css (tabela, modal, botao...)
   ===================================================================== */

.cliente-cota-selo {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  background-color: var(--cor-marca-clara);
  color: var(--cor-marca);
}
.cliente-cota-selo--esgotada { background-color: #fbe0e0; color: #b3261e; }
[data-tema="escuro"] .cliente-cota-selo--esgotada { background-color: #3a1414; color: #ff8a80; }

.cliente-candidatos-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.cliente-candidatos-topo h2 { margin-bottom: 0; }
.cliente-candidatos-acoes { display: flex; gap: 10px; flex-wrap: wrap; }
.cliente-candidatos-acoes .botao { padding: 10px 18px; min-height: auto; font-size: 0.85rem; }

.admin-status--inscrito { background-color: var(--cor-marca-clara); color: var(--cor-marca); }
.admin-status--nao_selecionado { background-color: var(--cor-fundo-alt); color: var(--cor-texto-suave); }
.admin-status--finalista_aguardando_disc { background-color: #e6dcfb; color: #5a2ea6; }
[data-tema="escuro"] .admin-status--finalista_aguardando_disc { background-color: #341e52; color: #c9a8ff; }
.admin-status--pronto_para_analise { background-color: #fff3cd; color: #8a6d1a; }
[data-tema="escuro"] .admin-status--pronto_para_analise { background-color: #4a3a10; color: #ffd873; }
.admin-status--analisado { background-color: #dcf3e4; color: #1e7c42; }
[data-tema="escuro"] .admin-status--analisado { background-color: #103d22; color: #6fd493; }

.cliente-resumo-ia {
  font-size: 0.82rem;
  color: var(--cor-texto-suave);
  max-width: 320px;
  display: block;
  white-space: normal;
  word-wrap: break-word;
}

.cliente-pontuacao {
  font-weight: 800;
  font-size: 1.05rem;
  color: var(--cor-marca);
}

.modal-caixa--larga { max-width: 640px; }

.cliente-lista-perguntas {
  padding-left: 22px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cliente-lista-perguntas li { color: var(--cor-texto); }

.cliente-recomendacao-titulo { font-weight: 700; color: var(--cor-marca); margin-bottom: 4px; }
.cliente-recomendacao-texto {
  background-color: var(--cor-fundo-alt);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 16px;
  font-size: 0.92rem;
}

.cliente-logo-atual {
  display: flex;
  align-items: center;
  min-height: 60px;
  margin: 10px 0 16px;
}
.cliente-logo-atual img {
  max-height: 60px;
  max-width: 220px;
  object-fit: contain;
}

.cliente-criativo-preview {
  display: block;
  width: 100%;
  max-width: 320px;
  border-radius: 14px;
  margin: 10px 0 16px;
  box-shadow: 0 6px 20px rgba(13, 71, 161, 0.18);
}

.campo-ajuda {
  display: block;
  margin-top: 4px;
  font-size: 0.78rem;
  color: var(--cor-texto-suave);
  font-weight: 400;
}

.cliente-vaga-prazo {
  font-size: 0.85rem;
  color: var(--cor-texto-suave);
  margin-top: -4px;
  margin-bottom: 14px;
}
.cliente-vaga-prazo strong { color: var(--cor-texto); }

.cliente-lista-finalistas {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}
.cliente-lista-finalistas li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  background-color: var(--cor-fundo-alt);
  border-radius: 10px;
  padding: 10px 14px;
}
.cliente-lista-finalistas .cliente-lista-finalistas__nome { font-weight: 700; }
.cliente-lista-finalistas .cliente-lista-finalistas__acoes {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.cliente-lista-finalistas .cliente-lista-finalistas__acoes .botao {
  padding: 8px 16px;
  min-height: auto;
  font-size: 0.85rem;
}

@media print {
  .cabecalho, .admin-topo, .modal-editar-acoes, #botao-tema { display: none !important; }
  .modal-sobreposicao { position: static; background: none; padding: 0; }
  .modal-caixa { box-shadow: none; max-width: 100%; }
}