.ai-spam {
  --chart-scanned-color: var(--success);
  --chart-spam-color: var(--danger);
  padding-top: 15px;

  &__settings {
    margin-bottom: 2em;
  }

  &__enabled {
    display: flex;
    align-items: center;
    gap: 0.4em;
    margin-bottom: 1em;

    .fk-d-tooltip__trigger {
      color: var(--primary-high);
    }
  }

  &__settings-title {
    margin-bottom: 1em;
  }

  &__toggle,
  &__llm,
  &__persona,
  &__instructions {
    margin-bottom: 1em;
  }

  &__toggle-label,
  &__llm-label,
  &__persona-label,
  &__instructions-label {
    display: block;
    margin-bottom: 0.5em;
    font-weight: bold;
  }

  &__instructions-input {
    width: 100%;
    min-height: 100px;
    margin-bottom: 0.5em;
  }

  &__stats {
    margin-top: 2em;
  }

  &__errors {
    .alert {
      display: flex;
      align-items: center;
      gap: 0.5rem;

      .btn {
        margin-left: auto;
      }
    }
  }
}

.spam-test-modal {
  &__body {
    min-width: 500px;
  }

  &__test-result {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px solid var(--primary-low);
  }

  &__verdict {
    font-size: var(--font-up-2);
    font-weight: bold;
    padding: 0.5em;
    border-radius: 0.25em;
    text-align: center;
    margin: 1em 0;

    &.is-spam {
      background: var(--danger-low);
      color: var(--danger);
    }

    &.not-spam {
      background: var(--success-low);
      color: var(--success);
    }
  }

  &__log {
    margin-top: 1em;

    pre {
      max-height: 300px;
      overflow-y: auto;
      background: var(--primary-very-low);
      padding: 1em;
      margin: 0.5em 0;
      font-family: monospace;
      white-space: pre-wrap;
    }
  }
}
