.orders-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 3.2rem;

  font-size: 1.4rem;
  line-height: 1.15;
  white-space: nowrap;

  th {
    color: #9E9E9E;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
  }

  td, th {
    padding: 1.6rem 1.2rem;

    border-bottom: 1px solid #f2f2f2;

    &:first-child {
      padding-left: 0;
    }

    &:last-child {
      padding-right: 0;
    }
  }

  tr {
    &:last-child {
      td {
        padding-right: 0;
        border-bottom: none;
      }
    }
  }

  tbody {
    color: $dark;
  }
}

.orders-table__status {
  position: relative;
  padding-left: 1.4rem;

  font-weight: 500;

  &::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;

    background-color: currentColor;
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
  }

  &--progress,
  &--new,
  &--payment_pending,
  &--in_progress {
    color: #DAB01E;
  }

  &--done,
  &--paid,
  &--sent,
  &--ready,
  &--completed {
    color: #7CB03E;
  }

  &--cancel,
  &--payment_error {
    color: $red;
  }
}

.orders-table__action {
  text-align: right;
}