/*
 * Canonical opaque surfaces for the accepted dark canvas theme.
 * Keep component geometry in each component stylesheet; this file owns the
 * shared solid-surface treatment only.
 */
:root {
  --surface-node: rgb(30, 30, 32) !important;
  --bg-panel: rgb(18, 18, 22) !important;
  --bg-panel-dark: rgb(20, 25, 35) !important;
  --bg-panel-solid: rgb(22, 24, 28) !important;
  --bg-banner: rgb(26, 30, 36) !important;
  --bg-elevated: rgb(22, 22, 28) !important;
  --bg-node: rgb(30, 30, 32) !important;
  --bg-node-dark: rgb(26, 26, 28) !important;
}

.node-card {
  background: rgb(26, 26, 28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.node-card.media-card {
  border-color: transparent !important;
}

#v2-canvas .img-node-preview,
#v2-canvas .video-node-preview,
#v2-canvas .aigen-image-preview,
#v2-canvas .aigen-image-media,
#v2-canvas .aigen-text-preview {
  border: none !important;
  outline: none !important;
}

.text-prompt-panel {
  background: rgb(22, 22, 26) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.canvas-tab:not(.active):not(.selected):not([aria-selected="true"]) {
  background: rgb(32, 32, 34) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}

.canvas-tab.active,
.canvas-tab.selected,
.canvas-tab[aria-selected="true"] {
  background: rgb(99, 102, 241) !important;
  border-color: rgba(99, 102, 241, 0.8) !important;
  opacity: 1 !important;
}

.header-right .btn,
.header-right button,
.header-right a,
.header-right > div {
  background: rgb(32, 32, 34) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.floating-menu {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgb(26, 26, 28) !important;
}

/* Keep image model choices below the prompt instead of covering its content. */
.image-node .img-model-wrap > .img-model-menu {
  top: calc(100% + 12px) !important;
  bottom: auto !important;
}

.img-ratio-popup,
.vid-mode-menu,
.vid-duration-pop,
.rh-vram-adv-panel,
.context-menu {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgb(26, 26, 28) !important;
}