/* snps/_table_results — SNP table view wrapper, header, empty state */
.snp-table-card {
  background-color: var(--background-surface-1);
  border-radius: var(--corner-radius-md);
  border-width: var(--stroke-weight-1);
  border-style: solid;
  border-color: var(--border-default);
  overflow-x: auto;
}

.snp-table {
  width: 100%;
  min-width: 480px; /* Note: bespoke value */
}

.snp-table-head {
  background-color: var(--background-surface-2);
  border-bottom-width: var(--stroke-weight-1);
  border-bottom-style: solid;
  border-bottom-color: var(--border-default);
}

.snp-table-th {
  text-align: left;
  padding-inline: var(--spacing-16);
  padding-block: var(--spacing-12);
  font-size: var(--font-size-12);
  line-height: 1rem;
  font-weight: var(--font-weight-500);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;

  &.snp-table-th--md,
  &.snp-table-th--lg,
  &.snp-table-th--xl { display: none; }

  @media (min-width: 48rem) { &.snp-table-th--md { display: table-cell; } }
  @media (min-width: 64rem) { &.snp-table-th--lg { display: table-cell; } }
  @media (min-width: 80rem) { &.snp-table-th--xl { display: table-cell; } }
}

.snp-table-body > * + * {
  border-top-width: var(--stroke-weight-1);
  border-top-style: solid;
  border-top-color: var(--border-subtle);
}