/* chessboard editor — selection tweaks for our own SVG renderer.
   A square is a <g class="chess-sq"> that paints no stroke itself, so (circuit/mindmap pattern)
   the hover/selection outline is relayed onto the group's inner .chess-outline rect. The whole
   cell is clickable via a transparent .chess-hit rect on top. */

.dia-chess .flow-canvas g.chess-sq { cursor: pointer; }
.dia-chess .flow-canvas .chess-hit { pointer-events: all; }

/* relay hover / selection outline onto the inset outline rect */
.dia-chess .flow-canvas g.chess-sq.dia-pick-hover .chess-outline {
  stroke: rgba(59, 110, 246, 0.55) !important;
}
.dia-chess .flow-canvas g.chess-sq.dia-pick-sel .chess-outline {
  stroke: var(--accent, #3b6ef6) !important;
}

/* the rendered board sits centred in the preview panes */
.chess-svg { display: block; max-width: 100%; height: auto; }