.gui-revision-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gui-revision-list > .gui-revision-list {
  @apply bg-neutral-98 border-solid border-neutral-90;

  border-width: 0 0 1px;

  .gui-revision-list-item {
    @apply ml-12;

    border-width: 0 0 1px 1px;
  }

  a:last-of-type .gui-revision-list-item {
    border-width: 0 0 0 1px;
  }

  .gui-revision-list-item .gui-revision-list-item-left {
    display: none;
  }
}

.gui-revision-list-item-right {
  @apply w-full overflow-hidden flex flex-col gap-2;
}

.gui-revision-list a {
  text-decoration: none;
}

.gui-revision-list-item,
.gui-revision-list-heading {
  @apply border-neutral-90 border-solid;

  border-width: 0 0 1px;
}

.gui-revision-list-item {
  @apply p-4 flex bg-white;

  cursor: pointer;

  &:hover {
    @apply bg-neutral-95;
  }
}

.gui-revision-list-item-active {
  @apply bg-blue-95;

  .gui-revision-list-time {
    @apply text-blue-primary;
  }
}

.gui-revision-list-item-left {
  @apply w-6 mr-2;
}

.gui-revision-list-timestamp,
.gui-revision-list-status,
.gui-revision-list-current-status,
.gui-revision-list-old-status {
  display: flex;
  align-items: center;
}

.gui-revision-list-time {
  margin-right: auto;
}

.gui-revision-list-time,
.gui-revision-list-status-name,
.gui-revision-list-note {
  @apply text-neutral-20;
}

.gui-revision-list-current-status,
.gui-revision-list-current-status .gui-tooltip-wrapper__child {
  overflow: hidden;
}

.gui-revision-list-status .gui-status-indicator-circle {
  flex-shrink: 0;
}

.gui-revision-list-status-name {
  @apply truncate;

  white-space: nowrap;
}

.gui-revision-list-note {
  @apply text-sm;
}

.gui-revision-list-note-heading {
  @apply text-neutral-primary font-semi-bold mt-0 mb-1;

  text-transform: uppercase;
}

.gui-revision-list-heading {
  @apply text-base text-neutral-20 font-semi-bold w-full bg-neutral-98 py-2 px-4 m-0;

  display: block;
}