/* ============================================================
   components/tables.css
   ============================================================ */

.plx-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.plx-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--plx-font-size-sm);
  color: var(--plx-text-soft);
}

.plx-table thead {
  background: var(--plx-bg-tertiary);
}

.plx-table th, .plx-table td {
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid var(--plx-border-subtle);
  text-align: left;
}

.plx-table th {
  font-weight: 600;
  color: var(--plx-text-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: var(--plx-font-size-xs);
}

.plx-table tr:hover td {
  background: var(--plx-bg-primary);
}

/* Striped variant mapping */
.plx-table-striped tbody tr:nth-child(odd) td {
  background: var(--plx-bg-primary);
}