/* Ambient motifs stay beneath the navigation and sign-in content. Isolation keeps
   the negative layer above its own background and out of neighboring surfaces. */
.theme-effects-host {
  position: relative;
  isolation: isolate;
}

.theme-effects-canvas {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}

.theme-effects-canvas[data-surface="sidebar"] { opacity: 0.65; }

.theme-effects-canvas[data-theme="cybergrid"] {
  background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 10, 18, 0.15) 100%);
  box-shadow: inset 0 1px 0 rgba(0, 223, 252, 0.15);
}

.theme-effects-canvas[data-theme="automaton"] {
  box-shadow: inset 0 1px 0 rgba(212, 175, 55, 0.15);
}

.theme-effects-canvas[data-theme="premier"] {
  background: radial-gradient(ellipse at center, transparent 45%, rgba(10, 8, 18, 0.15) 100%),
    linear-gradient(to top, rgba(196, 149, 58, 0.025), transparent 120px);
  box-shadow: inset 0 1px 0 rgba(123, 104, 238, 0.15);
}