#line_items,
#hire_requests,
#users,
#orders {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;

  th {
    font-size: 10px;
    color: var(--color-table-header-fg);
    background-color: var(--color-table-header-bg);
    padding: 4px 8px;
    text-align: left;
  }

  td {
    padding: 4px 8px;
  }

  tbody tr {
    border-bottom: 1px dotted var(--color-table-border);

    &:last-of-type {
      border-bottom: 1px solid var(--color-table-border-dark);
    }
  }
}

#line_items {
  .selling_option {
    width: 99%;
    white-space: nowrap;
    text-align: right;
  }

  .price,
  .links {
    white-space: nowrap;
    text-align: right;
  }

  .quantity {
    white-space: nowrap;
    text-align: center;

    input {
      font: inherit;
      text-align: inherit;
      width: 4em;
    }
  }

  .total.price {
    font-weight: bold;
  }
}

#hire_requests {
  .date,
  .name {
    white-space: nowrap;
  }
}

#users {
  .mailing_list {
    text-align: center;
  }

  .discount_percentage {
    text-align: right;
  }
}