.jenkins-card:not(:has(.jenkins-card__title)) {
  .git-changeset-container {
    margin-top: var(--vertical-space);
  }
}

.git-changeset-container {
  --vertical-space: 0.75rem;

  display: flex;
  flex-direction: column;
  gap: var(--vertical-space);
}

.git-changeset {
  --inset-width: 1rem;

  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0 0 0 2rem;

  &::after {
    content: "";
    position: absolute;
    top: 1.875rem;
    left: calc((var(--inset-width) - var(--jenkins-border-width)) / 2);
    width: var(--jenkins-border-width);
    background: var(--jenkins-border-color);
    border-radius: 10px;
    bottom: 0.125rem;
  }

  &:not(.git-changeset--compact) {
    --inset-width: 3rem;
    border-bottom: var(--card-border-width) solid var(--card-border-color);
    padding: 0 1rem var(--vertical-space) 3rem;
    margin: 0 -1rem;

    &::after {
      bottom: 1rem;
    }

    &:last-of-type {
      border-bottom: none;
      padding-bottom: 0;

      &::after {
        bottom: 0;
      }
    }
  }
}

.git-changeset--compact {
  .git-changeset__items__item__hash {
    opacity: 0.75;
  }
}

.git-changeset__items__item__message {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  color: var(--text-color) !important;
  margin-left: -2rem;
  text-decoration: none !important;

  span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  svg {
    width: 1rem;
    height: 1lh;
    color: var(--text-color-secondary);

    * {
      stroke-width: 40px;
    }
  }

  &:hover {
    span {
      text-decoration: underline !important;
    }
  }
}

.git-changeset__items__item__files {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1ch 2ch;
  font-size: var(--font-size-xs);
  color: var(--text-color-secondary);

  a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1ch;
    color: var(--text-color-secondary) !important;

    svg {
      width: 0.875rem;
      height: 0.875rem;
    }
  }
}

.git-changeset__items__item__user {
  display: flex;
  align-items: center;
  gap: 0.5ch;
  font-size: 12px;
  color: var(--text-color-secondary);

  a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1ch;
    color: var(--text-color-secondary) !important;

    .jenkins-avatar {
      width: 0.875rem;
      height: 0.875rem;
    }
  }
}

.git-changeset__items__item__hash {
  font-family: var(--font-family-mono);
  color: var(--text-color-secondary);
  font-size: var(--font-size-xs);
  line-height: 1lh;
}