.trc-tbl {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  margin: 1.6rem 0;
  border: 1px solid var(--trc-tbl-line, rgba(128, 128, 128, .38));
  border-radius: var(--trc-tbl-radius, 8px);
}

.trc-tbl > table {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  background: transparent;
  font-size: .95em;
  line-height: 1.45;
}

.trc-tbl th,
.trc-tbl td {
  padding: 10px 14px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--trc-tbl-line, rgba(128, 128, 128, .38));
  border-right: 1px solid var(--trc-tbl-line, rgba(128, 128, 128, .38));
}

.trc-tbl th:last-child,
.trc-tbl td:last-child { border-right: 0; }

.trc-tbl tr:last-child td { border-bottom: 0; }

.trc-tbl thead th {
  background: var(--trc-tbl-head, rgba(128, 128, 128, .14));
  font-weight: 700;
}

.trc-tbl tbody tr:nth-child(even) {
  background: var(--trc-tbl-zebra, rgba(128, 128, 128, .07));
}

@media (max-width: 640px) {
  .trc-tbl th,
  .trc-tbl td {
    padding: 9px 11px;
    min-width: var(--trc-tbl-cell, 140px);
  }
}

@media print {
  .trc-tbl { overflow-x: visible; }
  .trc-tbl th,
  .trc-tbl td { min-width: 0; }
}

.td-card { position: relative; }