/* ── table-ds.css ──────────────────────────────────────────────────────────
   Additive visual overrides to align Bootstrap tables with the DocumentTable
   design from the design system. Loaded after table.css in base.html.
   ──────────────────────────────────────────────────────────────────────── */

/* Remove alternating row striping — DocumentTable uses white rows only */
.table tr:nth-child(even) {
  background: #ffffff;
}

/* Suppress Bootstrap 5 table-striped CSS variable mechanism */
.table-striped > tbody > tr > * {
  --bs-table-striped-bg: transparent;
}

/* Replace heavy all-sides border with bottom-only dividers */
.table tr th,
.table tr td {
  border: none;
  border-bottom: 1px solid #f3f4f6;
}

/* table-bordered Bootstrap override — remove side borders */
.table-bordered > :not(caption) > * > * {
  border-width: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f3f4f6;
}

/* Header row — lighter bg, softer label style matching sc-document-row--header */
.table thead tr th,
.table thead tr td {
  background: #f9fafb;
  border-bottom-color: #e5e7eb;
  color: #4a5565;
  font-weight: 400;
  font-family: var(--sc-font-family-body, 'Work Sans', sans-serif);
  font-size: var(--sc-font-size-caption, 12px);
}

.table-bordered > thead > * > * {
  border-bottom-color: #e5e7eb;
}

/* Body text — brand blue, design token typography */
.table tbody tr td {
  color: var(--sc-brand-blue, #0c0a3e);
  font-family: var(--sc-font-family-body, 'Work Sans', sans-serif);
  font-size: var(--sc-font-size-label, 14px);
}

/* Hover state — subtle overlay matching sc-document-row--hover */
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: rgba(0, 0, 0, 0.02);
  background-color: rgba(0, 0, 0, 0.02);
}

/* Pagination — brand blue throughout */
.dataTables_paginate .page-link {
  color: var(--sc-brand-blue, #0c0a3e);
}

.dataTables_paginate .page-item.active .page-link {
  background-color: var(--sc-brand-blue, #0c0a3e);
  border-color: var(--sc-brand-blue, #0c0a3e);
  color: #ffffff;
}

.dataTables_paginate .page-link:hover,
.dataTables_paginate .page-link:focus {
  color: var(--sc-brand-blue, #0c0a3e);
  opacity: 0.8;
  box-shadow: none;
}