.crud__list__table {
  display: grid;
  border: 1px solid var(--color-gray-ddd);

  .crud__list__col {
    display: flex;
    align-items: center;

    max-height: 150px;
    padding: 5px 10px;

    word-break: break-all;

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

    &.header {
      word-break: break-word;
    }

    &.action button {
      margin-right: 10px;
      padding: 0;
      text-transform: uppercase;
    }

    &.selected {
      background-color: var(--menu-bg-color);
    }

    &.disabled {
      pointer-events: none;
      color: var(--color-gray-aaa);
    }
  }

  .link,
  a {
    cursor: pointer;
    color: var(--color-href);

    &:hover:not(.empty) {
      text-decoration: underline;
    }

    &.empty {
      cursor: default;
      color: var(--color-gray-222);
    }
  }
}

.crud__list {
  &__empty {
    padding: 10px;
    font-style: italic;
    color: #8c8c8c;
  }
}

.crud__main {
  container-type: inline-size;
}

.crud__list__table .no-word-break.header {
  word-break: keep-all;
}

@container (max-width: 600px) {
  .crud__list__table .no-word-break.header {
    word-break: break-word;
  }
}