/* GYPTO Electrical System V160 — Quality-style premium loader */
body.splash-active{overflow:hidden!important}
body.splash-active #v154SidebarHotzone,
body.splash-active #floatingQrCard,
body.splash-active #installAppFab,
body.splash-active #toast,
body.splash-active .offline-status,
body.splash-active .toast{display:none!important}
.splash.electrical-quality-loader{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;
  z-index:999999!important;margin:0!important;border-radius:0!important;box-shadow:none!important;
  opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s ease,visibility .42s ease!important;
}
.splash.electrical-quality-loader.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/* ===== GYPTO Electrical System V24: Arena-style animated loading experience ===== */
.electrical-quality-loader{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  min-height:100dvh;
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:clamp(28px,5vw,70px) 24px;
  color:#fff;
  background:
    radial-gradient(circle at 50% 42%,rgba(53,245,134,.15),transparent 29%),
    linear-gradient(180deg,#090b2b 0%,#070925 58%,#111a36 100%);
}
.electrical-quality-loader::before{
  content:"";
  position:absolute;
  z-index:-5;
  left:-8%;
  right:-8%;
  bottom:-46%;
  height:72%;
  border-radius:50% 50% 0 0/24% 24% 0 0;
  background:
    radial-gradient(circle at 50% 10%,rgba(133,255,174,.34),transparent 48%),
    linear-gradient(180deg,#31d877 0%,#1fbd68 42%,#179757 100%);
  box-shadow:0 -24px 80px rgba(45,229,119,.22);
  animation:electricalFieldBreathe 4.4s ease-in-out infinite;
}
.electrical-quality-loader::after{
  content:"";
  position:absolute;
  z-index:-4;
  left:-15%;
  right:-15%;
  bottom:-37%;
  height:55%;
  border-radius:50% 50% 0 0/18% 18% 0 0;
  border-top:1px solid rgba(222,255,236,.45);
  background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 52px,rgba(220,255,235,.05) 53px 54px);
  opacity:.8;
}
.electrical-loader-grid{
  position:absolute;
  z-index:-6;
  inset:0;
  opacity:.16;
  background-image:
    linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 23%,#000 72%,transparent 100%);
  animation:electricalGridDrift 18s linear infinite;
}
.electrical-loader-content{
  width:min(100%,970px);
  min-height:min(780px,calc(100dvh - 70px));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  transform:translateY(-2vh);
}
.electrical-loader-kicker{
  margin-bottom:2px;
  color:#fff;
  font-size:clamp(14px,1.4vw,22px);
  font-weight:900;
  letter-spacing:.16em;
  text-shadow:0 5px 22px rgba(0,0,0,.35);
  opacity:0;
  animation:electricalRevealUp .65s .05s cubic-bezier(.2,.75,.3,1) forwards;
}
.electrical-loader-title{
  margin:0 0 clamp(34px,5vh,62px);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  color:#fff;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(34px,5.1vw,70px);
  font-weight:950;
  line-height:.96;
  letter-spacing:-.055em;
  text-transform:uppercase;
  text-shadow:0 10px 40px rgba(0,0,0,.45);
}
.electrical-loader-title>span:not(.electrical-loader-title-gap){
  display:inline-block;
  opacity:0;
  transform:translateY(-26px) scale(.82) rotateX(38deg);
  animation:
    electricalLetterDrop .72s calc(.16s + var(--i)*.055s) cubic-bezier(.16,.85,.28,1.2) forwards,
    electricalLetterFloat 3.2s calc(1.3s + var(--i)*.065s) ease-in-out infinite;
}
.electrical-loader-title-gap{width:.32em}
.electrical-loader-emblem{
  position:relative;
  width:clamp(190px,21vw,278px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  margin-bottom:clamp(28px,4vh,46px);
  opacity:0;
  transform:scale(.7) rotate(-6deg);
  animation:electricalLogoEntrance .85s .65s cubic-bezier(.15,.9,.27,1.16) forwards;
}
.electrical-loader-logo-disc{
  position:relative;
  z-index:2;
  width:72%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#fff,#eef1f6);
  border:7px solid rgba(255,255,255,.28);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.75) inset,
    0 22px 60px rgba(0,0,0,.45),
    0 0 44px rgba(74,250,143,.18);
  animation:electricalLogoPulse 3.4s 1.5s ease-in-out infinite;
}
.electrical-loader-logo-disc::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:inherit;
  border:1px solid rgba(12,18,43,.08);
}
.electrical-loader-logo-disc img{
  width:78%;
  max-width:none;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 5px 7px rgba(10,14,35,.14));
}
.electrical-loader-orbit{
  position:absolute;
  inset:2%;
  border-radius:50%;
  border:1px solid rgba(177,255,207,.5);
  filter:drop-shadow(0 0 7px rgba(66,245,139,.5));
}
.electrical-loader-orbit::before,.electrical-loader-orbit::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#8effb8;
  box-shadow:0 0 16px #6dffa4;
}
.electrical-loader-orbit::before{top:14%;left:12%}
.electrical-loader-orbit::after{right:7%;bottom:23%;width:5px;height:5px}
.electrical-loader-orbit-one{animation:electricalOrbit 8s linear infinite}
.electrical-loader-orbit-two{inset:11%;border-style:dashed;opacity:.58;animation:electricalOrbitReverse 6.3s linear infinite}
.electrical-loader-message{
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#fff;
  font-size:clamp(22px,3vw,42px);
  font-weight:950;
  line-height:.95;
  letter-spacing:.015em;
  text-transform:uppercase;
  text-shadow:0 8px 30px rgba(0,0,0,.28);
}
.electrical-loader-message strong{
  display:block;
  opacity:0;
  transform:translateY(22px);
  animation:electricalRevealUp .66s 1.05s cubic-bezier(.2,.75,.3,1) forwards;
}
.electrical-loader-message strong+strong{animation-delay:1.2s}
.electrical-loader-status{
  width:min(430px,75vw);
  margin-top:26px;
  display:grid;
  gap:11px;
  opacity:0;
  animation:electricalRevealUp .55s 1.45s ease forwards;
}
.electrical-loader-status-line{
  height:3px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.24);
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
.electrical-loader-status-line i{
  display:block;
  width:42%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,#fff 38%,#8dffb7 68%,transparent);
  filter:drop-shadow(0 0 6px #8dffb7);
  animation:electricalLoadingSweep 1.35s ease-in-out infinite;
}
.electrical-loader-status small{
  color:rgba(255,255,255,.73);
  font-size:clamp(9px,1vw,12px);
  font-weight:800;
  letter-spacing:.17em;
}
.electrical-loader-glow{
  position:absolute;
  z-index:-3;
  width:420px;
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(100px);
  opacity:.16;
  background:#6dffa3;
  animation:electricalGlowFloat 7s ease-in-out infinite;
}
.electrical-loader-glow-one{top:-170px;left:-170px}
.electrical-loader-glow-two{right:-160px;bottom:8%;animation-delay:-3s}
.electrical-loader-swoosh{
  position:absolute;
  z-index:-2;
  width:31vw;
  min-width:300px;
  max-width:560px;
  height:120vh;
  border:1px solid rgba(216,255,230,.32);
  background:linear-gradient(90deg,rgba(50,221,119,.18),rgba(255,255,255,.06),transparent 70%);
  filter:drop-shadow(0 0 24px rgba(49,230,120,.16));
  opacity:.65;
}
.electrical-loader-swoosh-left{
  left:-18vw;
  top:-14vh;
  border-radius:50% 48% 46% 54%;
  transform:rotate(18deg);
  animation:electricalSwooshLeft 9s ease-in-out infinite;
}
.electrical-loader-swoosh-right{
  right:-20vw;
  top:-19vh;
  border-radius:46% 52% 50% 48%;
  transform:rotate(-18deg) scaleX(-1);
  animation:electricalSwooshRight 9s -4.5s ease-in-out infinite;
}
.electrical-loader-spark{
  position:absolute;
  width:12px;
  height:12px;
  z-index:1;
  opacity:.8;
  animation:electricalSpark 2.8s ease-in-out infinite;
}
.electrical-loader-spark::before,.electrical-loader-spark::after{
  content:"";
  position:absolute;
  background:#fff;
  border-radius:99px;
  box-shadow:0 0 10px rgba(255,255,255,.85);
}
.electrical-loader-spark::before{left:5px;top:0;width:2px;height:12px}
.electrical-loader-spark::after{left:0;top:5px;width:12px;height:2px}
.electrical-loader-spark-one{left:24%;top:43%}
.electrical-loader-spark-two{right:25%;top:34%;transform:scale(.7);animation-delay:-1.4s}
body:has(.electrical-quality-loader) .site-share-launcher{opacity:0;pointer-events:none;transform:translateY(15px)}

@keyframes electricalRevealUp{to{opacity:1;transform:translateY(0)}}
@keyframes electricalLetterDrop{to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}
@keyframes electricalLetterFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes electricalLogoEntrance{to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes electricalLogoPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 1px rgba(255,255,255,.75) inset,0 22px 60px rgba(0,0,0,.45),0 0 44px rgba(74,250,143,.18)}50%{transform:scale(1.035);box-shadow:0 0 0 1px rgba(255,255,255,.75) inset,0 26px 70px rgba(0,0,0,.48),0 0 64px rgba(74,250,143,.3)}}
@keyframes electricalOrbit{to{transform:rotate(360deg)}}
@keyframes electricalOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes electricalLoadingSweep{0%{transform:translateX(-125%)}55%,100%{transform:translateX(340%)}}
@keyframes electricalFieldBreathe{0%,100%{transform:translateY(0) scaleX(1)}50%{transform:translateY(-8px) scaleX(1.025)}}
@keyframes electricalGridDrift{to{background-position:0 58px,58px 0}}
@keyframes electricalGlowFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(40px,28px,0) scale(1.16)}}
@keyframes electricalSwooshLeft{0%,100%{transform:rotate(18deg) translate3d(0,0,0)}50%{transform:rotate(13deg) translate3d(3vw,-2vh,0)}}
@keyframes electricalSwooshRight{0%,100%{transform:rotate(-18deg) scaleX(-1) translate3d(0,0,0)}50%{transform:rotate(-13deg) scaleX(-1) translate3d(3vw,-2vh,0)}}
@keyframes electricalSpark{0%,100%{opacity:.2;transform:scale(.55) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(90deg)}}

@media(max-width:700px){
  .electrical-quality-loader{padding:24px 16px}
  .electrical-loader-content{min-height:calc(100dvh - 48px);transform:translateY(-1vh)}
  .electrical-loader-title{max-width:94vw;margin-bottom:28px;font-size:clamp(33px,11vw,50px)}
  .electrical-loader-title-gap{width:100%;height:4px}
  .electrical-loader-emblem{width:clamp(170px,48vw,220px);margin-bottom:26px}
  .electrical-loader-message{font-size:clamp(23px,8vw,34px)}
  .electrical-loader-status{margin-top:21px}
  .electrical-loader-swoosh{min-width:210px;width:64vw;opacity:.42}
  .electrical-loader-swoosh-left{left:-48vw}.electrical-loader-swoosh-right{right:-50vw}
  .electrical-loader-spark-one{left:12%;top:45%}.electrical-loader-spark-two{right:13%;top:37%}
}
@media(max-height:680px) and (min-width:701px){
  .electrical-loader-content{transform:scale(.86)}
  .electrical-loader-title{margin-bottom:26px}
  .electrical-loader-emblem{width:190px;margin-bottom:22px}
  .electrical-loader-status{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
  .electrical-quality-loader *,.electrical-quality-loader::before,.electrical-quality-loader::after{animation-duration:.001ms!important;animation-iteration-count:1!important}
}
/* V24 compatibility resets for legacy loader rules */
.electrical-quality-loader{gap:0;align-content:normal}
.electrical-quality-loader span{color:inherit}
.electrical-loader-message strong{font-size:inherit}


/* ========================================================================
   GYPTO Electrical System V40.3 — Premium Egyptian Flag loading experience
   Replaces the former green lower field without changing application data.
   ======================================================================== */
.electrical-quality-loader{
  background:
    radial-gradient(circle at 50% 43%,rgba(48,145,235,.16),transparent 31%),
    radial-gradient(circle at 50% 92%,rgba(244,174,61,.07),transparent 34%),
    linear-gradient(180deg,#050a21 0%,#061027 58%,#08162b 100%);
}
.electrical-quality-loader::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:-4%;
  right:-4%;
  bottom:-2px;
  height:clamp(205px,30vh,335px);
  border-radius:0;
  background:url('electrical-egypt-flag-wave-v160.svg') center bottom/100% 100% no-repeat;
  box-shadow:none;
  transform-origin:50% 100%;
  animation:electricalEgyptFlagBreathe 5.2s ease-in-out infinite;
}
.electrical-quality-loader::after{
  content:"";
  position:absolute;
  z-index:-3;
  left:-10%;
  right:-10%;
  bottom:0;
  height:38%;
  border:0;
  border-radius:0;
  background:
    radial-gradient(ellipse at 50% 78%,rgba(255,199,98,.15),transparent 35%),
    repeating-radial-gradient(ellipse at 50% 112%,transparent 0 58px,rgba(130,190,238,.045) 59px 60px);
  opacity:.8;
}
.electrical-loader-logo-disc{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.75) inset,
    0 22px 60px rgba(0,0,0,.48),
    0 0 48px rgba(61,159,238,.2);
}
.electrical-loader-orbit{
  border-color:rgba(91,181,247,.52);
  filter:drop-shadow(0 0 7px rgba(49,151,232,.56));
}
.electrical-loader-orbit::before,.electrical-loader-orbit::after{
  background:#78c9ff;
  box-shadow:0 0 16px #4eaff1;
}
.electrical-loader-message strong+strong{
  color:#e6bd70;
  text-shadow:0 6px 24px rgba(212,152,46,.18),0 8px 30px rgba(0,0,0,.32);
}
.electrical-loader-status-line i{
  background:linear-gradient(90deg,transparent,#fff 36%,#f0c36c 68%,transparent);
  filter:drop-shadow(0 0 7px rgba(240,195,108,.8));
}
.electrical-loader-glow{
  background:#3e9fe6;
  opacity:.14;
}
.electrical-loader-swoosh{
  border-color:rgba(133,199,245,.25);
  background:linear-gradient(90deg,rgba(45,139,207,.14),rgba(255,255,255,.045),transparent 70%);
  filter:drop-shadow(0 0 24px rgba(47,151,227,.13));
}
@keyframes electricalEgyptFlagBreathe{
  0%,100%{transform:translateY(0) scaleX(1)}
  50%{transform:translateY(-4px) scaleX(1.008)}
}
@media(max-width:700px){
  .electrical-quality-loader::before{
    left:-30%;
    right:-30%;
    height:clamp(185px,28vh,260px);
    background-size:160% 100%;
  }
  .electrical-quality-loader::after{height:32%}
  .electrical-loader-content{padding-bottom:clamp(76px,12vh,118px)}
}
@media(max-height:680px) and (min-width:701px){
  .electrical-quality-loader::before{height:205px}
}
@media(prefers-reduced-motion:reduce){
  .electrical-quality-loader::before{animation:none!important}
}
/* Keep the loading status comfortably above the flag crest on wide screens. */
@media(min-width:701px){
  .electrical-loader-content{padding-bottom:clamp(36px,5vh,58px)}
  .electrical-loader-status small{text-shadow:0 2px 10px rgba(0,0,0,.78)}
}

/* Electrical-specific refinements */
.electrical-loader-logo-disc img{width:82%!important;max-width:none!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.electrical-loader-message strong+strong{color:#e6bd70!important}
.electrical-loader-title-gap{width:.34em}
@media(min-width:701px){
  .electrical-loader-content{padding-bottom:clamp(36px,5vh,58px)}
  .electrical-loader-status small{text-shadow:0 2px 10px rgba(0,0,0,.78)}
}
@media(max-width:700px){
  .electrical-loader-title{font-size:clamp(30px,9.2vw,46px)!important;line-height:1.02!important}
  .electrical-loader-title-gap{width:100%!important;height:4px!important}
  .electrical-loader-message{font-size:clamp(22px,7.3vw,32px)!important}
  .electrical-loader-status small{font-size:9px!important;letter-spacing:.12em!important}
}