table {
  width: 100%;

  & thead tr th {
    border-bottom: 2px solid var(--custom-text-color);
  }

  & tfoot tr th,
  & tfoot tr td {
    border-top: 1px solid var(--border-color);
  }

  & th,
  td {
    padding: 0.5rem;
  }

  th,
  td {
    text-align: left;
  }

  & .amount {
    text-align: right;
  }

  & .number {
    text-align: center;
  }

  & .description {
    text-wrap: balance;
  }

  & s {
    text-decoration-line: line-through;
    text-decoration-color: var(--danger-color);
    text-decoration-thickness: 2px;
  }
}
