/* AutoSchools V2.0.42 — V2.0.33 Bottom Navigation visual restore.
   This file restores only the approved V2.0.33 visual system. The persistent
   V2.0.41 navigation DOM, root ownership and Back-stack behavior remain intact. */
.bottom-nav {
  left:50%;
  width:min(calc(100% - 22px),548px);
  bottom:max(7px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  padding:0;
  background:none;
}

#role-bottom-nav.nav-inner {
  min-height:78px;
  padding:7px 6px;
  border:1px solid rgba(119,170,239,.28)!important;
  border-radius:26px;
  background:rgba(3,12,29,.96)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
  overflow:visible;
}

/* The current persistent lens is styled exactly like the V2.0.33 indicator. */
#role-bottom-nav .nav-liquid-lens {
  height:var(--nav-lens-h,64px);
  border-radius:20px!important;
  border:1px solid rgba(34,140,255,.72);
  background:linear-gradient(180deg,rgba(14,78,164,.54),rgba(6,32,80,.48))!important;
  box-shadow:0 0 24px rgba(0,112,255,.22),inset 0 1px rgba(255,255,255,.055)!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:
    transform .18s cubic-bezier(.2,.72,.2,1),
    width .18s cubic-bezier(.2,.72,.2,1),
    height .18s cubic-bezier(.2,.72,.2,1);
}
#role-bottom-nav .nav-liquid-lens::before,
#role-bottom-nav .nav-liquid-lens::after { display:none; }
#role-bottom-nav.nav-lens-primary .nav-liquid-lens {
  border-radius:20px!important;
  border-color:rgba(34,140,255,.72);
  box-shadow:0 0 24px rgba(0,112,255,.22),inset 0 1px rgba(255,255,255,.055)!important;
}

#role-bottom-nav .nav {
  min-width:0;
  min-height:64px;
  padding:6px 3px 5px;
  color:rgba(194,210,235,.68);
  background:transparent;
  border:0;
  box-shadow:none;
  gap:5px;
}
#role-bottom-nav .nav-icon {
  width:28px;
  height:28px;
}
#role-bottom-nav .nav-icon .as-icon {
  width:25px;
  height:25px;
  stroke-width:1.75;
}
#role-bottom-nav .nav.active,
#role-bottom-nav .nav.lens-active {
  color:#fff;
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
#role-bottom-nav .nav.active .nav-icon,
#role-bottom-nav .nav.lens-active .nav-icon {
  color:#5bb4ff;
  filter:drop-shadow(0 0 7px rgba(40,146,255,.6));
}
#role-bottom-nav .nav.active .nav-label,
#role-bottom-nav .nav.lens-active .nav-label {
  color:#fff;
  text-shadow:none;
}

#role-bottom-nav .nav-primary-action {
  transform:translateY(-18px);
  overflow:visible;
  color:rgba(224,236,255,.77);
}
#role-bottom-nav .nav-primary-action:active {
  transform:translateY(-18px) scale(.94);
}
.nav-primary-orb {
  width:61px;
  height:61px;
  margin-bottom:-1px;
  border-radius:50%;
  color:#fff;
  border:1px solid rgba(89,185,255,.9);
  background:linear-gradient(145deg,#207cfb,#0d46bc);
  box-shadow:0 0 0 5px rgba(4,15,35,.94),0 0 28px rgba(0,119,255,.66),inset 0 1px 6px rgba(255,255,255,.25);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.nav-primary-orb .as-icon {
  width:31px;
  height:31px;
  stroke-width:1.55;
}
#role-bottom-nav .nav-primary-action .nav-label { transform:translateY(8px); }

@media (max-width:430px) {
  #role-bottom-nav.nav-inner { min-height:75px; border-radius:24px; }
  .nav-primary-orb { width:57px; height:57px; }
  .nav-primary-orb .as-icon { width:28px; height:28px; }
}

@media (prefers-reduced-motion:reduce) {
  #role-bottom-nav .nav-liquid-lens { transition:none!important; }
}