/* v2 styles: Dash app (W2-DASH). The prototype's dash_styles.css is identical to the platform's,
   so there is no delta to port; only the shared v2 look (font, neutrals) is applied here. */
.dp-v2 body {
  font-family: var(--dp-font, var(--bs-body-font-family));
  font-size: var(--dp-font-size);
  color: var(--dp-fg);
}

/* Plain .progress (css/dash_styles.css:822 sets a 1rem #e9ecef bar). :where(.dp-v2) keeps the specificity at
   (0,1,0), so these tie with it and win by load order. disclosures.css .disc-period-card .progress stays as is. */
:where(.dp-v2) .progress,
:where(.dp-v2) .progress-stacked {
  height: var(--bs-progress-height);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
  font-size: var(--bs-progress-font-size);
}

/* Progress bar states: replace the old-look hard-coded colours of css/dash_styles.css (which use !important). */
.dp-v2 .progress-bar.progress-complete {
  background-color: var(--bs-primary) !important;
}
.dp-v2 .progress-bar.progress-high {
  background-color: var(--dp-muted-fg) !important;
  opacity: .25;
}
.dp-v2 .progress-bar.progress-warning {
  background-color: var(--bs-warning) !important;
}

/* .dash-tabs (css/dash_styles.css: boxed tabs, used on the source.html pages): underline tabs
   like .nav-underline (12px / 600, 2px indicator in the primary colour). */
.dp-v2 .dash-tabs {
  gap: 1.25rem;
  border-bottom: 1px solid var(--dp-border);
}
.dp-v2 .dash-tabs .nav-link {
  padding: .6rem 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--dp-muted-fg);
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}
.dp-v2 .dash-tabs .nav-link:hover,
.dp-v2 .dash-tabs .nav-link:focus {
  color: var(--dp-fg);
  border-bottom-color: transparent;
}
.dp-v2 .dash-tabs .nav-link.active {
  color: var(--dp-fg);
  font-weight: 600;
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid var(--bs-primary);
  border-radius: 0;
}