.mat-mdc-table{
  .mdc-data-table__cell,
  .mdc-data-table__header-cell{
    padding: 0 12px;
  }
  .mat-mdc-header-cell{
    font-weight: var(--font-weight-700);
    &:hover{
      background-color: var(--color-surface-neutral-hover);
    }
    &:active{
      background-color: var(--color-surface-neutral-press);
    }
  }
  .mat-mdc-header-cell,
  .mat-mdc-cell{
    border-bottom: 1px solid var(--color-on-surface-neutral-disabled);
  }
  .mat-mdc-header-row{
    height: 48px;
  }
  .mat-mdc-row,
  .mdc-data-table__content,
  .mat-mdc-header-row{
    font-family: var(--font-family-body);
    color: var(--color-on-surface-neutral-primary);
  }
  .mat-mdc-row:hover{
    .mat-mdc-cell{
      background-color: var(--color-surface-neutral-hover) !important;
    }
  }
  .mat-mdc-row:active{
    .mat-mdc-cell{
      background-color: var(--color-surface-neutral-press) !important;
    }
  }

  tr.expandable-row{
    height: 0;
    td{
      padding: 0 !important;
      border-bottom: none;
      .expanded-row-container{
        border-bottom: 1px solid var(--color-on-surface-neutral-disabled);
      }
    }
  }
}

/* Basic table */

.basic-table{
  font-size: var(--font-size-m);
  &.fixed-table{
    table-layout: fixed;
  }
  border: 1px solid var(--color-on-surface-neutral-disabled);
  th{
    font-weight: var(--font-weight-700);
    font-size: var(--font-size-m);
  }
  th, td{
    text-align: left;
    border-bottom: 1px solid var(--color-on-surface-neutral-disabled);
    padding: 10px 16px 8px;
    vertical-align: middle;
  }
}
.table-header-actions{
  margin-bottom: 12px;
  position: relative;
  .search-filter-row{
    display: flex;
    gap: 12px;
    position: relative;
    z-index: 1;
    .full-width {
      flex: 1 1 0;
    }
    button{
      flex: 0 0 auto;
      white-space: nowrap;
    }
  }
  .selected-items-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    background-color: var(--color-surface-neutral-idle);
    height: 32px;
    .selected-actions{
      display: flex;
      gap: 8px;
    }
  }
}

/* Data table */

.dataset-table.mat-mdc-table {
  th, td{
    border: 1px solid var(--color-on-surface-neutral-disabled);
  }
  th{
    font-size: var(--font-size-caption);
    font-weight: var(--font-weight-700);
    background-color: var(--color-surface-neutral-nested);
  }
  td{
    padding: 0 8px;
    font-size: var(--font-size-s);
  }
  tbody tr{
    height: 32px !important;
  }
  .mdc-data-table__row:last-child .mdc-data-table__cell{
    border-bottom: 1px solid var(--color-on-surface-neutral-disabled);
  }
  .mdc-data-table__header-row{
    height: 32px !important;
    .mdc-data-table__header-cell{
      padding: 0 8px;
    }
  }
}

.mat-mdc-paginator-container{
  font-size: var(--font-size-m);
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing{
    border-width: 0 !important;
  }
}