/* TicketHunter mobile refresh fixes.
 * Keep this stylesheet after the generated bundle so temporary onboarding
 * markup cannot turn the bottom navigation back into a narrow sidebar.
 */
@media (max-width: 767px) {
  html,
  body,
  #root,
  .app {
    width: 100%;
    max-width: 100%;
  }

  html,
  body {
    overflow-x: hidden;
  }

  .app:has(.account-onboarding) > .sidebar,
  .app > .sidebar,
  .app.is-collapsed > .sidebar,
  .app:has(.dashboard) > .sidebar {
    position: fixed;
    inset: auto 0 0;
    width: 100%;
    height: auto;
    min-height: 72px;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    border: 0;
    border-top: 1px solid #363636;
    background: #212121;
    z-index: 1500;
    transition: none;
  }

  .app:has(.account-onboarding) > .sidebar nav,
  .app > .sidebar nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    margin: 0;
  }
}