/* Camada final comum: mantém o planeta completo e nítido em todos os templates. */
.opening-screen {
  background-image:
    linear-gradient(rgba(5, 4, 17, .72), rgba(5, 4, 17, .94)),
    radial-gradient(circle at 50% 38%, rgba(28, 160, 188, .2), transparent 28%),
    url("/static/img/orbix-panel-planet-wide-hd.webp") !important;
  background-position: center, center, center !important;
  background-size: auto, auto, cover !important;
  background-repeat: no-repeat !important;
}

.auth-space-background {
  background-image:
    linear-gradient(90deg, rgba(5, 3, 14, .28), rgba(5, 3, 14, .58) 55%, rgba(5, 3, 14, .94)),
    linear-gradient(180deg, rgba(5, 3, 14, .12), rgba(5, 3, 14, .68) 90%),
    url("/static/img/orbix-panel-planet-wide-hd.webp") !important;
  background-position: center, center, center !important;
  background-size: auto, auto, cover !important;
  background-repeat: no-repeat !important;
}

.orbix-galaxy-stage {
  background-image:
    linear-gradient(90deg, rgba(4, 3, 17, .28), transparent 35%),
    radial-gradient(circle at 53% 48%, transparent 0 18%, rgba(59, 235, 237, .08) 27%, transparent 42%),
    url("/static/img/orbix-panel-planet-wide-hd.webp") !important;
  background-position: center, center, center !important;
  background-size: auto, auto, cover !important;
  background-repeat: no-repeat !important;
}

.orbix-backdrop-galaxy {
  background: url("/static/img/orbix-panel-planet-wide-hd.webp") center / contain no-repeat !important;
}

/* Área autenticada: replica o enquadramento da aba Últimas transações. */
.app-theme-panel .orbix-backdrop {
  left: 220px;
}

.app-theme-panel .app-sidebar {
  background: #1a102b !important;
}

.app-theme-panel .orbix-backdrop-galaxy {
  /* Preenche exatamente o canvas autenticado (à direita da sidebar).
     Assim todos os pixels da arte são exibidos, sem faixas laterais. */
  background: #100a1c url("/static/img/orbix-panel-planet-wide-hd.webp") center center / 100% 100% no-repeat !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.03) !important;
}

.app-theme-panel .orbix-backdrop-veil {
  background: linear-gradient(180deg, rgba(5, 4, 17, .38), rgba(7, 5, 22, .76)) !important;
}

.auth-space-background,
.orbix-backdrop-galaxy {
  inset: 0 !important;
  transform: none !important;
}

@media (max-width: 850px) {
  .opening-screen {
    background-position: center, center, right top !important;
    background-size: auto, auto, contain !important;
  }

  .auth-space-background {
    background-position: center, center, right top !important;
    background-size: auto, auto, contain !important;
  }

  .orbix-galaxy-stage {
    background-position: center, center, right top !important;
    background-size: auto, auto, contain !important;
  }

  .orbix-backdrop-galaxy {
    background-size: contain !important;
    background-position: right top !important;
  }
}

@media (max-width: 720px) {
  .app-theme-panel .orbix-backdrop {
    left: 0;
  }

  .app-theme-panel .orbix-backdrop-galaxy {
    background-size: 100% 100% !important;
    background-position: center center !important;
  }

  .app-theme-panel .orbix-backdrop-veil {
    background: linear-gradient(180deg, rgba(7, 5, 22, .48), rgba(7, 5, 22, .82)) !important;
  }
}