.publications-table {
  display: grid;
  grid-template-columns: min-content 1fr 1fr 1fr min-content;

  min-width: 900px;

  background-color: var(--app-bg-color-l1);
  border: 1px solid var(--color-gray-aaa);
  border-radius: 5px;

  &.hide-project {
    grid-template-columns: 1fr 1fr 1fr min-content;
  }

  .cell {
    display: flex;
    flex-flow: column nowrap;
    row-gap: 6px;
    align-items: flex-start;
    justify-content: center;

    padding: 6px 12px;

    line-height: 1em;

    border-bottom: 1px solid var(--color-gray-aaa);

    &.header-cell {
      font-weight: 600;
    }

    &.min {
      width: 100px;
    }

    .link-wrapper {
      overflow: hidden;
      display: flex;
      flex-flow: row nowrap;

      width: 100%;

      white-space: nowrap;

      input.link {
        // font-family: monospace;
        // font-size: 12px;
        flex-grow: 1;

        width: 100%;
        min-height: 30px;
        padding-right: 10px;
        padding-left: 10px;

        background-color: var(--app-bg-color-l1);
        border: 1px solid var(--color-gray-aaa);
        border-radius: 5px;
      }
    }
  }
}

.action-button {
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;

  opacity: 1;
  background: none;
  border: none;

  transition: opacity 0.2s ease;

  &:hover {
    opacity: 0.7;
  }

  * {
    pointer-events: none;
  }
}

.link-button {
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 24px;
  height: 30px;
  margin-left: 6px;

  opacity: 1;
  background: none;
  border: none;

  transition: opacity 0.2s ease;

  &:hover {
    opacity: 0.7;
  }

  * {
    pointer-events: none;
  }
}

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1em;
}

.gray {
  color: var(--color-gray-aaa);
}

.paginator {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

a:link,
a:hover,
a:visited {
  color: var(--color-href);
}