/* stylelint-disable liberty/use-logical-spec */
.table {
  overflow-x: hidden;
  height: calc(100vh - 200px);
  thead {
    color: var(--mui-palette-text-primary);
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: var(--mui-palette-background-paper);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    tr {
      background-color: var(--mui-palette-secondary-lightOpacity);
      border: none;
      th {
        font-weight: 900;
        font-size: 0.8125rem;
        letter-spacing: 0.2px;
        text-align: center;
        padding: 3px 10px;
        border: none;
      }
      &:first-of-type {
        th:first-of-type {
          text-align: start;
        }
      }
    }
  }

  tbody {
    tr {
      td {
        padding: 3px 10px;
        text-align: center;
        &:first-child {
          text-align: start;
        }
      }
      &:last-of-type {
        background-color: var(--mui-palette-secondary-darkOpacity);
        td {
          padding: 10px;
        }
      }
    }
  }
}