/* architecture editor — the pickable service and junction elements are <g> wrappers that paint no
   stroke, so relay the hover/selection outline onto their inner shape (rect.background / rect).
   Groups pick on rect.node-bkg and edges on path.edge, which already take a stroke directly. */

/* services */
.dia-arch .flow-canvas g.architecture-service.dia-pick-hover rect.background {
  stroke: rgba(59, 110, 246, 0.5) !important;
  stroke-width: 2px !important;
}
.dia-arch .flow-canvas g.architecture-service.dia-pick-sel rect.background {
  stroke: var(--accent, #3b6ef6) !important;
  stroke-width: 3px !important;
}

/* junctions */
.dia-arch .flow-canvas g.architecture-junction.dia-pick-hover rect {
  stroke: rgba(59, 110, 246, 0.5) !important;
  stroke-width: 2px !important;
}
.dia-arch .flow-canvas g.architecture-junction.dia-pick-sel rect {
  stroke: var(--accent, #3b6ef6) !important;
  stroke-width: 3px !important;
}