/* treemap editor — the whole g.treemapNode / g.treemapSection is the click/hover target, but a
   <g> paints no stroke, so relay the hover/selection outline onto the node's inner rect. Mermaid
   colours the boxes itself, so use the accent to make the selection read clearly. */
.dia-treemap .flow-canvas g.treemapNode.dia-pick-hover rect.treemapLeaf,
.dia-treemap .flow-canvas g.treemapSection.dia-pick-hover rect.treemapSection {
  stroke: rgba(59, 110, 246, 0.5) !important;
  stroke-width: 2px !important;
}
.dia-treemap .flow-canvas g.treemapNode.dia-pick-sel rect.treemapLeaf,
.dia-treemap .flow-canvas g.treemapSection.dia-pick-sel rect.treemapSection {
  stroke: var(--accent, #3b6ef6) !important;
  stroke-width: 3px !important;
}