/* Compatibility hotfix for the currently deployed shell bundle. The source
   AppLayout mounts the account menu in the sidebar; this positions the older
   deployed header menu in that same sidebar location until the next full build. */
@media (min-width: 761px) {
  .app:not(.sidebar-collapsed) .header-actions > .profile-menu {
    position: fixed;
    z-index: 31;
    inset-block-end: calc(1.35rem + 44px + .65rem);
    inset-inline-start: 14px;
    width: 244px;
  }

  .app:not(.sidebar-collapsed) #app-sidebar > .side-user:not(.profile-menu) {
    display: none !important;
  }

  .app:not(.sidebar-collapsed) .header-actions > .profile-menu .profile-menu-trigger {
    width: 100%;
    height: 44px;
    justify-content: flex-start;
    gap: .75rem;
    padding: .45rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: transparent;
    cursor: pointer;
  }

  .app:not(.sidebar-collapsed) .header-actions > .profile-menu .profile-menu-trigger > .icon {
    margin-inline-start: auto;
  }

  .app.sidebar-collapsed .side-brand {
    position: relative;
    justify-content: center;
    padding-inline: 0;
  }

  .app.sidebar-collapsed .side-brand-copy,
  .app.sidebar-collapsed .side-user,
  .app.sidebar-collapsed .header-actions > .profile-menu {
    display: none !important;
  }

  .app.sidebar-collapsed .side-brand-icon {
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    pointer-events: none;
  }

  .app.sidebar-collapsed .sidebar-toggle {
    position: absolute;
    z-index: 1;
    inset-block-start: .3rem;
    inset-inline-start: 50%;
    width: 44px;
    height: 44px;
    padding: 0;
    transform: translateX(-50%);
    opacity: 0;
    cursor: pointer;
  }

  .app.sidebar-collapsed .sidebar-toggle:focus-visible {
    z-index: 3;
    opacity: 1;
    background: var(--green-50);
  }

  .app.sidebar-collapsed .side-logout {
    width: 44px;
    height: 44px;
    min-width: 44px;
    margin-block-start: auto;
    margin-inline: auto;
    padding: 0;
    justify-content: center;
    gap: 0;
    font-size: 0;
  }

  .app.sidebar-collapsed .side-logout-label {
    display: none !important;
  }
}