/* ai-graph-viewport-final.css
   Final viewport stability for Grafo IA.
*/

.aig-root {
  height: 100% !important;
  min-height: calc(100vh - 50px) !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.aig-body {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.aig-canvas {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  contain: layout paint size !important;
}

#aig-svg,
#aig-nodes,
.aig-canvas svg,
.aig-nodes {
  transform-origin: 0 0 !important;
  will-change: transform !important;
}

.aig-node {
  box-sizing: border-box !important;
}

.aig-controls {
  z-index: 60 !important;
}

.aig-chat {
  z-index: 70 !important;
}