/* V3.2.118 — profesionalne barvne in subtilno animirane ikone levega menija */
#nav .nav111-btn{gap:14px!important}
#nav .nav111-icon{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border-radius:10px!important;display:grid!important;place-items:center!important;
  position:relative!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(20,43,66,.96),rgba(10,25,39,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 14px rgba(0,0,0,.16)!important;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease!important;
}
#nav .nav111-icon::after{
  content:"";position:absolute;left:4px;right:4px;top:4px;height:40%;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none;
}
#nav .nav111-icon svg{width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;position:relative;z-index:1}
#nav button.nav111-btn:hover .nav111-icon{transform:translateY(-1px) scale(1.05)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.22)!important;filter:saturate(1.08)}
#nav button.nav111-btn.active .nav111-icon{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 10px 22px rgba(239,63,56,.28)!important;animation:nav118ActiveGlow 2.8s ease-in-out infinite}

#nav .nav111-btn[data-page="dashboard"] .nav111-icon{color:#7fd0ff!important;background:linear-gradient(180deg,#183d5d,#0e2740)!important}
#nav .nav111-btn[data-page="interventions"] .nav111-icon{color:#ffb14d!important;background:linear-gradient(180deg,#5b2216,#30130e)!important}
#nav .nav111-btn[data-page="prevention"] .nav111-icon{color:#8fe7b6!important;background:linear-gradient(180deg,#174336,#0e2a21)!important}
#nav .nav111-btn[data-page="exercises"] .nav111-icon{color:#8ec5ff!important;background:linear-gradient(180deg,#1d3554,#13263c)!important}
#nav .nav111-btn[data-page="equipment"] .nav111-icon{color:#9ad3ff!important;background:linear-gradient(180deg,#2c2a56,#1b183a)!important}
#nav .nav111-btn[data-page="fleet"] .nav111-icon{color:#ff8f8f!important;background:linear-gradient(180deg,#522028,#321218)!important}
#nav .nav111-btn[data-page="members"] .nav111-icon{color:#d4c0ff!important;background:linear-gradient(180deg,#362b55,#241a3d)!important}
#nav .nav111-btn[data-page="gallery"] .nav111-icon{color:#ffd977!important;background:linear-gradient(180deg,#564520,#3a2c10)!important}
#nav .nav111-btn[data-page="documents"] .nav111-icon{color:#8ee1ef!important;background:linear-gradient(180deg,#1f4952,#123038)!important}
#nav .nav111-btn[data-page="calendar"] .nav111-icon{color:#85f0d2!important;background:linear-gradient(180deg,#1a4d43,#10332d)!important}
#nav .nav111-btn[data-page="stats"] .nav111-icon{color:#ff94a4!important;background:linear-gradient(180deg,#4f2134,#341422)!important}
#nav .nav111-btn[data-page="settings"] .nav111-icon{color:#c4d1df!important;background:linear-gradient(180deg,#3a4653,#27313b)!important}

#nav .nav111-btn[data-page="interventions"] .nav111-icon svg{animation:nav118Flame 3s ease-in-out infinite}
#nav .nav111-btn[data-page="fleet"] .nav111-icon svg{animation:nav118Truck 4.6s ease-in-out infinite}
#nav .nav111-btn[data-page="stats"] .nav111-icon svg{animation:nav118Stats 3.6s ease-in-out infinite;transform-origin:50% 100%}
#nav .nav111-btn[data-page="settings"] .nav111-icon svg{animation:nav118Gear 8s linear infinite;transform-origin:50% 50%}
#nav .nav111-btn[data-page="gallery"] .nav111-icon svg{animation:nav118Gallery 4.8s ease-in-out infinite}
#nav .nav111-btn[data-page="calendar"] .nav111-icon svg{animation:nav118Calendar 4.4s ease-in-out infinite}
#nav .nav111-btn[data-page="members"] .nav111-icon svg{animation:nav118Members 5.2s ease-in-out infinite}

@keyframes nav118ActiveGlow{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.08)}}
@keyframes nav118Flame{0%,100%{transform:scale(1) translateY(0)}25%{transform:scale(1.03,.98) translateY(-.2px)}50%{transform:scale(.98,1.05) translateY(-.8px)}75%{transform:scale(1.02,.99) translateY(-.3px)}}
@keyframes nav118Truck{0%,100%{transform:translateX(0)}20%{transform:translateX(.5px)}40%{transform:translateX(-.5px)}60%{transform:translateX(.9px)}80%{transform:translateX(-.4px)}}
@keyframes nav118Stats{0%,100%{transform:scaleY(1)}35%{transform:scaleY(1.06)}65%{transform:scaleY(.97)}}
@keyframes nav118Gear{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes nav118Gallery{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes nav118Calendar{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes nav118Members{0%,100%{transform:translateY(0)}50%{transform:translateY(-.8px) scale(1.02)}}

@media (prefers-reduced-motion:reduce){
  #nav .nav111-icon, #nav .nav111-icon svg{animation:none!important;transition:none!important}
}
@media(max-width:900px){
  #nav .nav111-icon{width:30px!important;height:30px!important;flex-basis:30px!important}
  #nav .nav111-icon svg{width:18px!important;height:18px!important}
}