/*
* Table component
*
*/

@import './table-header-buttons.scss';

.dnb-table {
  &__th__horizontal {
    display: flex;
    align-items: flex-end; // bottom align help-button or other additional elements
  }

  // head
  &__th,
  & thead th {
    background-color: var(--table-th-background-color);
  }

  // When we have a "th" with a scope of row, and there is only one td
  & tbody tr:has(th:first-child + td:last-child) th[scope='row'] {
    --table-th-background-color: initial;
  }
  & tbody tr th[scope='row'] + td:last-child {
    width: 100%;
  }
}