/* Neeche ka navigation – sab client pages par ek jaisa */
.bnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:15;width:100%;max-width:480px;
  display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:0;
  height:calc(62px + env(safe-area-inset-bottom));padding:4px 4px calc(4px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#0a1f6e 0%,#03113A 100%);border-top:2px solid #087BFF;
  box-shadow:0 -4px 16px rgba(8,123,255,.45),inset 0 1px 0 rgba(0,217,255,.35)}
.bnav a{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  text-decoration:none;color:#F7F9FF;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:12px;line-height:1;border-radius:14px}
.bnav a+a::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:linear-gradient(180deg,transparent,rgba(0,217,255,.5),transparent)}
.bnav svg{width:26px;height:26px;fill:#F7F9FF;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}
.bnav a.on{color:#FFD84D;background:radial-gradient(90% 80% at 50% 60%,rgba(255,196,0,.35),rgba(255,140,0,.08) 70%,transparent);
  border:1.5px solid #FFC400;box-shadow:0 0 14px rgba(255,196,0,.75),inset 0 0 10px rgba(255,196,0,.35)}
.bnav a.on::before{display:none}
.bnav a.on svg{fill:url(#none);fill:#FFC400;filter:drop-shadow(0 0 6px rgba(255,196,0,.9))}
.bnav a:active{transform:scale(.95)}