/* Cytoscape Custom Styles for Workflow Builder */

/* Contenedor principal - ocupa todo el espacio disponible */
#drawflow-container,
#cytoscape-container {
  width: 100%;
  height: 100%;
  min-height: 300px;
  background: #f8fafc;
  background-image: radial-gradient(circle, #e2e8f0 1px, transparent 1px);
  background-size: 20px 20px;
  position: relative;
}

/* Parent wrapper para Cytoscape - flex-grow para llenar espacio */
.parent-drawflow,
.parent-cytoscape {
  width: 100%;
  height: 100%;
  min-height: 300px;
  flex: 1;
}

/* Asegurar que Cytoscape canvas ocupa todo el espacio */
.parent-drawflow > div,
.parent-cytoscape > div {
  width: 100% !important;
  height: 100% !important;
}