@use "../abstracts/functions" as *;

table {
  width: 100%;
  overflow: hidden;
}

thead {
  border-block-start: none;
  color: var(--fg-muted-2);
  font-weight: var(--font-weight-semi-bold);
}

tr {
  &:nth-child(even) {
    background-color: var(--bg-muted-1);
  }

  th,
  td {
    padding: 0.5rem 1rem;
  }
}

tbody tr {
  border-block: rpx(1) solid var(--bg-muted-2);

  &:last-child {
    border-block-end: none;
  }
}

.overflow-auto table {
  width: max-content;
  min-width: 100%;
}