/* All five routes stay visible; no scrolling controller is needed. */
.school-navigation{--navigation-surface:#fff;--navigation-selected:var(--myday-soft,#edf2fb)}
:root[data-theme="dark"] .school-navigation{--navigation-surface:var(--dark-paper,#182235);--navigation-selected:var(--dark-soft,#243651)}
@media(max-width:700px){
  .school-app .mobile-bottom-nav.school-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;direction:rtl;position:fixed;z-index:20;left:0;right:0;bottom:0;min-width:0;max-width:100%;margin:0;padding:8px 4px calc(7px + env(safe-area-inset-bottom,0px));gap:3px;overflow:visible;border-top:1px solid var(--line,#e0e7f1);background:var(--navigation-surface);box-shadow:0 -4px 18px #082d6705}
  .school-app .school-navigation>button[data-view]{display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;min-height:64px;max-width:100%;margin:0;padding:5px 1px 4px;border:0;border-radius:10px;background:transparent;color:var(--muted,#64748b);font-size:12px;line-height:1.5;text-align:center;white-space:normal;box-shadow:none;touch-action:manipulation}
  .school-app .school-navigation>button[data-view]>span{max-width:100%;font-size:12px;font-weight:600;line-height:1.5}
  .school-app .school-navigation>button[data-view]>svg{width:21px;height:21px}
  .school-app .school-navigation>button[aria-current="page"],.school-app .school-navigation>button.active{background:var(--navigation-selected);color:var(--navy,#082d67);font-weight:700}
  .school-app .school-navigation>button:focus-visible{outline:3px solid var(--gold,#bc9738);outline-offset:-3px}
}