/* DVL navigation icon system — desktop + mobile */
.nav button,
.mobile-nav button{position:relative}
.nav button{display:flex;align-items:center;justify-content:center;padding:0}
.nav-ico{width:20px;height:20px;display:grid;place-items:center;flex:none}
.nav-ico svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.nav button .nav-label{display:none}

@media (min-width:821px){
  .nav button{height:46px;min-width:46px;width:46px;justify-self:center;transform:none!important}
  .nav .nav-ico{width:21px;height:21px;transform:none!important}
  .nav button:hover .nav-ico,.nav button.active .nav-ico{transform:none!important}
}

@media (max-width:820px){
  .mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mobile-nav button{min-width:0;padding:6px 2px 4px!important;gap:3px!important;border:0;background:transparent;color:#717a84;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
  .mobile-nav .nav-ico{width:19px;height:19px}
  .mobile-nav .nav-label{display:block;font-size:7px;font-weight:700;letter-spacing:.01em;line-height:1.05}
  .mobile-nav button.active{color:#efc856}
  .mobile-nav button.active .nav-ico{transform:translateY(-1px);filter:drop-shadow(0 2px 10px rgba(240,190,36,.15))}
  .mobile-nav button:active{transform:scale(.985)}
}