/* Predict2U v170 — global mobile app navigation */
:root{--p2u-mobile-nav-height:86px}
.p2u-mobile-app-nav{display:none}
@media (max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(var(--p2u-mobile-nav-height) + env(safe-area-inset-bottom,0px))!important}
  .p2u-mobile-app-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:9998;display:block;
    padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));
    background:linear-gradient(180deg,rgba(7,8,12,.72),rgba(7,8,12,.98) 22%);
    border-top:1px solid rgba(255,255,255,.065);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .p2u-mobile-app-nav__inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:620px;margin:0 auto}
  .p2u-mobile-app-nav a{min-width:0;min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:18px;color:#858995;text-decoration:none;font-size:12px;font-weight:800;line-height:1;letter-spacing:-.01em;transition:background .18s,color .18s,transform .18s}
  .p2u-mobile-app-nav a:active{transform:scale(.97)}
  .p2u-mobile-app-nav a svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
  .p2u-mobile-app-nav a.is-active{color:#77C41C;background:rgba(119,196,28,.14);box-shadow:inset 0 0 0 1px rgba(119,196,28,.08)}
  .p2u-mobile-app-nav a.is-active span{color:#77C41C}
  .community-mobile-nav{display:none!important}
  #p2u-health-button[data-state="critical"],#p2u-health-button[data-state="stale"],#p2u-health-button[data-state="degraded"]{display:none!important}
  .p2u-health-panel{bottom:calc(var(--p2u-mobile-nav-height) + env(safe-area-inset-bottom,0px) + 12px)!important}
  .p2u-alert-trigger,.p2u-personalization-trigger{bottom:calc(var(--p2u-mobile-nav-height) + env(safe-area-inset-bottom,0px) + 14px)!important}
}
@media (max-width:360px){
  :root{--p2u-mobile-nav-height:78px}
  .p2u-mobile-app-nav{padding-left:6px;padding-right:6px;padding-top:6px}
  .p2u-mobile-app-nav__inner{gap:3px}
  .p2u-mobile-app-nav a{min-height:60px;border-radius:15px;font-size:11px;gap:4px}
  .p2u-mobile-app-nav a svg{width:23px;height:23px}
}
@media (min-width:821px){.p2u-mobile-app-nav{display:none!important}}
@media (max-height:520px) and (orientation:landscape){
  :root{--p2u-mobile-nav-height:66px}
  .p2u-mobile-app-nav{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}
  .p2u-mobile-app-nav a{min-height:52px;flex-direction:row;border-radius:14px;font-size:11px;gap:6px}
  .p2u-mobile-app-nav a svg{width:20px;height:20px}
}

@media(max-width:360px){.p2u-mobile-app-nav a{font-size:9.5px}.p2u-mobile-app-nav a svg{width:21px;height:21px}}