/* Mobile navigation — readable labels, consistent spacing, and permission-safe layout. */
.nav-item[data-member-profile]::before,
.nav-item[data-player-profile]::before{content:"♙"}

@media(min-width:721px){
  /* Profile is a member utility action exposed through the mobile navigation. */
  .nav-item[data-member-profile],
  .nav-item[data-player-profile]{display:none !important}
}

@media(max-width:720px){
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .nav{left:10px !important;right:10px !important;bottom:calc(10px + env(safe-area-inset-bottom)) !important;height:68px !important;padding:6px !important;gap:3px !important;justify-content:stretch !important;align-items:stretch !important;border-radius:20px !important;background:rgba(255,255,255,.98) !important;box-shadow:0 14px 38px rgba(7,27,18,.18),0 2px 8px rgba(7,27,18,.07) !important}
  .nav-item{position:relative !important;flex:1 1 0 !important;min-width:0 !important;height:56px !important;padding:7px 3px 6px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;border:1px solid transparent !important;border-radius:14px !important;color:#617168 !important;background:transparent !important;font-size:11px !important;line-height:1.05 !important;font-weight:850 !important;white-space:nowrap !important;overflow:visible !important}
  .nav-item::before{display:grid !important;place-items:center !important;width:22px !important;height:22px !important;margin:0 !important;font-size:19px !important;line-height:1 !important;font-weight:900 !important;flex:none !important}
  .nav-item[data-view="dashboard"]::before{content:"⌂"}.nav-item[data-view="players"]::before{content:"♟"}.nav-item[data-view="games"]::before{content:"⚽"}.nav-item[data-member-payments="true"]::before{content:"€"}.nav-item[data-view="finance"]::before{content:"▣"}.nav-item[data-view="admin"]::before{content:"⚙"}
  .nav-item.active{color:#126733 !important;background:#e7f7ec !important;border-color:#ccebd4 !important;box-shadow:none !important}
  .nav-item:hover{background:#f1f6f2 !important}.nav-item:active{transform:scale(.95) !important}.nav-item[aria-hidden="true"]{display:none !important}
  .nav .member-payments-badge{position:absolute !important;top:2px !important;right:calc(50% - 20px) !important;min-width:17px !important;height:17px !important;padding:0 4px !important;display:grid !important;place-items:center !important;border-radius:999px !important;background:#dc2626 !important;color:#fff !important;border:2px solid #fff !important;font-size:9px !important;line-height:1 !important;font-weight:950 !important;box-shadow:0 2px 6px rgba(0,0,0,.12) !important}
  .nav .member-payments-badge.hidden{display:none !important}
}