/* ============================================================
   TABLES — Base table, th, td styling.
   Root: element selectors (universal table styling)
   ============================================================ */

table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--step--1);
}

th {
  text-align: left;
  font-size: var(--step--2);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: var(--space-3xs) var(--space-xs);
  border-bottom: 1px solid var(--border-primary);
  color: var(--text-secondary);
  font-weight: 400;
  white-space: nowrap;
}

td {
  padding: var(--space-2xs) var(--space-xs);
  border-bottom: 1px solid var(--border-primary);
  vertical-align: top;
}

/* Sticky header — border-collapse:collapse blocks position:sticky in Chrome.
   --sticky-top is set by JS when a bulk actions bar appears above the table. */
.admin-table--sticky {
  border-collapse: separate;
  border-spacing: 0;
}

.admin-table--sticky thead th {
  position: sticky;
  top: var(--sticky-top, 0px);
  z-index: 5;
  background: var(--bg-primary);
}