/* royal login code cards, scoped per style */
/* members */
/* =====================================================================
   بطاقة دخول الإداريين — شبابي (كحلي + أزرق نيون) — نسخة مصغّرة ومتوافقة مع الجوال
   ضعه كاملاً وامسح كل الأكواد القديمة للبطاقة.
   ===================================================================== */

/* ---------- 1) الغلاف الخارجي ---------- */
html body #royal_login_container#royal_login_container{
  background:none !important;border:0 !important;box-shadow:none !important;
  overflow:visible !important;filter:none !important;
}

/* ---------- 2) البطاقة (الألوان + الحجم) ---------- */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members{
  --bg1:#101a33;
  --bg2:#05080f;
  --accent:#38b6ff;
  --glow:56,182,255;
  --glow2:120,80,255;
  --sub:#7fd0ff;
  --txt:#f2f9ff;

  position:relative !important;left:0 !important;top:auto !important;right:auto !important;bottom:auto !important;
  box-sizing:border-box !important;
  direction:ltr !important;
  display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  align-items:center !important;justify-content:flex-start !important;
  gap:7px !important;
  width:100% !important;max-width:240px !important;min-width:0 !important;
  height:54px !important;min-height:54px !important;max-height:54px !important;
  margin:0 !important;
  padding:0 36px 0 7px !important;
  overflow:hidden !important;
  color:var(--txt) !important;
  font-family:"IBM Plex Sans Arabic","El Messiri",Tahoma,sans-serif !important;
  border:1.5px solid var(--accent) !important;
  border-radius:13px !important;
  clip-path:none !important;filter:none !important;
  background:
    radial-gradient(120px 60px at 100% 0,rgba(var(--glow),.32),transparent 70%),
    radial-gradient(110px 60px at 0 100%,rgba(var(--glow2),.28),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 45%),
    linear-gradient(145deg,var(--bg1),var(--bg2)) !important;
  box-shadow:
    0 0 0 1px rgba(var(--glow),.22),
    0 0 14px rgba(var(--glow),.5),
    0 6px 16px rgba(0,0,0,.6),
    inset 0 0 12px rgba(var(--glow),.12) !important;
  -webkit-backdrop-filter:blur(6px) !important;backdrop-filter:blur(6px) !important;
  animation:ycRlRise-members .6s ease both,ycRlAura-members 3.4s ease-in-out infinite;
}

/* ---------- 3) الجوهرة على اليمين ---------- */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members::before{content:none !important}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;right:10px !important;left:auto !important;bottom:auto !important;
  width:18px !important;height:18px !important;margin-top:-9px !important;
  background:var(--sub) !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3Cpath d='M2 9h20M9 3l-2 6 5 12M15 3l2 6-5 12'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3Cpath d='M2 9h20M9 3l-2 6 5 12M15 3l2 6-5 12'/%3E%3C/svg%3E") center/contain no-repeat !important;
  filter:drop-shadow(0 0 6px rgba(var(--glow),.9)) !important;
  pointer-events:none !important;
  border:0 !important;box-shadow:none !important;border-radius:0 !important;
}

/* ---------- 4) تصفير مواقع العناصر الداخلية القديمة ---------- */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *{
  position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
  float:none !important;transform:none !important;margin:0 !important;
  clip-path:none !important;filter:none !important;text-indent:0 !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *::before,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *::after{content:none !important}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *:has(*){display:contents !important}

/* ---------- 5) الصورة الشخصية ---------- */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members img{
  display:block !important;flex:none !important;order:1 !important;
  width:38px !important;height:38px !important;
  min-width:38px !important;max-width:38px !important;max-height:38px !important;
  object-fit:cover !important;
  border:1.5px solid var(--accent) !important;
  border-radius:11px !important;
  box-shadow:0 0 0 1px rgba(var(--glow),.3),0 0 10px rgba(var(--glow),.6),0 4px 10px rgba(0,0,0,.55) !important;
}

/* ---------- 6) أيقونة الرتبة (بعد الاسم) ---------- */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members img ~ img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *:has(img) ~ img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *:has(img) ~ *:has(img) img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members img ~ *:has(img) img{
  order:4 !important;
  width:13px !important;height:13px !important;
  min-width:13px !important;max-width:13px !important;max-height:13px !important;
  object-fit:contain !important;
  border:0 !important;border-radius:0 !important;background:none !important;
  box-shadow:none !important;
  margin:0 0 0 -3px !important;
}

/* ---------- 7) الاسم ---------- */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  display:block !important;
  order:3 !important;
  flex:1 1 0 !important;
  min-width:0 !important;max-width:none !important;width:auto !important;height:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;text-overflow:ellipsis !important;
  text-align:center !important;
  unicode-bidi:plaintext !important;
  font-size:11px !important;font-weight:800 !important;line-height:1.4 !important;
  letter-spacing:.1px !important;
  color:var(--txt) !important;
  text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px rgba(var(--glow),.4) !important;
  background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}

/* ---------- 9) البنر (لو موجود يحل محل الاسم) ---------- */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members.royal_login_item img:is([src*="banner" i],[alt*="banner" i],[class*="banner" i],[id*="banner" i],[width="700"],[data-banner],img ~ img ~ img){
  display:block !important;order:3 !important;
  flex:1 1 0 !important;min-width:0 !important;
  width:100% !important;height:auto !important;
  max-width:100% !important;max-height:32px !important;
  object-fit:contain !important;
  margin:0 !important;padding:0 !important;
  border:0 !important;border-radius:6px !important;
  background:none !important;box-shadow:none !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)) !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members:has(img:is([src*="banner" i],[alt*="banner" i],[class*="banner" i],[id*="banner" i],[width="700"],[data-banner],img ~ img ~ img)) *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  display:none !important;
}

/* ---------- 10) الحركات ---------- */
@keyframes ycRlRise-members{
  from{opacity:0;transform:translateY(10px) scale(.97)}
  to{opacity:1;transform:none}
}
@keyframes ycRlAura-members{
  0%,100%{box-shadow:0 0 0 1px rgba(56,182,255,.2),0 0 10px rgba(56,182,255,.4),0 6px 16px rgba(0,0,0,.6),inset 0 0 12px rgba(56,182,255,.1)}
  50%{box-shadow:0 0 0 1px rgba(56,182,255,.38),0 0 22px rgba(56,182,255,.85),0 6px 16px rgba(0,0,0,.6),inset 0 0 12px rgba(56,182,255,.2)}
}

/* ---------- 11) الجوال ---------- */
@media (max-width:480px){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members{
    height:46px !important;min-height:46px !important;max-height:46px !important;
    max-width:200px !important;
    padding:0 30px 0 6px !important;gap:6px !important;
    border-radius:11px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members img{
    width:32px !important;height:32px !important;
    min-width:32px !important;max-width:32px !important;max-height:32px !important;
    border-radius:9px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members img ~ img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *:has(img) ~ img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *:has(img) ~ *:has(img) img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members img ~ *:has(img) img{
    width:11px !important;height:11px !important;
    min-width:11px !important;max-width:11px !important;max-height:11px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members::after{
    width:15px !important;height:15px !important;margin-top:-7.5px !important;right:8px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
    font-size:10px !important;
  }
}

@media (max-width:340px){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members{
    max-width:100% !important;height:42px !important;min-height:42px !important;max-height:42px !important;
    padding:0 26px 0 5px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members img{
    width:28px !important;height:28px !important;
    min-width:28px !important;max-width:28px !important;max-height:28px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members{animation:none !important}
}

/* ===== لون البطاقة يتبع --hue (يحدده الـJS لكل عضو) ===== */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members{
  --hue:200;
  --accent:hsl(var(--hue) 100% 62%);
  --sub:hsl(var(--hue) 100% 78%);
  --txt:hsl(var(--hue) 100% 97%);
  border-color:var(--accent) !important;
  background:
    radial-gradient(120px 60px at 100% 0,hsl(var(--hue) 100% 62% / .32),transparent 70%),
    radial-gradient(110px 60px at 0 100%,hsl(calc(var(--hue) + 70) 100% 65% / .28),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 45%),
    linear-gradient(145deg,hsl(var(--hue) 55% 14%),hsl(var(--hue) 60% 4%)) !important;
  box-shadow:
    0 0 0 1px hsl(var(--hue) 100% 62% / .25),
    0 0 14px hsl(var(--hue) 100% 62% / .5),
    0 6px 16px rgba(0,0,0,.6),
    inset 0 0 12px hsl(var(--hue) 100% 62% / .12) !important;
}

/* الصورة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members img{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 1px hsl(var(--hue) 100% 62% / .3),0 0 10px hsl(var(--hue) 100% 62% / .6),0 4px 10px rgba(0,0,0,.55) !important;
}

/* الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px hsl(var(--hue) 100% 62% / .45) !important;
}

/* الجوهرة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-members::after{
  filter:drop-shadow(0 0 6px hsl(var(--hue) 100% 62% / .9)) !important;
}

/* edary */
/* ===== بطاقة دخول الإداريين — ستايل الزجاج الرمادي — مصغّرة ومتوافقة مع الجوال ===== */

html body #royal_login_container#royal_login_container{
  background:none !important;border:0 !important;box-shadow:none !important;
  overflow:visible !important;filter:none !important;
}

/* البطاقة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary{
  position:relative !important;left:0 !important;top:auto !important;right:auto !important;bottom:auto !important;
  box-sizing:border-box !important;
  direction:ltr !important;
  display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  align-items:center !important;justify-content:flex-start !important;
  gap:9px !important;
  width:100% !important;max-width:290px !important;min-width:0 !important;
  height:70px !important;min-height:70px !important;max-height:70px !important;
  margin:0 !important;
  padding:0 46px 0 9px !important;
  overflow:hidden !important;
  color:#fff !important;
  font-family:"IBM Plex Sans Arabic","El Messiri",Tahoma,sans-serif !important;
  border:2px solid rgba(255,255,255,.92) !important;
  border-radius:16px !important;
  clip-path:none !important;filter:none !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 45%),
    linear-gradient(145deg,#7a8176,#5d645a) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.28),
    0 0 14px rgba(255,255,255,.3),
    0 6px 16px rgba(0,0,0,.35),
    inset 0 0 10px rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter:blur(6px) !important;backdrop-filter:blur(6px) !important;
  animation:ycRlRise-edary .6s ease both,ycRlAura-edary 3.4s ease-in-out infinite;
}

/* الجوهرة على اليمين */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;right:13px !important;left:auto !important;bottom:auto !important;
  width:26px !important;height:26px !important;margin-top:-13px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3Cpath d='M2 9h20M9 3l-2 6 5 12M15 3l2 6-5 12'/%3E%3C/svg%3E") center/contain no-repeat !important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.7)) !important;
  pointer-events:none !important;
  border:0 !important;box-shadow:none !important;border-radius:0 !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary::before{content:none !important}

/* تصفير مواقع العناصر الداخلية القديمة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *{
  position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
  float:none !important;transform:none !important;margin:0 !important;
  clip-path:none !important;filter:none !important;text-indent:0 !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *::before,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *::after{content:none !important}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:has(*){display:contents !important}

/* الصورة الشخصية */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary img{
  display:block !important;flex:none !important;order:1 !important;
  width:50px !important;height:50px !important;
  min-width:50px !important;max-width:50px !important;max-height:50px !important;
  object-fit:cover !important;
  border:2px solid #fff !important;
  border-radius:14px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 10px rgba(255,255,255,.4),0 4px 10px rgba(0,0,0,.4) !important;
}

/* أيقونة الرتبة (بعد الاسم) */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary img ~ img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:has(img) ~ img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:has(img) ~ *:has(img) img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary img ~ *:has(img) img{
  order:4 !important;
  width:14px !important;height:14px !important;
  min-width:14px !important;max-width:14px !important;max-height:14px !important;
  object-fit:contain !important;
  border:0 !important;border-radius:0 !important;background:none !important;
  box-shadow:none !important;
  margin:0 0 0 -3px !important;
}

/* الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  display:block !important;
  order:3 !important;
  flex:1 1 0 !important;
  min-width:0 !important;max-width:none !important;width:auto !important;height:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;text-overflow:ellipsis !important;
  text-align:center !important;
  unicode-bidi:plaintext !important;
  font-size:12px !important;font-weight:800 !important;line-height:1.4 !important;
  letter-spacing:.2px !important;
  color:#fff !important;
  text-shadow:0 1px 3px rgba(0,0,0,.45) !important;
  background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}

/* السطر الباهت تحت الاسم (عدّل النص من هنا) */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:not(img):not(:has(*)):not(:empty):not([style*="background-image"])::after{
  content:"‖  ✦ دخول إداري ✦  ‖" !important;
  display:block !important;
  margin-top:3px !important;
  white-space:nowrap !important;
  font-size:10px !important;font-weight:700 !important;line-height:1.3 !important;
  letter-spacing:.5px !important;
  color:rgba(255,255,255,.28) !important;
  -webkit-text-fill-color:rgba(255,255,255,.28) !important;
  background:none !important;border:0 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
}

/* البنر لو موجود: يحل محل الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary.royal_login_item img:is([src*="banner" i],[alt*="banner" i],[class*="banner" i],[id*="banner" i],[width="700"],[data-banner],img ~ img ~ img){
  display:block !important;order:3 !important;
  flex:1 1 0 !important;min-width:0 !important;
  width:100% !important;height:auto !important;
  max-width:100% !important;max-height:38px !important;
  object-fit:contain !important;
  margin:0 !important;padding:0 !important;
  border:0 !important;border-radius:8px !important;
  background:none !important;box-shadow:none !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)) !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary:has(img:is([src*="banner" i],[alt*="banner" i],[class*="banner" i],[id*="banner" i],[width="700"],[data-banner],img ~ img ~ img)) *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  display:none !important;
}

/* حركات */
@keyframes ycRlRise-edary{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ycRlAura-edary{
  0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 10px rgba(255,255,255,.25),0 6px 16px rgba(0,0,0,.35),inset 0 0 10px rgba(255,255,255,.18)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.4),0 0 20px rgba(255,255,255,.5),0 6px 16px rgba(0,0,0,.35),inset 0 0 10px rgba(255,255,255,.25)}
}

/* الجوال */
@media (max-width:480px){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary{
    height:58px !important;min-height:58px !important;max-height:58px !important;
    max-width:230px !important;
    padding:0 38px 0 7px !important;gap:7px !important;
    border-radius:13px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary img{
    width:42px !important;height:42px !important;
    min-width:42px !important;max-width:42px !important;max-height:42px !important;
    border-radius:11px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary img ~ img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:has(img) ~ img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:has(img) ~ *:has(img) img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary img ~ *:has(img) img{
    width:12px !important;height:12px !important;
    min-width:12px !important;max-width:12px !important;max-height:12px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary::after{
    width:20px !important;height:20px !important;margin-top:-10px !important;right:10px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
    font-size:11px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:not(img):not(:has(*)):not(:empty):not([style*="background-image"])::after{
    font-size:9px !important;margin-top:2px !important;
  }
}

@media (max-width:340px){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary{
    max-width:100% !important;
    height:52px !important;min-height:52px !important;max-height:52px !important;
    padding:0 32px 0 6px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary img{
    width:38px !important;height:38px !important;
    min-width:38px !important;max-width:38px !important;max-height:38px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary::after{
    width:17px !important;height:17px !important;margin-top:-8.5px !important;right:8px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary{animation:none !important}
}

/* ===== لون البطاقة يتبع --hue (يحدده الـJS لكل عضو) ===== */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary{
  --hue:200;
  --accent:hsl(var(--hue) 100% 62%);
  --sub:hsl(var(--hue) 100% 78%);
  --txt:hsl(var(--hue) 100% 97%);
  border-color:var(--accent) !important;
  background:
    radial-gradient(120px 60px at 100% 0,hsl(var(--hue) 100% 62% / .32),transparent 70%),
    radial-gradient(110px 60px at 0 100%,hsl(calc(var(--hue) + 70) 100% 65% / .28),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 45%),
    linear-gradient(145deg,hsl(var(--hue) 55% 14%),hsl(var(--hue) 60% 4%)) !important;
  box-shadow:
    0 0 0 1px hsl(var(--hue) 100% 62% / .25),
    0 0 14px hsl(var(--hue) 100% 62% / .5),
    0 6px 16px rgba(0,0,0,.6),
    inset 0 0 10px hsl(var(--hue) 100% 62% / .12) !important;
}

/* الصورة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary img{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 1px hsl(var(--hue) 100% 62% / .3),0 0 10px hsl(var(--hue) 100% 62% / .6),0 4px 10px rgba(0,0,0,.55) !important;
}

/* الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px hsl(var(--hue) 100% 62% / .45) !important;
}

/* الجوهرة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edary::after{
  filter:drop-shadow(0 0 6px hsl(var(--hue) 100% 62% / .9)) !important;
}

/* edarya */
/* ===== بطاقة دخول الإداريين — ستايل الزجاج الرمادي — مصغّرة ومتوافقة مع الجوال ===== */

html body #royal_login_container#royal_login_container{
  background:none !important;border:0 !important;box-shadow:none !important;
  overflow:visible !important;filter:none !important;
}

/* البطاقة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya{
  position:relative !important;left:0 !important;top:auto !important;right:auto !important;bottom:auto !important;
  box-sizing:border-box !important;
  direction:ltr !important;
  display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  align-items:center !important;justify-content:flex-start !important;
  gap:9px !important;
  width:100% !important;max-width:290px !important;min-width:0 !important;
  height:70px !important;min-height:70px !important;max-height:70px !important;
  margin:0 !important;
  padding:0 46px 0 9px !important;
  overflow:hidden !important;
  color:#fff !important;
  font-family:"IBM Plex Sans Arabic","El Messiri",Tahoma,sans-serif !important;
  border:2px solid rgba(255,255,255,.92) !important;
  border-radius:16px !important;
  clip-path:none !important;filter:none !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 45%),
    linear-gradient(145deg,#7a8176,#5d645a) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.28),
    0 0 14px rgba(255,255,255,.3),
    0 6px 16px rgba(0,0,0,.35),
    inset 0 0 10px rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter:blur(6px) !important;backdrop-filter:blur(6px) !important;
  animation:ycRlRise-edarya .6s ease both,ycRlAura-edarya 3.4s ease-in-out infinite;
}

/* الجوهرة على اليمين */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;right:13px !important;left:auto !important;bottom:auto !important;
  width:26px !important;height:26px !important;margin-top:-13px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3Cpath d='M2 9h20M9 3l-2 6 5 12M15 3l2 6-5 12'/%3E%3C/svg%3E") center/contain no-repeat !important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.7)) !important;
  pointer-events:none !important;
  border:0 !important;box-shadow:none !important;border-radius:0 !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya::before{content:none !important}

/* تصفير مواقع العناصر الداخلية القديمة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *{
  position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
  float:none !important;transform:none !important;margin:0 !important;
  clip-path:none !important;filter:none !important;text-indent:0 !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *::before,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *::after{content:none !important}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:has(*){display:contents !important}

/* الصورة الشخصية */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya img{
  display:block !important;flex:none !important;order:1 !important;
  width:50px !important;height:50px !important;
  min-width:50px !important;max-width:50px !important;max-height:50px !important;
  object-fit:cover !important;
  border:2px solid #fff !important;
  border-radius:14px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 10px rgba(255,255,255,.4),0 4px 10px rgba(0,0,0,.4) !important;
}

/* أيقونة الرتبة (بعد الاسم) */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya img ~ img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:has(img) ~ img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:has(img) ~ *:has(img) img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya img ~ *:has(img) img{
  order:4 !important;
  width:14px !important;height:14px !important;
  min-width:14px !important;max-width:14px !important;max-height:14px !important;
  object-fit:contain !important;
  border:0 !important;border-radius:0 !important;background:none !important;
  box-shadow:none !important;
  margin:0 0 0 -3px !important;
}

/* الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  display:block !important;
  order:3 !important;
  flex:1 1 0 !important;
  min-width:0 !important;max-width:none !important;width:auto !important;height:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;text-overflow:ellipsis !important;
  text-align:center !important;
  unicode-bidi:plaintext !important;
  font-size:12px !important;font-weight:800 !important;line-height:1.4 !important;
  letter-spacing:.2px !important;
  color:#fff !important;
  text-shadow:0 1px 3px rgba(0,0,0,.45) !important;
  background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}

/* السطر الباهت تحت الاسم (عدّل النص من هنا) */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:not(img):not(:has(*)):not(:empty):not([style*="background-image"])::after{
  content:"‖  ✦ دخول ادارية ✦  ‖" !important;
  display:block !important;
  margin-top:3px !important;
  white-space:nowrap !important;
  font-size:10px !important;font-weight:700 !important;line-height:1.3 !important;
  letter-spacing:.5px !important;
  color:rgba(255,255,255,.28) !important;
  -webkit-text-fill-color:rgba(255,255,255,.28) !important;
  background:none !important;border:0 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
}

/* البنر لو موجود: يحل محل الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya.royal_login_item img:is([src*="banner" i],[alt*="banner" i],[class*="banner" i],[id*="banner" i],[width="700"],[data-banner],img ~ img ~ img){
  display:block !important;order:3 !important;
  flex:1 1 0 !important;min-width:0 !important;
  width:100% !important;height:auto !important;
  max-width:100% !important;max-height:38px !important;
  object-fit:contain !important;
  margin:0 !important;padding:0 !important;
  border:0 !important;border-radius:8px !important;
  background:none !important;box-shadow:none !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)) !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya:has(img:is([src*="banner" i],[alt*="banner" i],[class*="banner" i],[id*="banner" i],[width="700"],[data-banner],img ~ img ~ img)) *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  display:none !important;
}

/* حركات */
@keyframes ycRlRise-edarya{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ycRlAura-edarya{
  0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 10px rgba(255,255,255,.25),0 6px 16px rgba(0,0,0,.35),inset 0 0 10px rgba(255,255,255,.18)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.4),0 0 20px rgba(255,255,255,.5),0 6px 16px rgba(0,0,0,.35),inset 0 0 10px rgba(255,255,255,.25)}
}

/* الجوال */
@media (max-width:480px){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya{
    height:58px !important;min-height:58px !important;max-height:58px !important;
    max-width:230px !important;
    padding:0 38px 0 7px !important;gap:7px !important;
    border-radius:13px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya img{
    width:42px !important;height:42px !important;
    min-width:42px !important;max-width:42px !important;max-height:42px !important;
    border-radius:11px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya img ~ img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:has(img) ~ img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:has(img) ~ *:has(img) img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya img ~ *:has(img) img{
    width:12px !important;height:12px !important;
    min-width:12px !important;max-width:12px !important;max-height:12px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya::after{
    width:20px !important;height:20px !important;margin-top:-10px !important;right:10px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
    font-size:11px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:not(img):not(:has(*)):not(:empty):not([style*="background-image"])::after{
    font-size:9px !important;margin-top:2px !important;
  }
}

@media (max-width:340px){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya{
    max-width:100% !important;
    height:52px !important;min-height:52px !important;max-height:52px !important;
    padding:0 32px 0 6px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya img{
    width:38px !important;height:38px !important;
    min-width:38px !important;max-width:38px !important;max-height:38px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya::after{
    width:17px !important;height:17px !important;margin-top:-8.5px !important;right:8px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya{animation:none !important}
}

/* ===== لون البطاقة يتبع --hue (يحدده الـJS لكل عضو) ===== */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya{
  --hue:200;
  --accent:hsl(var(--hue) 100% 62%);
  --sub:hsl(var(--hue) 100% 78%);
  --txt:hsl(var(--hue) 100% 97%);
  border-color:var(--accent) !important;
  background:
    radial-gradient(120px 60px at 100% 0,hsl(var(--hue) 100% 62% / .32),transparent 70%),
    radial-gradient(110px 60px at 0 100%,hsl(calc(var(--hue) + 70) 100% 65% / .28),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 45%),
    linear-gradient(145deg,hsl(var(--hue) 55% 14%),hsl(var(--hue) 60% 4%)) !important;
  box-shadow:
    0 0 0 1px hsl(var(--hue) 100% 62% / .25),
    0 0 14px hsl(var(--hue) 100% 62% / .5),
    0 6px 16px rgba(0,0,0,.6),
    inset 0 0 10px hsl(var(--hue) 100% 62% / .12) !important;
}

/* الصورة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya img{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 1px hsl(var(--hue) 100% 62% / .3),0 0 10px hsl(var(--hue) 100% 62% / .6),0 4px 10px rgba(0,0,0,.55) !important;
}

/* الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px hsl(var(--hue) 100% 62% / .45) !important;
}

/* الجوهرة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-edarya::after{
  filter:drop-shadow(0 0 6px hsl(var(--hue) 100% 62% / .9)) !important;
}

/* super */
/* ===== بطاقة دخول الإداريين — ستايل الزجاج الرمادي — مصغّرة ومتوافقة مع الجوال ===== */

html body #royal_login_container#royal_login_container{
  background:none !important;border:0 !important;box-shadow:none !important;
  overflow:visible !important;filter:none !important;
}

/* البطاقة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super{
  position:relative !important;left:0 !important;top:auto !important;right:auto !important;bottom:auto !important;
  box-sizing:border-box !important;
  direction:ltr !important;
  display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  align-items:center !important;justify-content:flex-start !important;
  gap:9px !important;
  width:100% !important;max-width:290px !important;min-width:0 !important;
  height:70px !important;min-height:70px !important;max-height:70px !important;
  margin:0 !important;
  padding:0 46px 0 9px !important;
  overflow:hidden !important;
  color:#fff !important;
  font-family:"IBM Plex Sans Arabic","El Messiri",Tahoma,sans-serif !important;
  border:2px solid rgba(255,255,255,.92) !important;
  border-radius:16px !important;
  clip-path:none !important;filter:none !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 45%),
    linear-gradient(145deg,#7a8176,#5d645a) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.28),
    0 0 14px rgba(255,255,255,.3),
    0 6px 16px rgba(0,0,0,.35),
    inset 0 0 10px rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter:blur(6px) !important;backdrop-filter:blur(6px) !important;
  animation:ycRlRise-super .6s ease both,ycRlAura-super 3.4s ease-in-out infinite;
}

/* الجوهرة على اليمين */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;right:13px !important;left:auto !important;bottom:auto !important;
  width:26px !important;height:26px !important;margin-top:-13px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3Cpath d='M2 9h20M9 3l-2 6 5 12M15 3l2 6-5 12'/%3E%3C/svg%3E") center/contain no-repeat !important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.7)) !important;
  pointer-events:none !important;
  border:0 !important;box-shadow:none !important;border-radius:0 !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super::before{content:none !important}

/* تصفير مواقع العناصر الداخلية القديمة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *{
  position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
  float:none !important;transform:none !important;margin:0 !important;
  clip-path:none !important;filter:none !important;text-indent:0 !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *::before,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *::after{content:none !important}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:has(*){display:contents !important}

/* الصورة الشخصية */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super img{
  display:block !important;flex:none !important;order:1 !important;
  width:50px !important;height:50px !important;
  min-width:50px !important;max-width:50px !important;max-height:50px !important;
  object-fit:cover !important;
  border:2px solid #fff !important;
  border-radius:14px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 10px rgba(255,255,255,.4),0 4px 10px rgba(0,0,0,.4) !important;
}

/* أيقونة الرتبة (بعد الاسم) */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super img ~ img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:has(img) ~ img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:has(img) ~ *:has(img) img,
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super img ~ *:has(img) img{
  order:4 !important;
  width:14px !important;height:14px !important;
  min-width:14px !important;max-width:14px !important;max-height:14px !important;
  object-fit:contain !important;
  border:0 !important;border-radius:0 !important;background:none !important;
  box-shadow:none !important;
  margin:0 0 0 -3px !important;
}

/* الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  display:block !important;
  order:3 !important;
  flex:1 1 0 !important;
  min-width:0 !important;max-width:none !important;width:auto !important;height:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;text-overflow:ellipsis !important;
  text-align:center !important;
  unicode-bidi:plaintext !important;
  font-size:12px !important;font-weight:800 !important;line-height:1.4 !important;
  letter-spacing:.2px !important;
  color:#fff !important;
  text-shadow:0 1px 3px rgba(0,0,0,.45) !important;
  background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}

/* السطر الباهت تحت الاسم (عدّل النص من هنا) */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:not(img):not(:has(*)):not(:empty):not([style*="background-image"])::after{
  content:"‖  ✦ دخول مراقب  ✦  ‖" !important;
  display:block !important;
  margin-top:3px !important;
  white-space:nowrap !important;
  font-size:10px !important;font-weight:700 !important;line-height:1.3 !important;
  letter-spacing:.5px !important;
  color:rgba(255,255,255,.28) !important;
  -webkit-text-fill-color:rgba(255,255,255,.28) !important;
  background:none !important;border:0 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
}

/* البنر لو موجود: يحل محل الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super.royal_login_item img:is([src*="banner" i],[alt*="banner" i],[class*="banner" i],[id*="banner" i],[width="700"],[data-banner],img ~ img ~ img){
  display:block !important;order:3 !important;
  flex:1 1 0 !important;min-width:0 !important;
  width:100% !important;height:auto !important;
  max-width:100% !important;max-height:38px !important;
  object-fit:contain !important;
  margin:0 !important;padding:0 !important;
  border:0 !important;border-radius:8px !important;
  background:none !important;box-shadow:none !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)) !important;
}
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super:has(img:is([src*="banner" i],[alt*="banner" i],[class*="banner" i],[id*="banner" i],[width="700"],[data-banner],img ~ img ~ img)) *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  display:none !important;
}

/* حركات */
@keyframes ycRlRise-super{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ycRlAura-super{
  0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 10px rgba(255,255,255,.25),0 6px 16px rgba(0,0,0,.35),inset 0 0 10px rgba(255,255,255,.18)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.4),0 0 20px rgba(255,255,255,.5),0 6px 16px rgba(0,0,0,.35),inset 0 0 10px rgba(255,255,255,.25)}
}

/* الجوال */
@media (max-width:480px){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super{
    height:58px !important;min-height:58px !important;max-height:58px !important;
    max-width:230px !important;
    padding:0 38px 0 7px !important;gap:7px !important;
    border-radius:13px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super img{
    width:42px !important;height:42px !important;
    min-width:42px !important;max-width:42px !important;max-height:42px !important;
    border-radius:11px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super img ~ img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:has(img) ~ img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:has(img) ~ *:has(img) img,
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super img ~ *:has(img) img{
    width:12px !important;height:12px !important;
    min-width:12px !important;max-width:12px !important;max-height:12px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super::after{
    width:20px !important;height:20px !important;margin-top:-10px !important;right:10px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
    font-size:11px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:not(img):not(:has(*)):not(:empty):not([style*="background-image"])::after{
    font-size:9px !important;margin-top:2px !important;
  }
}

@media (max-width:340px){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super{
    max-width:100% !important;
    height:52px !important;min-height:52px !important;max-height:52px !important;
    padding:0 32px 0 6px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super img{
    width:38px !important;height:38px !important;
    min-width:38px !important;max-width:38px !important;max-height:38px !important;
  }
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super::after{
    width:17px !important;height:17px !important;margin-top:-8.5px !important;right:8px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super{animation:none !important}
}

/* ===== لون البطاقة يتبع --hue (يحدده الـJS لكل عضو) ===== */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super{
  --hue:200;
  --accent:hsl(var(--hue) 100% 62%);
  --sub:hsl(var(--hue) 100% 78%);
  --txt:hsl(var(--hue) 100% 97%);
  border-color:var(--accent) !important;
  background:
    radial-gradient(120px 60px at 100% 0,hsl(var(--hue) 100% 62% / .32),transparent 70%),
    radial-gradient(110px 60px at 0 100%,hsl(calc(var(--hue) + 70) 100% 65% / .28),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 45%),
    linear-gradient(145deg,hsl(var(--hue) 55% 14%),hsl(var(--hue) 60% 4%)) !important;
  box-shadow:
    0 0 0 1px hsl(var(--hue) 100% 62% / .25),
    0 0 14px hsl(var(--hue) 100% 62% / .5),
    0 6px 16px rgba(0,0,0,.6),
    inset 0 0 10px hsl(var(--hue) 100% 62% / .12) !important;
}

/* الصورة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super img{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 1px hsl(var(--hue) 100% 62% / .3),0 0 10px hsl(var(--hue) 100% 62% / .6),0 4px 10px rgba(0,0,0,.55) !important;
}

/* الاسم */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super *:not(img):not(:has(*)):not(:empty):not([style*="background-image"]){
  text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px hsl(var(--hue) 100% 62% / .45) !important;
}

/* الجوهرة */
html body #royal_login_container#royal_login_container .royal_login_item.yc-rl-super::after{
  filter:drop-shadow(0 0 6px hsl(var(--hue) 100% 62% / .9)) !important;
}