/* ── Tables ──────────────────────────────────────────────────────────────── */
.table-container {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-lg); overflow: hidden;
}

table { width: 100%; border-collapse: collapse; }

th {
  padding: 8px 14px; text-align: left;
  font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px;
  color: var(--text-muted); background: var(--surface-2); border-bottom: 1px solid var(--border);
}

td {
  padding: 9px 14px; border-bottom: 1px solid var(--border-muted);
  font-size: 12px; vertical-align: middle; white-space: nowrap;
}

tr:last-child td { border-bottom: none; }
tr:hover td { background: var(--surface-2); }

.td-mono   { font-family: var(--font); font-size: 11px; }
.td-shrink { width: 1%; white-space: nowrap; }
.td-expand { white-space: normal; }