/* v3.0.12: loaded after automation-flow.css to override its legacy light palette. */
:root[data-theme="dark"] .automation-flow-shell :is(.automation-flow-editor,.automation-flow-topbar,.automation-flow-sidebar,.automation-flow-inspector,.automation-palette-item,.automation-flow-node,.automation-flow-empty-inspector) {
  background: #17212d !important;
  color: #dce6f2 !important;
  border-color: #40536b !important;
  box-shadow: none !important;
}
:root[data-theme="dark"] .automation-flow-shell .automation-flow-canvas {
  background-color: #111b27 !important;
  background-image: radial-gradient(circle, #40536b 1px, transparent 1px) !important;
  background-size: 18px 18px !important;
}
:root[data-theme="dark"] .automation-flow-shell :is(.automation-flow-sidebar,.automation-flow-inspector) {
  background: #1c2938 !important;
}
:root[data-theme="dark"] .automation-flow-shell :is(.automation-flow-topbar,.automation-flow-sidebar,.automation-flow-inspector,.automation-flow-context) {
  border-color: #40536b !important;
}
:root[data-theme="dark"] .automation-flow-shell :is(.automation-flow-sidebar,.automation-flow-inspector,.automation-flow-topbar,.automation-flow-node,.automation-palette-item) span,
:root[data-theme="dark"] .automation-flow-shell :is(.automation-palette-item,.automation-flow-context,.automation-flow-inspector,.automation-flow-node) small {
  color: #bdc9d9 !important;
}
:root[data-theme="dark"] .automation-flow-shell :is(.automation-flow-sidebar,.automation-flow-inspector,.automation-flow-node,.automation-palette-item) strong,
:root[data-theme="dark"] .automation-flow-shell .automation-inline-option {
  color: #dce6f2 !important;
}
:root[data-theme="dark"] .automation-flow-shell :is(.automation-inspector-field input,.automation-inspector-field select,.automation-inspector-field textarea) {
  background: #111b27 !important;
  color: #dce6f2 !important;
  border-color: #506783 !important;
}
:root[data-theme="dark"] .automation-flow-shell .automation-flow-hint {
  background: #1c2938f2 !important;
  color: #bdc9d9 !important;
  border-color: #40536b !important;
  box-shadow: 0 10px 24px #0006 !important;
}
:root[data-theme="dark"] .automation-flow-shell .automation-flow-node .react-flow__handle {
  border-color: #17212d !important;
}
:root[data-theme="dark"] .automation-flow-shell .react-flow {
  --xy-background-color-default: #111b27;
  --xy-node-color-default: #dce6f2;
  --xy-node-background-color-default: #17212d;
  --xy-node-border-default: 1px solid #40536b;
  --xy-edge-stroke-default: #68aef2;
  --xy-controls-button-background-color-default: #17212d;
  --xy-controls-button-background-color-hover-default: #29415e;
  --xy-controls-button-color-default: #dce6f2;
  --xy-controls-button-border-color-default: #40536b;
  --xy-minimap-background-color-default: #17212d;
  --xy-minimap-mask-background-color-default: #111b27aa;
  --xy-background-pattern-dots-color-default: #40536b;
}
:root[data-theme="dark"] .automation-flow-shell :is(.react-flow__controls,.react-flow__minimap) {
  border-color: #40536b !important;
  box-shadow: none !important;
}
:root[data-theme="dark"] .automation-flow-shell :is(.automation-danger-action,.automation-drag-preview) {
  background: #421f28 !important;
  color: #f2c4cb !important;
  border-color: #a84c5b !important;
}