/* ============================================================
   Vandelay Companies — Tables
   Active only inside .vc-design-context.
   ============================================================ */

.vc-design-context .vc-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--vc-sans);
  font-size: 13.5px;
  color: var(--vc-ink);
  background: var(--vc-surface);
}

.vc-design-context .vc-table thead th {
  font-family: var(--vc-mono);
  font-size: 10.5px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--vc-ink-3);
  text-align: left;
  padding: var(--vc-space-3) var(--vc-space-4);
  background: var(--vc-sunken);
  border-bottom: 1px solid var(--vc-rule-strong);
  white-space: nowrap;
}

.vc-design-context .vc-table tbody td {
  padding: var(--vc-space-3) var(--vc-space-4);
  border-bottom: 1px solid var(--vc-rule);
  vertical-align: middle;
}

.vc-design-context .vc-table tbody tr:last-child td {
  border-bottom: 0;
}

.vc-design-context .vc-table tbody tr:hover {
  background: var(--vc-paper);
}

/* Numeric / tabular column */
.vc-design-context .vc-table .vc-table__num {
  font-variant-numeric: tabular-nums;
  font-family: var(--vc-mono);
  text-align: right;
}

/* Sticky header for long tables */
.vc-design-context .vc-table--sticky thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}

/* Row that's clickable */
.vc-design-context .vc-table--clickable tbody tr {
  cursor: pointer;
  transition: background-color 0.1s ease;
}

/* Row tone (use sparingly) */
.vc-design-context .vc-table tr.vc-table__row--warning {
  background: var(--vc-warning-soft);
}
.vc-design-context .vc-table tr.vc-table__row--critical {
  background: var(--vc-negative-soft);
}

/* Table inside a card: drop the card body padding when wrapped */
.vc-design-context .vc-card__body--flush { padding: 0; }
.vc-design-context .vc-card__body--flush .vc-table tbody tr:last-child td { border-bottom: 1px solid var(--vc-rule); }
.vc-design-context .vc-card__body--flush .vc-table thead th:first-child { padding-left: var(--vc-space-5); }
.vc-design-context .vc-card__body--flush .vc-table thead th:last-child  { padding-right: var(--vc-space-5); }
.vc-design-context .vc-card__body--flush .vc-table tbody td:first-child { padding-left: var(--vc-space-5); }
.vc-design-context .vc-card__body--flush .vc-table tbody td:last-child  { padding-right: var(--vc-space-5); }

/* Compact density */
.vc-design-context .vc-table--compact thead th,
.vc-design-context .vc-table--compact tbody td {
  padding: 6px var(--vc-space-3);
}