.tag-table {
  .tag-name-cell {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
  }

  .tag-name {
    color: var(--color--max-text);
    text-decoration: none;
    &:hover {
      color: var(--color--link);
      text-decoration: underline;
    }
  }

  .bookmark-toggle:not(.bookmarked) { visibility: hidden; }

  .pin-toggle:not(.pinned) { visibility: hidden; }

  tbody tr:hover {
    background-color: var(--color--bg-1);
    .bookmark-toggle:not(.bookmarked),
    .pin-toggle:not(.pinned) {
      visibility: visible;
    }
  }

  .activity-strip,
  .time,
  .thing-count {
    color: var(--color--aa-text);
  }

  .thing-count,
  th:last-child {
    text-align: right;
  }
}