/* ================= REQUESTED FIX V25 (final, wins all earlier rules) =================
       1) Mobile/tablet sidebar opens from the very top of the screen, above the app header
          and everything else, with a smooth hamburger-to-X animation.
       2) Logout removed from the bottom dock (mobile/tablet) — it lives only in the sidebar.
       ======================================================================================= */
    @media (max-width: 900px) {

      .responsive-sidebar,
      .responsive-sidebar:hover,
      body.sidebar-open .responsive-sidebar,
      body.sidebar-pinned .responsive-sidebar {
        top: 0 !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        padding-top: calc(env(safe-area-inset-top, 0px) + 14px) !important;
        z-index: 1200 !important;
      }

      .sidebar-overlay {
        z-index: 1150 !important;
      }

      /* Bottom dock: Logout now lives only in the sidebar, so drop it from the 6-column
         dock and go back to a clean 5-column layout. */
      body:not(.show-homepage):not(.show-auth-page) nav.mobile-bottom-nav.no-print {
        grid-template-columns: repeat(5, 1fr) !important;
      }

      body:not(.show-homepage):not(.show-auth-page) nav.mobile-bottom-nav.no-print button.bottom-nav-logout-btn {
        display: none !important;
      }
    }