/* Restore the existing quick actions at the bottom; retain Home and Settings. */
#app { grid-template-rows: 64px minmax(0, 1fr) calc(72px + var(--safe-bottom)); }
#app > #mobile-nav {
  display: grid !important;
  grid-area: 3 / 2;
  grid-template-columns: repeat(6, minmax(70px, 140px));
  justify-content: center;
  align-items: start;
  gap: 0;
  padding: 7px calc(8px + var(--safe-right)) calc(7px + var(--safe-bottom)) calc(8px + var(--safe-left));
  background: var(--navigation-surface);
  border-top: 1px solid var(--line-soft);
  z-index: 45;
}
#app > #mobile-nav button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 44px;
  height: 56px;
  padding: 6px 2px;
  border: 0;
  border-radius: 12px;
  color: var(--muted-2);
  background: transparent;
}
#app > #mobile-nav button.active { color: var(--blue); background: var(--accent-surface); }
#app > #mobile-nav button > svg { width: 24px; height: 24px; }
#app > #mobile-nav button > strong { font-size: 11px; line-height: 14px; font-weight: 550; }
#app > #mobile-nav button > i { position: absolute; top: 0; left: calc(50% + 5px); min-width: 17px; padding: 1px 4px; font-size: 9px; font-style: normal; line-height: 13px; background: var(--panel-3); color: var(--text); border-radius: 5px; }
#primary-navigation :is(#sourcing-button, #shipping-button, #scanner-button, #intake-button, #inventory-button, #supplies-button) { display: none !important; }
@media (min-width: 761px) {
  #app > #mobile-nav :is([data-page-route], #sidebar-menu-toggle) { display: none; }
}
@media (max-width: 760px) {
  #app { grid-template-rows: var(--mobile-header-height) minmax(0, 1fr) var(--mobile-nav-height); }
  #app > #mobile-nav { grid-area: 3 / 1; grid-template-columns: repeat(9, minmax(44px, 1fr)); }
  body.keyboard-open #app { grid-template-rows: var(--mobile-header-height) minmax(0, 1fr) 0; }
  body.keyboard-open #app > #mobile-nav { visibility: hidden; padding: 0; }
}
@media (max-width: 600px) {
  :root { --mobile-nav-height: calc(132px + var(--safe-bottom)); }
  #app > #mobile-nav { grid-template-columns: repeat(5, minmax(44px, 1fr)); grid-auto-rows: 56px; gap: 4px 0; }
}