/* شاشة دخول — خلفية احترافية + شعار Eedeex بخطوط صفراء */
html.eedeex-splash-active,
html.eedeex-splash-active body {
  background: #080c18 !important;
  overflow: hidden;
}

#eedeex-pwa-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: flex;
  flex-direction: column;
  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: 1;
  visibility: visible;
  transition: opacity 0.48s ease-in-out, visibility 0.48s ease-in-out;
  overflow: hidden;
}

#eedeex-pwa-splash.eedeex-pwa-splash--nav,
#eedeex-pwa-splash.eedeex-pwa-splash--instant {
  background: #080c18;
  opacity: 1;
  transition: opacity 0.52s ease-in-out, visibility 0.52s ease-in-out;
}

.eedeex-pwa-splash__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-pwa-splash.eedeex-pwa-splash--nav .eedeex-pwa-splash__bg,
#eedeex-pwa-splash.eedeex-pwa-splash--instant .eedeex-pwa-splash__bg {
  background:
    radial-gradient(ellipse 58% 42% at 50% -6%, rgba(253, 224, 71, 0.14) 0%, rgba(250, 204, 21, 0.05) 34%, transparent 68%),
    radial-gradient(ellipse 42% 28% at 50% 8%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 42%, transparent 72%),
    radial-gradient(ellipse 85% 55% at 50% 108%, rgba(255, 255, 255, 0.04) 0%, transparent 58%),
    radial-gradient(circle at 78% 24%, rgba(255, 255, 255, 0.03) 0%, transparent 40%),
    radial-gradient(ellipse 70% 48% at 14% 72%, rgba(59, 130, 246, 0.04) 0%, transparent 58%),
    linear-gradient(168deg, #050912 0%, #0a0f24 38%, #0c1228 62%, #080c18 100%);
}

html[data-eedeex-page="dashboard"] #eedeex-pwa-splash,
html.eedeex-dashboard-splash #eedeex-pwa-splash {
  background: #080c18;
}

#eedeex-pwa-splash.eedeex-pwa-splash--out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}