@import "./../sc-document-categories.style.scss"; //???

.l-doc-versions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) minmax(0, 2fr);
  height: 100%;

  &--dialog-content {
    padding: 0 !important;
    height: calc(var(--app-height, 100vh) - 106px);
    width: calc(100vw - 106px);
  
    @media screen and (min-width: 600px) {
      height: auto;
      width: auto;
    }
  }

  &__list {
    padding: 0;
    grid-row: 1 / 2;
    height: 100%;
    overflow-y: auto;

    .mat-list-text {
      margin-right: 8px;
    }
  }

  &__doc {
    grid-row: 2 / 3;
    padding: 0;
    border-top: 1px solid;
    height: 100%;
    overflow: auto;
  }

  @media screen and (min-width: 600px) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    height: 80vh;

    &__list {
      padding: 0;
      grid-row: 1 / 2;
      overflow-y: auto;
    }

    &__doc {
      grid-row: 1 / 2;
      padding: 0;
      border-left: 1px solid;
      border-top: none;
    }
  }

  @media screen and (min-width: 960px) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
}