Chart Prompts

Restyle my chart in the "ID Backlog" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a collections-management dashboard on a deep charcoal-blue screen. Crisp and operational: a teal scale of certainty, a gray backlog that stands out by its dullness, and one number per row that answers "how much is done".

Colors (use these exact values):
- Background: #171C24 (deep charcoal blue).
- Stack, left to right: #3CC4B4 (bright teal, most complete state), #B9ECE5 (pale teal, partial state), #4A5260 (muted gray, not done).
- Primary text: #E8EDF2. Secondary text: #8C96A3. Gridlines: #232A35.
- Eyebrow and percentages at or above the target threshold (85%): #3CC4B4.

Typography (Google Fonts):
- Kulim Park throughout. Title 700, 32px, #E8EDF2, stating the finding. Eyebrow 11px 600 uppercase with 2.2px letter-spacing in teal. Subtitle 15px 400 #8C96A3 with measure, sort order and the backlog total.
- Row labels 14px 600 #E8EDF2 right-aligned 14px left of the bars. Percentages 15px 700 (the first row adds " identified" in 12px 400 #8C96A3). Right column values 14px 600, header 11px 600 uppercase with 1.6px letter-spacing. Legend 13px, ticks 12px, footnote 12px #8C96A3.

Layout:
- 56px left margin. Eyebrow at y 50, title at y 88, subtitle at y 118. Legend row at y 146 with 14px swatches (3px radius).
- Bars from x 176 to at most x 780, rows 40px apart starting at y 184, bars 22px thick.
- A right-hand column (right-aligned at x 904) repeats the backlog value per row under a small "UNSORTED" header with a 1px #4A5260 rule, so the sort order is visible as numbers. Footnote at y 574 defines the percentage and the teal threshold.

Axes and grid:
- Vertical 1px #232A35 gridlines at round values with ticks below ("0", "50k" ...). No axis lines, no horizontal gridlines.

Marks:
- Bar chart: horizontal stacked bars sorted by the backlog segment (largest first), square on the left, 3px radius on the right end of the final segment only, with 1.5px background-colored separators between segments. The percent complete 10px after each bar: teal if at or above 85%, #E8EDF2 otherwise.
- Line chart: three 2.5px lines in the same colors (complete, partial, backlog) with the backlog line in the muted gray but thicker (3.5px) so it stays the subject; the end of each line carries its value and name; percent complete shown as a column of labeled values at the right.

Avoid: 100% bars when counts matter, gradients, glows, rounded left ends, extra accent colors and a legend that repeats what direct labels say.

When you're done, render the chart and check that rows are sorted by the backlog value, every percentage equals (complete + partial) / total, the teal threshold is applied consistently, and the right column aligns on its right edge.