// Copyright 2016 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

@use '../mixins';
@use '../variables';

.DebugLogWindow {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  max-width: 100%;
  padding: 16px;
  width: 100%;

  &__container {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
  }

  &__scroll_area {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 100%;

    border: 1px solid variables.$color-gray-45;

    @include mixins.dark-theme {
      background-color: variables.$color-gray-90;
      color: variables.$color-gray-02;
    }

    &__text {
      font-family: variables.$monospace;
      font-size: 12px;
      margin: 0;
      user-select: none;
      white-space: pre-line;
    }
  }

  &__title {
    @include mixins.font-title-2;
  }

  &__subtitle {
    @include mixins.font-body-2;
    @include mixins.light-theme {
      color: variables.$color-gray-60;
    }
    @include mixins.dark-theme {
      color: variables.$color-gray-25;
    }
  }

  &__footer {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;

    .module-Button {
      margin-inline-start: 8px;
    }
  }

  &__link {
    border-radius: 4px;
    height: 36px;
    padding-block: 0;
    padding-inline: 10px;
    width: 100%;

    @include mixins.light-theme {
      border: solid 1px variables.$color-gray-25;
    }
    @include mixins.dark-theme {
      background-color: variables.$color-gray-90;
      border: solid 1px variables.$color-gray-45;
      color: variables.$color-gray-02;
    }
  }
}
