Chart Prompts

Restyle my chart in the "Priority Mix" 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 dispatcher's radio console at night. Dark navy screen, a strip of channel keys along the top, tall condensed headline type and a hot-to-cool priority ramp from red through orange and yellow to gray.

Colors (use these exact values):
- Screen: #0C1222. Header strip: #141C31 with a 1px #26314F bottom rule. Channel keys: #1C2640 with 1px #26314F borders; the active key has a 1.2px #E8ECF5 border and a #4ADE80 indicator dot (inactive dots #3A4563).
- Priority ramp, in order: #F43F5E (priority 1), #FB923C (priority 2), #FACC15 (priority 3), #6B7280 (priority 4).
- Text: #E8ECF5. Dim text: #8390AD. Rules: #26314F.

Typography (Google Fonts):
- Teko 500 for the title only: 36px, #E8ECF5, stating the finding.
- Titillium Web for everything else: subtitle 15px 400 dim; channel keys 10px 700 ("CH 01") over 10px 600 names, with letter-spacing; category codes 17px 700 with 2px letter-spacing (e.g. "TV-04") followed by the name in 12px 400 caps dim with 1.2px letter-spacing; legend 12px 600 caps with 1px letter-spacing; segment labels 15px 700; totals 15px 600; axis labels 12px 600 dim; footer 12px and 11px 600 caps.

Layout:
- A 54px header strip: six 108 x 32 px channel keys (4px radius) with a 3.5px indicator dot, "CH 0n" and the channel name, and the center name in 12px 700 caps right-aligned.
- Title at y 108, subtitle at y 134, 40px margins.
- Legend row at y 160 starting at the bar area's left edge: 14px squares (2px radius) with "P1  LIFE THREAT", "P2  URGENT", "P3  PROMPT", "P4  ROUTINE"; a "CALLS" column header right-aligned at x 920.
- Rows 40px apart from y 192: codes at x 40, names at x 112, bars from x 250 to 840, totals right-aligned at x 920. Sort rows by the priority 1 share, largest first.
- Footer rule at y 548, source left, a caps console tag right.

Axes and grid:
- No gridlines. A single 1px #E8ECF5 dotted reference line (2 on, 3 off, 70% opacity) at 25% drawn behind the bars, so it only shows between rows, with 0%, 25% and 100% labels below the last row.

Marks:
- Bar chart: 100% stacked horizontal bars 26px tall, square corners, 2px navy gaps between segments. Percent labels 8px inside each segment's left edge when the segment is wider than 34px: #0C1222 text on red, orange and yellow, #F3F4F6 on gray.
- Line chart: one 2.5px straight line per priority in the ramp colors with 4px filled dots, a 1px #26314F horizontal grid every 25%, and direct labels at the right end ("P1 26%") instead of the legend row; the header strip and typography stay the same.

Avoid: gradients, rounded bars, glows, a boxed legend, and any additional hue beyond the ramp.

When you're done, render the chart and check that each bar sums to 100%, the sort order is right, labels only appear where they fit, and the reference line never crosses a label.