/* ================================
   Темный синий фон без перекрытия блоков
   ================================ */

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #080c14;
  overflow-x: hidden;
}

.app-wrapper {
  position: relative;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;

  background:
    radial-gradient(circle at 25% 30%, rgba(60,110,255,0.12), transparent 55%),
    radial-gradient(circle at 75% 70%, rgba(70,120,255,0.10), transparent 60%),
    radial-gradient(circle at 50% 50%, rgba(120,160,255,0.05), transparent 70%),
    linear-gradient(140deg,#0f1626 0%,#070b14 60%,#05080f 100%);

  animation: bgMove 50s ease-in-out infinite;
  
  /* Создаем контекст наложения */
  isolation: isolate;
}

/* glow слой теперь нормально работает с z-index */
.app-wrapper::before {
  content: "";
  position: absolute;
  inset: -25%;
  pointer-events: none;
  z-index: -1;

  background:
    radial-gradient(circle, rgba(70,120,255,0.20) 0%, transparent 65%),
    radial-gradient(circle, rgba(50,90,255,0.15) 0%, transparent 70%);
  filter: blur(180px);
  opacity: .45;
  animation: pulseGlow 18s ease-in-out infinite;
}

/* второй glow тоже под контентом */
.app-wrapper::after {
  content: "";
  position: absolute;
  inset: -30%;
  pointer-events: none;
  z-index: -1;

  background:
    radial-gradient(circle at 70% 40%, rgba(80,130,255,0.18), transparent 70%),
    radial-gradient(circle at 30% 60%, rgba(110,160,255,0.12), transparent 75%);
  filter: blur(220px);
  opacity: .35;
  animation: pulseGlow2 24s ease-in-out infinite;
}

/* контент поверх фона */
.app-wrapper > * {
  position: relative;
  /* Убираем z-index: 1 - он мешает */
}

/* Явный вывод кнопки поверх всего контента */
.balance-btn {
  position: relative;
  z-index: 9999 !important; /* Максимальный z-index */
  pointer-events: auto !important;
}

/* Если кнопка находится внутри какого-то контейнера с position: relative,
   добавляем правило для родителя */
.header, 
.navbar,
.top-panel {
  position: relative;
  z-index: 10000; /* Еще выше */
}

/* движение фона */
@keyframes bgMove {
  0%,100% { background-position: 25% 30%, 75% 70%, 50% 50%, 0% 50%; }
  50% { background-position: 30% 35%, 70% 65%, 55% 55%, 100% 50%; }
}

/* пульсация */
@keyframes pulseGlow {
  0%,100% { transform: scale(1); opacity: .35; }
  50% { transform: scale(1.15); opacity: .55; }
}

@keyframes pulseGlow2 {
  0%,100% { transform: scale(1); opacity: .3; }
  50% { transform: scale(1.18); opacity: .5; }
}

/* ================================= */

.servers-buttons {
  display: none !important;
}

.discord-widget {
  width: 100%;
  height: 100%;
  min-width: 300px;
  min-height: 400px;
  max-height: 500px;
  border-radius: 8px;
  border: 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.6);
  overflow: hidden;
}

.right-column {
  position: relative;
}