.document-copy-dialog {
  display: flex;
  flex-direction: column;

  $max-height: 700px;

  width: 46vw;
  min-width: 600px;
  min-height: 60vh;
  max-height: $max-height;

  .cmf-dialog__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }

  .cmf-dialog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    &.settings-children {
      margin-bottom: 0;
    }
  }

  .cmf-dialog__footer {
    gap: 10px;
  }

  .field {
    &:not(:last-child) {
      margin-bottom: 10px;
    }

    &.field-checkbox {
      gap: 3px;
    }
  }

  .form-btn {
    min-width: 135px;
  }

  .grid {
    display: grid;
    grid-template-columns: 35% 1fr;
    flex-grow: 1;

    .left,
    .right {
      padding-top: 25px;
      padding-bottom: 5px;
    }

    .left {
      position: relative;
      padding-right: 38px;
      line-height: var(--default-line-height);
      border-right: 1px solid color-mix(in srgb, var(--color-gray-aaa), transparent 50%);

      .description {
        margin-bottom: 15px;
      }
    }

    .right {
      display: flex;
      flex-direction: column;
      max-height: calc($max-height - 100px); /** window - (header + footer) */
      padding-left: 38px;

      .right__titel {
        line-height: var(--default-line-height);
      }
    }
  }

  .copy-tree {
    flex-grow: 1;
    margin-top: 10px;

    .copy-tree-item {
      display: flex;
      gap: 5px;
      align-items: center;

      height: 30px;
      padding: 6px;

      .expand-icon {
        display: flex;
        color: var(--color-gray-444);
        cursor: unset;
        pointer-events: none;
      }

      .item-name {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;
      }
    }

    .child-node {
      padding-left: 10px;
    }
  }
}

@media screen and (width <= 1590px) {
  .document-copy-dialog {
    width: 50vw;
  }
}