/* ===== Import da fonte Montserrat ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

/* ===== Variáveis globais ===== */
:root {
  --azul: #44847C;        /* verde escuro */
  --azul-esc: #366a63;    /* verde mais escuro */
  --bg: #343c44;          /* fundo escuro do site */
  --card: #fff;
  --cinza: #555;
}

/* ===== Corpo do site ===== */
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  background: var(--bg);
  color: var(--cinza);
  margin: 0;
  padding: 0;
  padding-top: 55px !important; /* ✅ espaço para o navbar fixo */
}


body.modal-aberto {
  overflow: hidden;
}

body.modal-aberto .modal-box {
  overflow-y: auto !important;
  max-height: 90vh !important;
}

/* ===== SCROLLBAR GLOBAL ESCURA ===== */

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--bg); /* mesmo fundo do site */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.10);
  border-radius: 10px;
  border: 2px solid var(--bg);
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) var(--bg);
}



/* ===== CABEÇALHO ===== */
header {
  text-align: center;
  background: var(--azul);
  color: #e1e6e7;
  padding: 20px; /* ⬅ igual ao navbar */
  border-radius: 10px;
  margin: 20px auto 40px auto;
  width: calc(100% - 40px);
  max-width: 1800px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  font-family: 'Montserrat', sans-serif;
}

header h1 {
  font-size: 26px;
  margin: 0;
  color: #fff; /* força contraste */
  font-weight: 600; /* título ainda em destaque, mas não tão grosso */
}

header p {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 300;
  color: #e1e6e7; /* texto branco suave */
}

/* Ajuste menor para telas pequenas */
@media (max-width: 768px) {
  body {
    padding-top: 85px;
  }
}

/* ==========================
   PADRÃO GLOBAL DE BOTÕES E INPUTS
   (igual ao botão "Cadastrar Vaga")
   ========================== */
button,
.btn,
input[type="search"],
input[type="text"],
input[type="email"],
input[type="number"],
select {
  height: 38px;                 /* mesmo tamanho do botão Cadastrar Vaga */
  line-height: 38px;
  border-radius: 8px;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  transition: background 0.25s ease, transform 0.15s ease;

   /* 🟢 Adicione estas linhas para centralizar o texto */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal; /* mantém o texto bem centralizado */

}

/* ===== BOTÕES ===== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  cursor: pointer;
  border: none;
  font-weight: 500;
  text-decoration: none;
}

/* Verde padrão */
.btn.primary {
  background: var(--azul);
  color: #fff;
}
.btn.primary:hover {
  background: var(--azul-esc);
}

/* Amarelo (ex: "Cadastrar nova vaga") */
.btn.amarelo {
  background: #fcec7c;
  color: #5c7c8c;
}
.btn.amarelo:hover {
  background: #fbe14d;
}

/* Cinza (botões secundários) */
.btn.secondary {
  background: #6c757d;
  color: #fff;
}
.btn.secondary:hover {
  background: #5c636a;
}


/* === Garante que os botões fiquem perfeitamente alinhados na mesma linha === */
.gerenciar-tools-right {
  display: flex;
  align-items: center;
  gap: 10px; /* espaçamento uniforme entre botões */
}


/* === Correção de alinhamento para botões mistos (a / button) === */
.gerenciar-tools-right .btn,
.gerenciar-tools-right button.btn {
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 14px;
  line-height: normal;
}

/* === Botão específico para Importar OFX === */
.btn.warn {
  background: var(--azul-esc);
  color: #fff;
  border: none;
}
.btn.warn:hover {
  background: #28514b;
  transform: scale(1.03);
  cursor: pointer;
}