/* شاشة تحميل موحّدة — نفس الخلفية الاحترافية */
html.eedeex-page-transition-active,
html.eedeex-page-transition-active body {
  overflow: hidden !important;
}

html.eedeex-nav-preparing body {
  transition: opacity 0.55s ease, filter 0.55s ease;
  opacity: 0.94;
  filter: brightness(0.92);
}

#eedeex-page-transition {
  position: fixed;
  inset: 0;
  z-index: 2147483645;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(20px, env(safe-area-inset-top, 0px)) 20px max(24px, env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  background: #080c18;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.48s ease-in-out, visibility 0.48s ease-in-out;
  overflow: hidden;
}

#eedeex-page-transition.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#eedeex-page-transition.is-entering {
  transition-duration: 0.58s;
}

.eedeex-pt-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 58% 42% at 50% -6%, rgba(253, 224, 71, 0.16) 0%, rgba(250, 204, 21, 0.06) 34%, transparent 68%),
    radial-gradient(ellipse 42% 28% at 50% 8%, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 42%, transparent 72%),
    radial-gradient(ellipse 85% 55% at 50% 108%, rgba(255, 255, 255, 0.05) 0%, transparent 58%),
    radial-gradient(circle at 78% 24%, rgba(255, 255, 255, 0.035) 0%, transparent 40%),
    radial-gradient(ellipse 70% 48% at 14% 72%, rgba(59, 130, 246, 0.05) 0%, transparent 58%),
    linear-gradient(168deg, #050912 0%, #0a0f24 38%, #0c1228 62%, #080c18 100%);
  pointer-events: none;
}

.eedeex-pt-shell {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}