/* ================================================================
   Macondo data — DataTable
   ================================================================ */
.sp-table-container { position: relative; width: 100%; overflow-x: auto; }
.sp-table { width: 100%; border-collapse: collapse; font-family: var(--font-sans); }
.sp-table thead tr { border-bottom: 1px solid var(--border-primary); }
.sp-table th {
  height: var(--space-1000);
  padding: var(--space-200) var(--space-400);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  font-weight: var(--font-weight-medium);
  color: var(--typography-tertiary);
}
.sp-table tbody tr { border-bottom: 1px solid var(--border-primary); transition: background-color 0.1s ease; }
.sp-table tbody tr:hover { background: var(--surface-hover); }
.sp-table tbody tr:active { background: var(--surface-tertiary); }
.sp-table td {
  padding: var(--space-200) var(--space-400);
  vertical-align: middle;
  white-space: nowrap;
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  color: var(--typography-primary);
}
.sp-table th:has(.sp-checkbox), .sp-table td:has(.sp-checkbox) { width: var(--space-1000); padding-right: 0; }

/* Pagination row */
.sp-table-footer { display: flex; align-items: center; justify-content: space-between; padding: var(--space-300) var(--space-400); color: var(--typography-secondary); font-size: var(--callout-font-size); }