.progress-bar{--tone:var(--color-accent);background:color-mix(in srgb, var(--color-border) 60%, var(--color-bg));border-radius:2px;height:5px;overflow:hidden}.progress-bar div{background:var(--tone);height:100%}.progress-bar[data-tone=muted]{--tone:color-mix(in srgb, var(--color-accent) 45%, var(--color-bg))}
.assigned-course-row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-0);border-bottom:1px solid color-mix(in srgb, var(--color-border) 45%, var(--color-bg));font-family:var(--font-mono);font-size:var(--font-size-small);display:flex}.assigned-course-row .assigned-course-row-name{width:6rem;color:var(--color-fg);flex:none;font-weight:700}.assigned-course-row .progress-bar{flex:1}.assigned-course-row .assigned-course-row-detail{text-align:right;width:9rem;color:var(--color-muted);flex:none}