/* =========================================================
   NAVBAR (compartilhado)
   ========================================================= */
:root{
  /* usa a mesma variável já definida no projeto */
  --topbar-h: 56px;
}

/* faixa que segura a navbar e dá o fundo de vidro */
#navbar-holder{
  position: sticky;
  top: var(--topbar-h);
  z-index: 55;
  padding: 4px 16px 8px;
  background: linear-gradient(180deg,rgba(8,14,20,.55),rgba(8,14,20,.35));
  border-bottom: 1px solid rgba(19,38,58,.6);
}

/* centralização do conteúdo */
#navbar-holder > *{
  max-width: var(--container, 1800px);
  margin: 0 auto;
  padding: 0;
  position: relative;
}

/* cartão da navbar (igual Escalação) */
.bia-nav{
  border: 1px solid #13263a;
  border-radius: 14px;
  background:
    radial-gradient(180% 80% at 50% -50%, rgba(46,229,157,.08), transparent 45%),
    linear-gradient(180deg,#0f1721,#0e1620);
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.02);
}

/* layout interno */
.bia-nav__wrap{
  display: flex; align-items: center; gap: 14px;
  padding: 10px 14px; margin: 0;
}

/* esquerda */
.bia-nav__brand{
  font-weight: 800; color: #c9ffee; text-decoration: none;
  padding: 6px 10px; border-radius: 10px;
  background: rgba(16,185,129,.10); border: 1px solid rgba(34,197,94,.22);
}

.bia-nav__links{
  display: flex; gap: 14px; list-style: none; margin: 0; padding: 0;
}
.bia-nav__links a{
  color: #d7e9ff; text-decoration: none;
  padding: 6px 8px; border-radius: 8px; border: 1px solid transparent;
}
.bia-nav__links a:hover{ background:#0e1a26; border-color:#29415a; }

/* direita (ações) */
.bia-nav__actions{ margin-left:auto; display:flex; gap:8px; }
.bia-nav__actions .btn{
  height:34px; padding:0 12px; border-radius:12px; border:1px solid rgba(255,255,255,.06);
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
}

/* variações usadas hoje */
.bia-nav__actions .btn.primary{
  background:linear-gradient(180deg,#143126,#122a22); color:#dfffee;
  box-shadow:0 0 0 1px rgba(46,229,157,.12), 0 10px 22px rgba(46,229,157,.12);
}
.bia-nav__actions .btn.btn--ghost{
  background:linear-gradient(180deg,#0e2533,#0d2030); color:#d7efff;
  border-color:rgba(255,255,255,.06);
}
.bia-nav__actions .btn.danger{
  background:linear-gradient(180deg,#2a1212,#1a0d0d);
  color:#ffd6d6; border-color:#6b2323;
  box-shadow:0 0 0 1px rgba(239,68,68,.18), 0 10px 22px rgba(239,68,68,.18);
}
#logoutBtn:hover{ filter:brightness(1.08); }
#logoutBtn:active{ transform:translateY(1px); }

/* Responsivo */
@media (max-width:768px){
  #navbar-holder{ padding:4px 10px 8px; }
  .bia-nav__wrap{ flex-wrap:wrap; gap:10px; }
  .bia-nav__actions{ margin-left:0; width:100%; }
  .bia-nav__actions .btn{ height:32px; padding:0 10px; }
}

/* ===== Modos de posicionamento =====
   (1) Padrão = sticky (como Escalação)
   (2) Forçar estático: adicione .navbar--static ao #navbar-holder OU à .bia-nav
*/
.navbar--static,
.navbar--static .bia-nav{
  position: static !important;
  top: auto !important;
}

/* Específico: na página de Escalação, a navbar é estática e oculta "Editar colunas" */
.page--escalacao #navbar-holder,
.page--escalacao .bia-nav{ position: static !important; top:auto !important; }
.page--escalacao #btn-edit-cols{ display:none !important; }


/* esconder no mobile */
@media (max-width:768px){
  .only-desktop{ display:none !important; }
}


.bia-nav__wrap{
  display:flex;
  justify-content:center; /* centraliza os 3 */
  gap:20px;
  padding:10px 14px;
}

.bia-nav__chip{
  font-weight:600;
  text-decoration:none;
  padding:8px 14px;
  border-radius:10px;
  border:1px solid transparent;
  transition:.2s;
}

/* cores */
.chip--green{
  color:#dfffee;
  background:linear-gradient(180deg,#143126,#122a22);
  border-color:rgba(34,197,94,.22);
  box-shadow:0 0 0 1px rgba(46,229,157,.12),0 8px 16px rgba(46,229,157,.12);
}
.chip--blue{
  color:#d7efff;
  background:linear-gradient(180deg,#0e2533,#0d2030);
  border-color:rgba(59,130,246,.35);
  box-shadow:0 0 0 1px rgba(59,130,246,.25),0 8px 16px rgba(59,130,246,.20);
}
.chip--red{
  color:#ffd6d6;
  background:linear-gradient(180deg,#2a1212,#1a0d0d);
  border-color:#6b2323;
  box-shadow:0 0 0 1px rgba(239,68,68,.18),0 8px 16px rgba(239,68,68,.18);
}

/* hover */
.bia-nav__chip:hover{ filter:brightness(1.08); }


/* layout base */
.bia-nav__wrap{
  display:flex;
  align-items:center;
  gap:16px;
  padding:10px 14px;
  justify-content:center; /* mobile */
}

.bia-nav__left{
  display:flex;
  gap:16px;
}

/* desktop: esquerda + direita */
@media (min-width: 769px){
  .bia-nav__wrap{justify-content:flex-start;}
  #logoutBtn{margin-left:auto;}
}

/* IDs/classes exemplos — ajuste para os seus */
@media (max-width:640px){
  #menu-recorrencia {display:none !important;  }
}