/* =====================================================
   WILDVERSE DESKTOP WORKSPACE
   Loaded after component styles so scroll ownership is final.
===================================================== */

@media (min-width: 1180px) {
  :root {
    --wv-workspace-nav-height: 60px;
    --wv-workspace-player-height: 88px;
    --wv-workspace-panel-max-height: 720px;
  }

  html,
  body {
    height: 100%;
  }

  body {
    overflow: hidden;
  }

  .wv-library {
    box-sizing: border-box;
    height: calc(
      100dvh
      - var(--wv-workspace-nav-height)
      - var(--wv-workspace-player-height)
    );
    min-height: 0;
    margin-top: var(--wv-workspace-nav-height);
    padding: 12px 16px;
    overflow: hidden;
  }

  .wv-library-app {
    height: 100%;
    min-height: 0;
    align-items: stretch;
    overflow: hidden;
  }

  .wv-library-app__center {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  .wv-library-center-scroll {
    flex: 1 1 0;
    width: 100%;
    height: 0;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  .wv-library-app__right {
    align-self: start;
    height: min(var(--wv-workspace-panel-max-height), 100%);
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
  }

  #wvAlbumContextMount {
    position: static;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
  }

  #wvAlbumContextPanel {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
  }

  #wvAlbumContextPanel > :not(.wv-album-panel__list) {
    flex: 0 0 auto;
  }

  #wvAlbumContextPanel .wv-album-panel__list {
    flex: 1 1 0;
    align-content: start;
    grid-auto-rows: max-content;
    height: 0;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}