Chart Prompts

Restyle my chart in the "Dailies" 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: the production calendar on an editing-bay monitor. Dark, calm, condensed type, desaturated location colors, a timeline ruler across the top and one bright red for trouble.

Colors (use these exact values):
- Background: #16181C. Panels (ruler, thumbnails): #1D2026. Separators and thumbnail outlines: #2C3038.
- Group colors, desaturated: #5B7A99 (slate blue), #B0735A (clay), #7F9A78 (sage), #C7A64D (muted mustard). Add a fifth only if needed, just as muted.
- Exceptions (reshoots, overruns, alerts): #E04848 (bright red). Nothing else is red.
- Light text: #E6E8EB. Muted text: #8B919B. Today marker: #FFFFFF.

Typography (Google Fonts):
- IBM Plex Sans Condensed: title 600 27px #E6E8EB, stating the finding; subtitle 400 16px #8B919B; group headers 700 12px uppercase with 1.5px letter-spacing in the group color; row labels 400 14px; legend 500 14px; source 13px.
- IBM Plex Mono for dates, days and codes: row codes 500 12px ("SC 4"), ruler numbers 400 10px, range labels inside bars 500 10px in #16181C ("D6–7", with an en dash), exception labels 500 10px red, today tag 500 10px white.

Layout:
- 40px side margins. Title at y 50, subtitle at y 76; a small legend at the top right (a red 16 x 10 swatch "Reshoot", a 2px white tick "Today").
- Timeline ruler from x 300 to 920 at y 104: a 26px #1D2026 bar with a tick at every period (1px #8B919B at 60%), longer ticks and numbers at the first and every fifth period. "DAY" in mono to its left.
- Rows on a 27px pitch, grouped, with a 20px group header row (8px color square plus the group name) and a 1px #2C3038 separator between groups.
- Each row starts with a 34 x 20 px clip-thumbnail placeholder at x 40 (panel fill, 1px separator outline, an inner 30 x 16 tint of the group color at 22% opacity and a small light play triangle), then the code in mono and the label in condensed type.

Axes and grid:
- No vertical gridlines; the ruler carries the scale. No y axis line.
- A vertical 2px white "today" line from just above the ruler to the last row, with a small white down-pointing triangle cap and a "TODAY D18" tag to its right.

Marks:
- Bar chart: floating horizontal range bars, 18px tall, 3px radius, from the start to the end of each period range (inclusive, 1px inset each side), filled with the group color, with the range printed centered inside in mono. Exceptions as separate red range bars on the same row, labeled to their left in red mono ("RESHOOT D22").
- Line chart: the same ruler and dark ground with thin 2px lines per group in the group colors, each labeled at its right end in condensed caps in the group color, exceptions marked by red r 4 dots with mono labels, and the white today line.

Avoid: saturated or neon colors besides the one red, gradients, glows, rounded pill bars, gridlines that compete with the ruler, and legends that duplicate the group headers.

When you're done, render the chart and check that bars align exactly to the ruler ticks, range labels fit inside their bars, red appears only on exceptions, and the today line reads clearly without covering any label.