/* Vagas SINE – com_vagassine */
.vagassine {
  --vs-borda: rgba(0, 0, 0, .1);
  --vs-fundo: #f6f8fa;
  --vs-destaque: #1a7f37;
  --vs-texto-suave: #57606a;
}

.vagassine-cabecalho { margin-bottom: 1.25rem; }

.vagassine-logo { margin: 0 0 1rem; }
.vagassine-logo img { display: block; width: 100%; height: auto; border-radius: 6px; }
.vagassine-logo--center img { margin-inline: auto; }
.vagassine-logo--right img { margin-left: auto; }

.vagassine-recado {
  overflow-wrap: anywhere;
  background: var(--vs-fundo);
  border-left: 4px solid var(--vs-destaque);
  border-radius: 6px;
  padding: 1rem 1.25rem;
}
.vagassine-recado > :last-child { margin-bottom: 0; }

.vagassine-barra {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem 1.5rem;
  margin-bottom: .75rem;
}
.vagassine-barra p { margin: 0; }

.vagassine-atualizacao { display: inline-flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.vagassine-ponto {
  width: .6rem; height: .6rem; border-radius: 50%;
  background: var(--vs-destaque);
  box-shadow: 0 0 0 3px rgba(26, 127, 55, .2);
}
.vagassine-total { color: var(--vs-texto-suave); font-size: .95em; }

.vagassine-busca { margin-bottom: .75rem; max-width: 420px; }

.vagassine-tabela { width: 100%; }
.vagassine-tabela thead th { white-space: nowrap; }
.vagassine-tabela tbody th { font-weight: 600; }
.vagassine-col-vagas { text-align: center; width: 6rem; }
.vagassine-qtd {
  display: inline-block; min-width: 2rem; padding: .1rem .5rem;
  border-radius: 999px; background: rgba(26, 127, 55, .12); color: var(--vs-destaque); font-weight: 700;
}
.vagassine-nenhum { color: var(--vs-texto-suave); font-style: italic; }
.vagassine-rodape { margin-top: 1rem; }
.vagassine-gerenciar-link { margin-top: 1.5rem; }

/* Tabela vira "cartões" no celular */
@media (max-width: 640px) {
  .vagassine-tabela thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .vagassine-tabela, .vagassine-tabela tbody, .vagassine-tabela tr, .vagassine-tabela th, .vagassine-tabela td { display: block; width: 100%; }
  .vagassine-tabela tr { border: 1px solid var(--vs-borda); border-radius: 8px; margin-bottom: .75rem; padding: .5rem .75rem; }
  .vagassine-tabela th, .vagassine-tabela td { border: 0 !important; padding: .2rem 0 !important; text-align: left; }
  .vagassine-tabela td[data-label]::before {
    content: attr(data-label) ": "; font-weight: 600; color: var(--vs-texto-suave); font-size: .85em;
  }
  .vagassine-col-vagas { width: auto; }
}

/* Área de gerenciamento */
.vagassine-g-topo {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 1.25rem;
}
.vagassine-g-atualizado { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.vagassine-g-form { margin-bottom: 1.5rem; }
.vagassine-g-campos { display: grid; grid-template-columns: 2fr 7rem 2fr; gap: .75rem; align-items: end; }
.vagassine-g-status { grid-column: 1 / -1; }
.vagassine-g-botoes { margin-top: 1rem; display: flex; gap: .5rem; align-items: center; }
.vagassine-g-lista-topo { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: .75rem; }
.vagassine-g-lista-topo input { max-width: 260px; }
.vagassine-col-acoes { white-space: nowrap; width: 1%; }
.vagassine-col-acoes form { display: inline; }
.vagassine-oculta { opacity: .6; }
.vagassine-editando { outline: 2px solid var(--vs-destaque); outline-offset: -2px; }

@media (max-width: 760px) {
  .vagassine-g-campos { grid-template-columns: 1fr; }
  .vagassine-col-acoes { width: 100%; white-space: normal; }
  .vagassine-col-acoes .btn { margin: .15rem 0; }
}