/*
   Završni tematski sloj za progress na dashboardu.
   Dashboard ima starije izolovane boje za progress, pa ih ovdje vezujemo za
   zajedničke promjenljive aktivne teme nakon učitavanja svih tematskih fajlova.
*/
html:root[data-theme] body .d2-update-progress {
    --dashboard-progress-text: var(--bm-text-primary, var(--bm-text, currentColor));
    --dashboard-progress-secondary: var(--bm-text-secondary, var(--bm-text-muted, currentColor));
    --dashboard-progress-surface: var(--bm-surface-raised, var(--bm-surface, transparent));
    --dashboard-progress-border: var(--bm-border, rgba(127, 127, 127, 0.22));
    --dashboard-progress-start: var(--bm-accent, currentColor);
    --dashboard-progress-end: var(--bm-accent-2, var(--bm-accent, currentColor));
    --dashboard-progress-track: color-mix(in srgb, var(--dashboard-progress-secondary) 21%, transparent);
    color: var(--dashboard-progress-text) !important;
    background: var(--dashboard-progress-surface) !important;
    border-color: var(--dashboard-progress-border) !important;
    box-shadow: var(--bm-shadow-soft, none) !important;
}

html:root[data-theme] body .d2-update-progress-title {
    color: var(--dashboard-progress-start) !important;
    -webkit-text-fill-color: currentColor !important;
}

html:root[data-theme] body .d2-update-progress-meta {
    color: var(--dashboard-progress-secondary) !important;
    -webkit-text-fill-color: currentColor !important;
}

html:root[data-theme] body .d2-update-progress-meta strong {
    color: var(--dashboard-progress-text) !important;
    -webkit-text-fill-color: currentColor !important;
}

html:root[data-theme] body .d2-update-progress-segment {
    background: var(--dashboard-progress-track) !important;
}

html:root[data-theme] body .d2-update-progress-segment.is-filled {
    background: linear-gradient(180deg, var(--dashboard-progress-start), var(--dashboard-progress-end)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--dashboard-progress-end) 28%, transparent) !important;
}