/* V38.81.138 — mobile navigation cascade integrity repair.
   This stylesheet MUST remain the final CSS layer after deferred styles load.
   It owns approved-shell mobile navigation geometry so older visual layers cannot recenter,
   transform, constrain, or clip the five primary destinations. */
@media (max-width:1179px){
  .tm-approved-bottom-nav,
  .tm-approved-bottom-nav.tryouts-coach-nav-active{
    position:fixed!important;
    z-index:70!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-columns:minmax(0,1fr)!important;
    grid-auto-flow:column!important;
    box-sizing:border-box!important;
    min-width:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  .tm-approved-bottom-nav>.nav-link{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    justify-self:stretch!important;
    overflow:hidden!important;
  }
}
@media (min-width:600px) and (max-width:1179px){
  .tm-approved-bottom-nav,
  .tm-approved-bottom-nav.tryouts-coach-nav-active{
    left:max(16px,env(safe-area-inset-left,0px))!important;
    right:max(16px,env(safe-area-inset-right,0px))!important;
    bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:599px){
  html,body,#app,.tm-approved-shell{max-width:100%!important;}
  .tm-approved-bottom-nav,
  .tm-approved-bottom-nav.tryouts-coach-nav-active{
    left:max(8px,env(safe-area-inset-left,0px))!important;
    right:max(8px,env(safe-area-inset-right,0px))!important;
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
}
@media (max-width:380px){
  .tm-approved-bottom-nav,
  .tm-approved-bottom-nav.tryouts-coach-nav-active{
    left:max(6px,env(safe-area-inset-left,0px))!important;
    right:max(6px,env(safe-area-inset-right,0px))!important;
  }
}


/* V38.81.145 — five-slot mobile navigation normalization.
   Older visual layers still carry a historical nth-child(4) "raised action" rule.
   Results is now the fourth approved destination, so that legacy rule must never
   alter its icon geometry. All five destinations use the same stable footprint. */
@media (max-width:1179px){
  .tm-approved-bottom-nav>.nav-link>.nav-mark,
  .tm-approved-bottom-nav>.nav-link:nth-child(4)>.nav-mark,
  .tm-approved-bottom-nav>.nav-link:nth-child(4).active>.nav-mark{
    width:34px!important;
    height:30px!important;
    margin-top:0!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:999px!important;
    background:transparent!important;
    color:inherit!important;
    transform:none!important;
    overflow:visible!important;
  }
  .tm-approved-bottom-nav>.nav-link.active>.nav-mark,
  .tm-approved-bottom-nav>.nav-link:nth-child(4).active>.nav-mark{
    background:var(--accent-soft)!important;
    color:var(--action)!important;
  }
  .tm-approved-bottom-nav>.nav-link>.nav-mark>svg{
    width:22px!important;
    height:22px!important;
    margin:0!important;
    transform:none!important;
  }
}