/* OnlyShows 0.12.5: stable short lists and a compact database browsing state. */

@media (max-width: 719px) {
  /* Keep profile chrome on one continuous surface; its content is settings, not a feed. */
  body.mobile-profile-tab > .mobile-bottom-shell {
    background: var(--surface) !important;
  }

  /* Slightly larger selected target with tighter horizontal distribution. */
  html body .mobile-bottom-shell .mobile-bottom-nav,
  html body .mobile-bottom-shell .mobile-bottom-nav.is-scroll-hidden,
  html[data-background="prism-mono"] body .mobile-bottom-shell .mobile-bottom-nav,
  html[data-background="prism-violet"] body .mobile-bottom-shell .mobile-bottom-nav {
    padding-right: 6px !important;
    padding-left: 6px !important;
    gap: 0 !important;
  }

  .mobile-tab-indicator,
  .mobile-bottom-tab.active .mobile-tab-indicator,
  .mobile-bottom-tab.is-active .mobile-tab-indicator,
  .mobile-bottom-tab[aria-current="page"] .mobile-tab-indicator {
    width: 64px !important;
    min-width: 64px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  .mobile-tab-indicator .app-solid-icon {
    width: 22px;
    height: 22px;
  }

  /* Database browsing keeps filters and search; only the primary Tab row leaves. */
  html body.mobile-database-tab.mobile-chrome-hidden > .mobile-bottom-shell {
    grid-template-rows: var(--mobile-database-row-height) 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body.mobile-database-tab.mobile-chrome-hidden .mobile-bottom-nav {
    height: 0 !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(var(--mobile-nav-core-height)) !important;
  }

  body.mobile-database-tab.mobile-chrome-hidden #mobileWorkspaceDock {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(var(--mobile-nav-core-height)) !important;
  }

  html body.mobile-database-tab.mobile-chrome-hidden:not(.mobile-profile-tab) #showGrid {
    --mobile-bottom-fade: 102px;
  }
}