.mindmap-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}

/* React Flow overrides */
.react-flow {
  width: 100%;
  height: 100%;
}

.mindmap-dark .react-flow {
  background: #141414;
}

.mindmap-light .react-flow {
  background: #fafafa;
}

/* Hide React Flow attribution */
.react-flow__attribution {
  display: none;
}


/* Background pattern */
.react-flow__background {
  opacity: 0.5;
}

/* Group node backgrounds - ensure they render behind other nodes */
.react-flow__node-group {
  z-index: -1 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.group-node-background {
  pointer-events: none;
}