/* ==========================================================================
   Bootstrap .table restyle.
   Owning feature: shared / components
   Load order is defined in Views/Shared/_CssIncludes.cshtml — do not reorder.
   ========================================================================== */

/* --- Tables --------------------------------------------------------------
   Mirrors the fh-list-card table treatment (uppercase muted headers,
   soft dividers) for every plain `.table` used outside the Browse grid. */
.table {
  color: var(--fh-text);
  font-size: var(--fh-text-base);
  --bs-table-border-color: var(--fh-border);
}
.table > thead {
  background: var(--fh-soft);
}
.table > thead th {
  border-bottom: 1px solid var(--fh-border);
  color: var(--fh-muted);
  font-weight: var(--fh-weight-semibold);
  font-size: var(--fh-text-xs);
  text-transform: uppercase;
  letter-spacing: var(--fh-tracking-wide);
  white-space: nowrap;
}
.table > :not(caption) > * > * {
  padding: var(--fh-row-pad-y, 0.75rem) var(--fh-row-pad-x, 1rem);
}
.table-hover > tbody > tr:hover > * { background-color: var(--fh-primary-soft, #eff6ff); }
.table-sm > :not(caption) > * > * {
  padding: calc(var(--fh-row-pad-y, 0.75rem) * 0.6) calc(var(--fh-row-pad-x, 1rem) * 0.7);
}