table {
  margin: 1rem 0;
  box-shadow: 10px 10px 10px var(--shadow-color);
}

table {
  caption {
    font-weight: bold;

    a {
      font-weight: initial;
    }
  }

  thead {
    th {
      color: var(--color-gray-50);
      background: var(--color-gray-700);

      &.new {
        background: transparent;

        a {
          text-transform: uppercase;
          font-weight: normal;
        }
      }
    }

    th:first-child {
      border-radius: 4px 0 0 0;
    }

    th:last-child {
      border-radius: 0 4px 0 0;
    }

    th:only-child {
      border-radius: 4px 4px 0 0;
    }

    td::first-letter {
      text-transform: capitalize;
    }
  }

  th,
  td {
    padding: 1em;
  }

  th::first-letter,
  th a::first-letter,
  :lang(en) :is(th, th a) {
    text-transform: capitalize;

    .unit {
      text-transform: initial;
    }
  }

  th.action {
    background: var(--color-blue-600);
  }

  tbody {
    tr:nth-child(2n) {
      background: var(--even-row-color);
    }

    tr:nth-child(2n + 1) {
      background: var(--odd-row-color);
    }

    tr:hover {
      background: var(--hover-row-color);
    }

    td.num {
      text-align: right;
    }
  }

  tfoot {
    text-align: center;
    margin: 1rem 0;
  }

  td.action {
    padding: 0;
    text-align: center;
  }

  td.action a,
  td.action form {
    display: inline-block;
    padding: 0.5rem;

    &:hover {
      color: var(--color-blue-600);
    }
  }

  td.action button {
    background: transparent;
  }
}

table.bom {
  margin-top: 2rem;
}

#power_path-channels {
  table {
    margin: 0;
    height: fit-content;
  }
}

#configuration_implantation {
  > tbody {
    > tr:nth-child(odd) {
      background: var(--odd-row-color);
    }
  }
}