@media (max-width: 900px) {
  .app-shell__body {
    flex-direction: column;
  }

  .app-shell__sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 0 16px;
  }

  .app-shell__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0 12px;
  }

  .app-shell__nav li {
    flex: 1 1 auto;
  }

  .app-shell__nav-link {
    border-left: none;
    border-radius: 8px;
  }

  .app-shell__nav-link.is-active {
    border-left: none;
  }

  .app-shell__nav--sub .app-shell__nav-link--sub {
    padding-left: 16px;
  }
}