/* Loaded after module styles so the shared wide-screen shell is never
   restyled back into the old top menu by a dashboard stylesheet. */
@media (min-width: 1200px) {
    body > header {
        display: flex !important;
        flex-direction: column !important;
        height: 100vh !important;
        max-width: var(--desktop-sidebar-width) !important;
        padding: 1rem .75rem !important;
        width: var(--desktop-sidebar-width) !important;
    }

    body:not(.public-hive-page) > header .app-header-top { display: block !important; }
    body:not(.public-hive-page) > header .site-nav-menu nav,
    body:not(.public-hive-page) > header .site-nav-primary,
    body:not(.public-hive-page) > header .site-nav-admin { display: grid !important; grid-template-columns: 1fr !important; }

    body:not(.public-hive-page) > header .site-nav-menu nav a,
    body:not(.public-hive-page) > header .site-nav-menu nav button,
    body:not(.public-hive-page) > header .site-nav-menu .logout-form button,
    body:not(.public-hive-page) > header a {
        background: transparent !important;
        color: rgba(255, 253, 248, .78) !important;
        -webkit-text-fill-color: rgba(255, 253, 248, .78) !important;
    }

    body:not(.public-hive-page) > header .site-nav-menu nav a.is-active,
    body:not(.public-hive-page) > header .site-nav-menu nav a:hover,
    body:not(.public-hive-page) > header .site-nav-menu nav a:focus-visible,
    body:not(.public-hive-page) > header .site-nav-primary a:first-child.is-active {
        background: rgba(255, 253, 248, .13) !important;
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
    }

    body:not(.public-hive-page) > header .site-nav-primary a:first-child { background: transparent !important; color: rgba(255, 253, 248, .78) !important; }
    body:not(.public-hive-page) > header .brand-bracket { color: var(--orange) !important; -webkit-text-fill-color: var(--orange) !important; }
}