.request-approval {
  .request-approval__heading {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .request-approval__info-columns {
    flex-wrap: wrap;

    .col {
      flex-basis: 100%;

      @include media($medium-screen) {
        flex-basis: 50%;

        &:first-child {
          padding-right: $gap * 2;
        }

        &:last-child {
          padding-left: $gap * 2;
        }
      }
    }
  }

  .request-approval__columns__heading {
    &:first-child {
      @include media($medium-screen) {
        margin-top: 0;
      }
    }
  }

  .request-approval__review {
    .request-approval__review__heading {
      border-top: 1px solid $color-gray-light;
      padding-bottom: 0;
    }

    .action-group {
      margin-bottom: $gap * 6;
    }
  }

  .approval-log,
  .comment-log {
    ol {
      list-style: none;
      margin: 0;
      padding: 0;

      li {
        padding: $gap * 2;
        border-top: 1px dashed $color-gray-light;

        &:first-child {
          border-top: none;
        }

        @include media($medium-screen) {
          padding: $gap * 4;
        }
      }
    }

    .approval-log__log-item,
    .comment-log__log-item {
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;

      @include media($medium-screen) {
        flex-direction: row-reverse;
      }

      .approval-log__log-item__header,
      .comment-log__log-item__header {
        @include h4;

        margin: 0 0 $gap 0;
      }

      .approval-log__log-item__timestamp,
      .comment-log__log-item__timestamp {
        @include h5;

        margin-right: $gap * 2;
        color: $color-gray;
        flex-grow: 0;

        @include media($large-screen) {
          margin-right: $gap * 4;
        }
      }

      .approval-log__behalfs {
        display: flex;
        flex-direction: row;

        .approval-log__behalf {
          margin-right: $gap * 2;

          @include media($medium-screen) {
            margin-right: $gap * 4;
          }

          span {
            display: block;
          }
        }
      }
    }
  }

  .internal-notes {
    textarea {
      resize: vertical;
    }

    .internal-notes__add-comment__heading {
      padding-bottom: 0;
      border-top: 1px solid $color-gray-light;
    }

    .usa-input__title {
      @include hide;
    }
  }
}
