/* Design v2 BI chart kinds, part 3 (ds/v2-bi-charts.js): event-marker colours, the conditional-format table and the
   freshness badge. Event colours validated with the dataviz validator: dark on #11151B, light on #FFFFFF; the light set
   applies wherever the app's light theme is on (the v2 shell's light tokens are ds/v2-light.css). */
:root { --v2b-bar: #8B5CF6; --v2b-e1: #8B5CF6; --v2b-e2: #0EA371; --v2b-e3: #C27C08; --v2b-e4: #3B82F6; }
:root[data-theme="light"] { --v2b-bar: #7C3AED; --v2b-e1: #7C3AED; --v2b-e2: #047857; --v2b-e3: #B45309; --v2b-e4: #2563EB; }
.v2b-ct { width: 100%; border-collapse: collapse; font-size: 13px; }
.v2b-ct th, .v2b-ct td { padding: 7px 10px; border-bottom: 1px solid var(--v2-border, #1F242C); text-align: left; color: var(--v2-ink2, #C3C9D1); }
.v2b-ct th { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--v2-mute, #9AA3AE); }
.v2b-ct .num { text-align: right; font-family: var(--v2-mono, monospace); white-space: nowrap; }
.v2b-ct .nm { color: var(--v2-mute, #9AA3AE); font-family: inherit; font-style: italic; }
.v2b-db { display: inline-block; width: 64px; height: 8px; margin-right: 8px; border-radius: 3px; background: var(--v2-track, #1A1F26); vertical-align: middle; overflow: hidden; }
.v2b-db i { display: block; height: 100%; border-radius: 3px; background: var(--v2b-bar, #8B5CF6); }
.v2b-h0 { background: var(--v2-q0, #15131F); } .v2b-h1 { background: var(--v2-q1, #221A3D); } .v2b-h2 { background: var(--v2-q2, #2E2350); }
.v2b-h3 { background: var(--v2-q3, #3B2A70); } .v2b-h4 { background: var(--v2-q4, #5B3BB5); color: #fff !important; }
.v2b-ct-empty { color: var(--v2-mute, #9AA3AE); font-style: italic; padding: 8px 0; }
.v2b-fresh { display: inline-flex; gap: 6px; align-items: baseline; font-size: 11px; color: var(--v2-mute, #9AA3AE); }
.v2b-fresh b { font-weight: 700; }
.v2b-fresh.good b { color: var(--v2-ok, #34D399); } .v2b-fresh.warn b { color: var(--v2-warn, #FBBF24); } .v2b-fresh.bad b { color: var(--v2-bad, #F87171); }
@media (max-width: 480px) { .v2b-db { width: 18px; margin-right: 4px; } .v2b-ct { font-size: 12px; } .v2b-ct th, .v2b-ct td { padding: 6px 4px; } .v2b-ct th { letter-spacing: 0; } }
/* Light theme for v2 charts drawn on an LPX page that follows the app's light theme (the v2 shell itself is dark).
   Scoped to the charts and these components only; validated on #FFFFFF (ink 15.9:1, mute 5.9:1, marks >= 3:1). */
:root[data-theme="light"] .lpx-root:not([data-v2]) :is(.v2-chart, .v2b-ct, .v2b-fresh) {
  --v2-ink: #1F2329; --v2-ink2: #3A414B; --v2-mute: #5B6470; --v2-grid: #D5D9DF; --v2-track: #EEF0F3; --v2-target: #8A939E;
  --v2-panel: #FFFFFF; --v2-border: #E3E6EA; --v2-line: #6D28D9; --v2-fill2: #7C3AED; --v2-s4: #2563EB; --v2-ok: #047857; --v2-bad: #B91C1C; --v2-warn: #A16207;
  --v2-q0: #F5F3FF; --v2-q1: #EDE9FE; --v2-q2: #DDD6FE; --v2-q3: #C4B5FD; --v2-q4: #7C3AED; --v2-q5: #5B21B6;
}