.bz-tablet-grid {
  border: 1px solid $bz-neutral-300;
  border-radius: $bz-border-radius-m;

  &__empty {
    padding: $bz-space-inset-s;
    text-align: center;
  }

  &__header {
    align-items: center;
    background-color: $bz-neutral-200;
    display: flex;
    font-size: $bz-font-size-subheading;
    font-weight: $bz-font-weight-semibold;
    justify-content: space-between;
    padding: $bz-space-inset-squish-s;
  }

  &__label {
    display: flex;
    padding: $bz-space-inset-squish-s;
  }

  &__wrapper {
    overflow-x: scroll;
  }

  &__table {
    border-collapse: collapse;
    width: 100%;

    .bz-tablet-grid__table-header {
      border-bottom: 1px solid $bz-neutral-300;
      font-size: $bz-font-size-subheading;
      font-weight: bold;
      padding: $bz-space-inset-s;
    }
  }

  &__cell {
  }

  &__menu {
    width: 32px;
  }

  .bz-tablet-grid__totalizer {
    padding: $bz-space-inset-s;

    .bz-tablet-grid__totalizer-item {
      padding: $bz-space-inset-xs;

      span {
        display: block;
      }
    }
  }

  &__buttons {
    display: flex;
    flex-direction: row;

    &--hidden {
      display: none;
    }
  }

  &__row {
    padding: $bz-space-inset-s;
  }

  &__row-buttons {
    border-bottom: 1px solid $bz-neutral-300;
    display: flex;
    padding: $bz-space-inset-s;

    .bz-btn {
      margin-right: $bz-space-inset-xs;
      text-transform: capitalize;
    }

    .bz-btn:last-child {
      margin-right: 0;
    }
  }

  &__pager {
    padding: $bz-space-inset-s;
  }
}

.bz-column-sort {
  display: none;

  &--active {
    display: inline-block;
  }

  &__item {
    display: none;

    &--active {
      display: inline-block;
    }
  }
}