/* ============================================================================
   PROGRESS BARS
   Consolidated from theme.css (vendor) and theme-override.css (app).
   Values are the resolved cascade result as of the consolidation — no
   intended visual change. Colour variants are driven by one custom property
   set on the variant class and consumed by a single shared rule.

   Scope note: the variant rules also match the bare Bootstrap .bg-* utility
   classes, so *any* .bg-success/.bg-warning/.bg-danger/.bg-info element in the
   app gets this gradient, not just progress bars. That is pre-existing
   behaviour and is reproduced verbatim. .bg-primary is deliberately not in the
   list — it never was.
   ============================================================================ */

.progress {
    background-color: var(--surface-2);
    border-radius: 6px;
    height: 1rem;
}

.progress-bar {
    background: linear-gradient(
        90deg,
        rgba(var(--bs-primary-fill-rgb), 0.8),
        rgba(var(--bs-primary-fill-rgb), 1)
    );
    border-radius: 6px;
}

/* A bar inside a track is fully rounded; the 6px above only ever applies to a
   .progress-bar used outside a .progress. Carried from theme.css, where the
   two-class selector already outranked the flat .progress-bar rule. */
.progress .progress-bar {
    border-radius: 100px;
}

/* ------------------------------- VARIANTS --------------------------------- */

.progress-bar-success,
.bg-success {
    --progress-rgb: var(--bs-success-fill-rgb);
}

.progress-bar-warning,
.bg-warning {
    --progress-rgb: var(--bs-warning-fill-rgb);
}

.progress-bar-danger,
.bg-danger {
    --progress-rgb: var(--bs-danger-fill-rgb);
}

.progress-bar-info,
.bg-info {
    --progress-rgb: var(--bs-info-fill-rgb);
}

/* !important is required: Bootstrap's .bg-* utilities declare
   `background-color: <hex> !important`, so a plain declaration here would lose
   to them at equal specificity regardless of file order. */
.progress-bar-success,
.bg-success,
.progress-bar-warning,
.bg-warning,
.progress-bar-danger,
.bg-danger,
.progress-bar-info,
.bg-info {
    background: linear-gradient(
        90deg,
        rgba(var(--progress-rgb), 0.8),
        rgba(var(--progress-rgb), 1)
    ) !important;
}