/* ÖBR v20 – Fejléc navigációs gombok (ADMIN, BESZERZÉSEK, HÍREK/KÖZLEMÉNYEK, DÖNTÉSEK,
   VEZÉRLŐPULT) a meglévő "Vagyonhasznosítás"/"Költségelszámolás" gombok pontos mintájára,
   csak eltérő színekkel. A vagyonhasznositas-nav.css és expense-module.css fájlokat nem
   módosítja - azok a saját gombjaikat (Vagyonhasznosítás, Költségelszámolás) továbbra is
   önállóan stílusozzák, ez a fájl csak az újakat adja hozzá. */

.obr-mainnav a.obr-nav-pill {
  margin-left: .3rem;
  padding: .48rem .78rem;
  border-radius: 999px;
  font-weight: 850;
  letter-spacing: .01em;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  text-transform: uppercase;
  font-size: .88rem;
  text-decoration: none !important;
  transition: transform .12s ease, background .12s ease;
}

.obr-mainnav a.obr-nav-pill:hover,
.obr-mainnav a.obr-nav-pill:focus {
  transform: translateY(-1px);
  text-decoration: none;
}

.obr-mainnav a.obr-nav-pill .pill-ico {
  font-size: 1.05rem;
  line-height: 1;
}

/* ADMIN – semleges szürkéskék, a "gyökér" admin-belépés jelölésére */
.obr-mainnav a.obr-nav-pill-admin {
  border: 2px solid #475569;
  background: linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 100%);
  color: #1e293b !important;
  box-shadow: 0 2px 8px rgba(71, 85, 105, .18);
}
.obr-mainnav a.obr-nav-pill-admin:hover { background: linear-gradient(135deg, #e2e8f0 0%, #94a3b8 100%); color: #0f172a !important; }

/* BESZERZÉSEK – türkiz */
.obr-mainnav a.obr-nav-pill-procurements {
  border: 2px solid #0e7490;
  background: linear-gradient(135deg, #ecfeff 0%, #a5f3fc 100%);
  color: #164e63 !important;
  box-shadow: 0 2px 8px rgba(14, 116, 144, .18);
}
.obr-mainnav a.obr-nav-pill-procurements:hover { background: linear-gradient(135deg, #cffafe 0%, #67e8f9 100%); color: #0c4a5c !important; }

/* HÍREK/KÖZLEMÉNYEK – zöld */
.obr-mainnav a.obr-nav-pill-news {
  border: 2px solid #15803d;
  background: linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%);
  color: #14532d !important;
  box-shadow: 0 2px 8px rgba(21, 128, 61, .18);
}
.obr-mainnav a.obr-nav-pill-news:hover { background: linear-gradient(135deg, #dcfce7 0%, #86efac 100%); color: #0f3d22 !important; }

/* DÖNTÉSEK – lila */
.obr-mainnav a.obr-nav-pill-decisions {
  border: 2px solid #7e22ce;
  background: linear-gradient(135deg, #faf5ff 0%, #e9d5ff 100%);
  color: #581c87 !important;
  box-shadow: 0 2px 8px rgba(126, 34, 206, .18);
}
.obr-mainnav a.obr-nav-pill-decisions:hover { background: linear-gradient(135deg, #f3e8ff 0%, #d8b4fe 100%); color: #4a1372 !important; }

/* VEZÉRLŐPULT – indigó (ajánlattevő, képviselő és intézményi betekintő szerepkörnek) */
.obr-mainnav a.obr-nav-pill-dashboard {
  border: 2px solid #4338ca;
  background: linear-gradient(135deg, #eef2ff 0%, #c7d2fe 100%);
  color: #312e81 !important;
  box-shadow: 0 2px 8px rgba(67, 56, 202, .18);
}
.obr-mainnav a.obr-nav-pill-dashboard:hover { background: linear-gradient(135deg, #e0e7ff 0%, #a5b4fc 100%); color: #26246e !important; }

@media (max-width: 820px) {
  .obr-mainnav a.obr-nav-pill {
    margin-left: 0;
    justify-content: center;
    border-radius: .8rem;
    width: 100%;
  }
}