/* Portaled outside the horizontal scroller so the upload choices remain accessible. */
.toolbox-page .toolbox-upload-menu {
    display: none;
    position: fixed;
    z-index: 4000;
    overflow-y: auto;
    overscroll-behavior: contain;
}
/* Only toolbox pages use this compact, horizontally scrollable mobile navigation. */
@media (max-width: 900px) {
    .toolbox-page #navHead > .navbar {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        min-height: 52px;
        padding: 10px 16px 0;
    }
    .toolbox-page #navHead > .navbar::before,
    .toolbox-page #navHead > .navbar::after,
    .toolbox-page #navHead .head-middle::before,
    .toolbox-page #navHead .head-middle::after { display: none; }
    .toolbox-page #navHead .navbar-header {
        flex: none;
        min-width: 0;
        margin: 0;
        padding-right: 90px;
    }
    .toolbox-page #navHead .nh-logo { justify-content: flex-start; }
    .toolbox-page #navHead #enterpriseLogo img { width: 32px; }
    .toolbox-page #navHead #enterpriseLogo h1 { margin-left: 8px; font-size: 22px; white-space: nowrap; }
    .toolbox-page #navHead .head-middle { display: block; flex: none; width: 100%; min-width: 0; margin: 0; padding: 0; }
    .toolbox-page #navHead .head-middle-collapse {
        display: block !important;
        width: 100%;
        min-width: 0;
        height: auto !important;
        padding: 12px 0 2px;
        margin: 0;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border: 0;
        box-shadow: none;
        scrollbar-width: thin;
    }
    .toolbox-page #navHead .navbar-nav-ul { display: flex; width: max-content; margin: 0; padding: 0; }
    .toolbox-page #navHead .navbar-nav-ul > li { flex: none; margin-left: 0; }
    .toolbox-page #navHead .navbar-nav-ul > li > a { margin-right: 18px; padding: 0; font-size: 13px; white-space: nowrap; }
    .toolbox-page #navHead .head-middle-link,
    .toolbox-page #navHead .nav-right .app-btn { display: none; }
    .toolbox-page #navHead .nav-right { display: flex; position: absolute; top: 0; right: 24px; height: 44px; min-width: 0; flex: none; white-space: nowrap; }
    .toolbox-page #navHead .nav-right .link-lr { font-size: 13px; line-height: 44px; }
    .toolbox-page #navHead #userInfo { line-height: 44px; }
    .toolbox-page #navHead .navbar-nav > li.top-load-wrapper { display: block; min-width: 68px; }
    .toolbox-page #navHead .top-load { padding: 2px 8px; }
    .toolbox-page #navHead .top-load img { width: 20px; height: 20px; }
    .toolbox-page #navHead .top-load span { font-size: 13px; }
}

/* Phones show the logo/account row only; hide the entire menu container so it
   cannot retain the collapse scroller's padding or height as an empty row. */
@media (max-width: 767px) {
    .toolbox-page #navHead > .navbar {
        justify-content: center;
        padding: 8px 16px;
    }
    .toolbox-page #navHead .head-middle { display: none; }
    .toolbox-page #navHead .nav-right { height: 52px; }
    .toolbox-page #navHead .nav-right .link-lr,
    .toolbox-page #navHead #userInfo { line-height: 52px; }
}