.tag-table-container {
  overflow-x: auto;
  max-width: var(--container--base);
  padding-inline: var(--container-inline-padding);
  margin-inline: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.tag-table-container::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.tag-table {
  inline-size: max-content;
  min-inline-size: 100%;
  /* padding-right: var(--container-inline-padding); */

  .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;
    }
  }

  td.activity-strip,
  td.time,
  td.thing-count {
    white-space: nowrap;
  }

  .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;
  }
}