/*
 * Copyright 2023 Harness, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.main {
  min-height: var(--page-height);
  background-color: var(--primary-bg) !important;
  display: flex;
  flex-direction: column;

  .pageBody {
    flex-grow: 1;
  }

  .noDataContainer > div {
    height: calc(100vh - var(--page-header-height, 64px) - 80px) !important;
  }

  .tabsContainer {
    flex-grow: 1;
    display: flex;
    background-color: var(--primary-bg) !important;

    > div {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
    }

    [role='tablist'] {
      background-color: var(--white) !important;
      padding-left: var(--spacing-xlarge);
      padding-right: var(--spacing-xlarge);
      border-bottom: 1px solid var(--grey-100);
      filter: drop-shadow(0px 0px 1px rgba(40, 41, 61, 0.08));
    }

    [role='tabpanel'] {
      margin-top: 0;
      background-color: var(--primary-bg) !important;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
    }
  }
}

.changesContainer {
  padding: 0 var(--spacing-xlarge) var(--spacing-xlarge) !important;
}

.generalTab {
  flex-grow: 1;
  display: flex;
  flex-direction: column;

  > div {
    flex-grow: 1;

    .markdownContainer {
      flex-grow: 1;
      display: flex;
      flex-direction: column;

      > div {
        flex-grow: 1;
        display: flex;
        flex-direction: column;

        > p + div {
          // flex-grow: 1;

          ul + div {
            height: calc(100% - 47px);

            > div {
              height: 100%;

              --editor-min-height: 100%;
            }
          }
        }
      }
    }
  }
}

.hyperlink {
  color: var(--grey-bg) !important;
  text-decoration: underline;
  font-weight: 600;
}

.popover {
  .listContainer {
    min-height: 50px;
    max-height: 200px;
    overflow-y: auto;

    :global {
      .bp3-menu-item {
        max-width: 600px;
      }
    }
  }

  .newBtnText {
    font-weight: normal;
  }
}

.aidaIcon {
  :global(> svg) {
    border-radius: 4px !important;
    background: linear-gradient(317deg, #5e2ce0 11.36%, #a652f9 79.62%) !important;
    padding: 2px !important;
  }
}
