/* Keep the four public navigation items balanced inside the mobile app frame. */
.app-shell:not(.route-admin) .mobile-bottom-nav {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-content: stretch;
}

/* Hide the temporary text glyph before the SVG icon enhancer runs. */
.app-shell:not(.route-admin) .mobile-bottom-nav button > span {
  font-size: 0;
}