/* ============================================
   Navigation Styles
   ============================================ */

.nav-bar {
  padding: 0;
  min-height: 54px;
  display: flex;
  gap: 0;
}

/* Green variant (for admin) */
.nav-bar.green {
  /* background: #78b94a; */
  background: #40c706;
}

.nav-bar.green a:hover,
.nav-bar.green a.active {
  background: #6a9f3e;
}

/* Blue variant (for regular users) */
.nav-bar.blue {
  background: #283C54;
}

.nav-bar.blue a:hover,
.nav-bar.blue a.active {
  background: #1e2d3f;
}

.nav-bar a {
  color: #fff;
  text-decoration: none;
  padding: 18px 20px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  transition: background 0.2s;
}