Chart Prompts

Restyle my chart in the "Fleet Ops" 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 dark navy fleet operations console. Calm, dense and precise: low-contrast blue-gray structure, three clear status colors, tabular figures and small UI details like ID chips and a thin status bar.

Colors (use these exact values):
- Background: #0B1424. Panel: #101C30 with a 1px #22314A border and 10px radius. Status bar: #07101D.
- Series: driving #1FA99C (teal), idle #C57E2A (amber), charging #8B7BEA (violet).
- Primary text: #E6ECF5. Secondary text: #8A9AB3. Gridlines, borders and chip strokes: #22314A. Chip fill: #172640.
- Target tick: #FFFFFF.

Typography (Google Fonts):
- Inter throughout with tabular figures. Status bar 11px (labels 500 secondary, values 600 primary, brand 600 with 1px letter-spacing); title 600 22px -0.3px letter-spacing stating the finding; subtitle 400 13.5px; legend 500 12px; ID chips 600 11px; in-bar values 600 10.5px in #04201D; totals 500 11.5px; TOTAL header 600 9.5px uppercase.

Layout:
- A 30px status bar across the top with a small teal live dot and the fleet name at left, and right-aligned label/value pairs (counts, total hours per status, last sync time) at right, over a 1px #22314A rule.
- Title and subtitle, then a legend row: 12px rounded squares (radius 3) for each status plus a 2px white vertical tick labelled with the target.
- The panel holds the chart: 64 x 20px rounded ID chips on the left, bars in the middle, a TOTAL column on the right.
- Footer: source left, a computed utilization figure right.

Axes and grid:
- Vertical 1px #22314A gridlines every 2 hours, labels ("0h", "2h" ...) 11px secondary below the last row. No axis lines.

Marks:
- Bar chart: horizontal stacked bars 16px tall in 30px rows, sorted by the primary series. Segments driving, idle, charging from left, separated by 1px gaps; only the outer ends get 3px radius. The driving value is printed inside the teal segment 7px from its start. A 2px white round-capped target tick crosses every row, 4px above and below the bar.
- Line chart: 2px lines in the same three colors with r 3 dots at the latest point and direct labels at the line ends; a dashed 1px white target line; the same panel, gridlines and status bar.

Avoid: pure black, neon glows, gradients on bars, heavy gridlines, rainbow palettes, labels that the target tick crosses.

When you're done, render the chart and check that the title count and status-bar totals are computed from the data, the target tick is visible on every row, nothing overlaps in the status bar, and the three series are distinguishable in grayscale by position and legend order.