/* Matrix Rain Overlay - injected for Control UI */
#matrix-rain {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 2147483647 !important;
  opacity: 0.10 !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#scanlines {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 2147483646 !important;
  pointer-events: none !important;
  opacity: 0.10 !important;
  background: repeating-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.10),
    rgba(0, 0, 0, 0.10) 1px,
    transparent 1px,
    transparent 2px
  ) !important;
}

/* Darken card backgrounds for better Matrix visibility - 50% opacity */
openclaw-app::part(card),
openclaw-app::part(panel),
[part="card"],
[part="panel"],
.card,
.panel,
.container,
section,
article,
aside,
dialog {
  background: rgba(0, 20, 0, 0.50) !important;
  border: 1px solid rgba(0, 255, 0, 0.3) !important;
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.1) !important;
}

/* Make main containers semi-transparent - 50% opacity */
openclaw-app::part(base),
openclaw-app::part(layout),
main,
.content,
.wrapper {
  background: rgba(0, 10, 0, 0.50) !important;
}

/* Darken any white/light backgrounds - 50% opacity */
[style*="background: white"],
[style*="background: #fff"],
[style*="background-color: white"],
[style*="background-color: #fff"] {
  background: rgba(0, 20, 0, 0.50) !important;
}