/* ui_progress — pair file for src/ui_system/progress.jl
 *
 * Linear variant uses native <progress>; gauge variant is a fixed-width
 * filled bar with a side-by-side numeric read-out (confidence cell). */

.confidence-cell {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}
.confidence-gauge {
    width: 5rem;
    height: 0.5rem;
    background: var(--pico-muted-border-color);
    border-radius: var(--ds-radius-pill);
    overflow: hidden;
    flex: 0 0 auto;
}
.confidence-gauge-fill {
    height: 100%;
    background: linear-gradient(to right,
        color-mix(in srgb, var(--pico-primary) 60%, transparent),
        var(--pico-primary));
    border-radius: var(--ds-radius-pill);
}
.confidence-gauge-value {
    font-size: var(--ds-font-sm);
    white-space: nowrap;
}