.app-topbar .compact-controls,
.app-topbar .topbar-actions {
  display: none !important;
}

.app-topbar,
.topbar {
  grid-template-columns: 1fr !important;
  margin-bottom: 12px;
}

.app-shell {
  padding-bottom: calc(88px + env(safe-area-inset-bottom));
}

.bottom-nav {
  left: 50%;
  right: auto;
  bottom: 0;
  width: min(430px, 100%);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 12px 12px 0 0;
  transform: translateX(-50%);
}

@media (min-width: 720px) {
  .bottom-nav {
    width: min(460px, 100%);
  }
}