.applicant-profile {
  $padding: -1;
  $margin-item: -2;

  display: grid;
  grid-row-gap: $width-border;

  & > * {
    @include content-container;
    @include set-colors("background-secondary", $rewrite-css-vars: true);
    padding: spacing($padding) spacing($page-padding-side);

    @include breakpoint("medium") {
      padding: spacing($padding);
    }
  }

  &__name {
    margin: 0;
    max-width: none; //overwrite default header max-width 
    @include set-font(1, "single", $weight: "bold");
  }

  &__grade-and-exam {
    &__actions {
      margin-top: spacing($margin-item);
      width: 100%;
    }
  }

  &__contact-info{
    & p {
      margin-top: spacing($margin-item);
    }

    & ul {
      margin: 0;

      li {
        word-break: break-all; //for very long emails
      }
    }
  }

  & .empty-state {
    width: 100%;
    padding-top: spacing(-2);
    padding-bottom: spacing(-2);

    .empty-state__text {
      @include set-font(0, "single");
    }

    .empty-state__text-secondary {
      @include set-font(-1, "single");
    }
  }
}