/* data chart editor (Vega-Lite) — data marks are filled <path>s inside g.role-mark.marks; give a
   hovered / selected mark a blue outline so the fill colour stays readable. The chart title is a
   <text>; highlight it with the accent fill (pie pattern). */

/* data marks (bar / point / arc / tick): outline the shape */
.dia-chart .flow-canvas g.role-mark.marks > path.dia-pick-hover {
  stroke: rgba(59, 110, 246, 0.55) !important;
  stroke-width: 2px !important;
}
.dia-chart .flow-canvas g.role-mark.marks > path.dia-pick-sel {
  stroke: var(--accent, #3b6ef6) !important;
  stroke-width: 3px !important;
}

/* chart title (<text>): accent fill on hover / selection, no glyph outline */
.dia-chart .flow-canvas text.dia-pick-hover,
.dia-chart .flow-canvas text.dia-pick-sel {
  stroke: none !important;
  fill: var(--accent, #3b6ef6) !important;
}