&--moderation-navigation {
  position: relative;
  &--items {
    @extend %thredded--nav-tabs;
  }
  &--item {
    @extend %thredded--nav-tabs--item;
  }
}

.thredded--pending-moderation &--moderation-navigation--pending,
.thredded--moderation-history &--moderation-navigation--history,
.thredded--moderation-users &--moderation-navigation--users,
.thredded--moderation-user &--moderation-navigation--users,
.thredded--moderation-activity &--moderation-navigation--activity {
  @extend %thredded--nav-tabs--item-current;
}

&--post-moderation-actions {
  @extend %thredded--buttons-list;
}

&--moderated-notice {
  margin-bottom: $thredded-base-spacing;
  padding: $thredded-small-spacing $thredded-base-spacing;
  background: $thredded-light-gray;
}

&--post-moderation, &--post-moderation-record {
  .thredded--post--user a {
    color: $thredded-action-color;
  }
}

&--post-moderation-record {
  .thredded--post {
    margin-bottom: 0;
    margin-left: 1rem;
    @include thredded-media-avatar-breakout {
      margin-left: 4rem;
    }
  }
  &--moderation-state-notice {
    margin-bottom: 1rem;
    a {
      @extend %thredded--link;
    }
    .thredded--post-moderation-record-approved & {
      color: $thredded-alert-success-color;
    }
    .thredded--post-moderation-record-blocked & {
      color: $thredded-alert-danger-color;
    }
  }
  &--content-changed-notice {
    font-style: italic;
    a {
      @extend %thredded--link;
    }
  }
}

&--post-moderation-record + &--post-moderation-record {
  margin-top: $thredded-large-spacing;
}

&--moderation--users-table {
  width: 100%;
  a {
    display: block;
  }
}

&--moderation--user--title {
  margin: 0;
}

&--moderation--user--info {
  margin-left: 2rem;
}

&--user--moderation-actions {
  text-align: left;
  margin-left: 4rem;
  .button_to {
    display: inline-block;
  }
  .button_to + .button_to {
    margin-left: $thredded-small-spacing;
  }
}