/**
 * Split pane gutter styles
 * Uses CSS custom properties from global.css for theme-aware colors.
 */

.gutter {
  background-color: var(--recce-gutter-bg);
  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter:hover {
  background-color: var(--recce-gutter-hover);
}

.gutter.gutter-vertical {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=");
  cursor: row-resize;
}

.gutter.gutter-horizontal {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==");
  cursor: col-resize;
}

/**
 * React Flow Controls - Theme-aware colors
 * Uses CSS custom properties for theme-aware colors
 * Maps to colors from mui-theme.ts neutral palette
 */

/* Light mode (default) */
:root,
.light {
  --rf-controls-bg: #fafafa; /* neutral[50] */
  --rf-controls-border: #e5e5e5; /* neutral[200] */
  --rf-controls-text: #404040; /* neutral[700] */
  --rf-controls-hover-bg: #e5e5e5; /* neutral[200] */
}

/* Dark mode */
.dark {
  --rf-controls-bg: #404040; /* neutral[700] */
  --rf-controls-border: #525252; /* neutral[600] */
  --rf-controls-text: #e5e5e5; /* neutral[200] */
  --rf-controls-hover-bg: #525252; /* neutral[600] */
}

/* React Flow Controls */
.react-flow__controls {
  background-color: var(--rf-controls-bg);
  border-color: var(--rf-controls-border);
}

.react-flow__controls-button {
  background-color: var(--rf-controls-bg);
  color: var(--rf-controls-text);
  border-bottom-color: var(--rf-controls-border);
}

.react-flow__controls-button:hover {
  background-color: var(--rf-controls-hover-bg);
}

.react-flow__controls-button svg {
  fill: var(--rf-controls-text);
}


/*# sourceMappingURL=components-BeAjVBV3.css.map*/