/* Small, deliberate overrides on top of vendored Bootstrap 5 — see
   static/vendor/bootstrap/. Keeps Bootstrap's behaviour/accessibility intact
   while matching the ScienceAudit AI visual language (CLAUDE.md: Bootstrap 5
   only, no replacement framework). */

body {
  font-family: var(--sa-font-sans);
}

.nav-tabs .nav-link {
  color: var(--sa-text-secondary);
  border: none;
  border-bottom: 2px solid transparent;
  font-weight: 500;
  font-size: 0.9rem;
}

.nav-tabs .nav-link.active {
  color: var(--sa-primary-dark);
  border-bottom-color: var(--sa-primary);
  background: transparent;
}

.progress {
  border-radius: 999px;
  background-color: var(--sa-border-light);
}

.progress-bar {
  background-color: var(--sa-primary);
}

.modal-content {
  border-radius: var(--sa-radius-lg);
  border: none;
}

.toast {
  border-radius: var(--sa-radius-md);
}

.table {
  font-size: 0.9rem;
}

.table > :not(caption) > * > * {
  padding: 0.65rem 0.75rem;
}

.table > thead > tr > th {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--sa-text-muted);
  font-weight: 600;
  background: var(--sa-surface-secondary);
  border-bottom-color: var(--sa-border);
}

.table > tbody > tr:hover > * {
  background-color: var(--sa-surface-secondary);
}

.card-sa > .table { overflow: hidden; border-radius: var(--sa-radius-md); }

.dropdown-menu {
  border-color: var(--sa-border);
  border-radius: var(--sa-radius-md);
  box-shadow: var(--sa-shadow-md);
}

.nav-tabs {
  border-bottom-color: var(--sa-border);
}

.nav-tabs .nav-link:hover {
  color: var(--sa-primary);
}