/* ===== login-blue.css — خلفية زرقاء هادية + توحيد اللون الأساسي مع الهيدر (#4a8ff0) =====
   بيتحمّل آخر ملف في: الدخول / اختيار الفرع / التسجيل / البدء. الوضع الليلي ما بيتأثرش.
   خلفية: تدرّج رأسي #f6f9ff → #e6f0ff + نقاط خفيفة. لون الزرار والروابط: --lb-btn.
   للتراجع: امسح سطر <link login-blue.css> من login_ui.php / start.html / register.html. */
:root{--lb-btn:#2f74dc;--lb-btn2:#2563c4;--lb-top:#f6f9ff;--lb-bot:#e6f0ff;--lb-dot:rgba(74,143,240,.22);--lb-ring:rgba(74,143,240,.22)}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24):has(body.lgpage,body.aupage),
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body.lgpage,
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body.aupage{background-color:var(--lb-top)!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24):has(body.lgpage,body.aupage){
  background-image:radial-gradient(circle,var(--lb-dot) 1.2px,transparent 1.5px),linear-gradient(180deg,var(--lb-top) 0%,var(--lb-bot) 100%)!important;
  background-size:22px 22px,100% 100%!important;background-attachment:fixed!important;background-repeat:repeat,no-repeat!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body.lgpage,
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body.aupage{background:transparent!important;background-image:none!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body :is(.lgpage,.aupage){--au-btn:var(--lb-btn);--au-btn2:var(--lb-btn2);--au-wave:var(--lb-btn);--p:var(--lb-btn);--p2:var(--lb-btn2)}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body.lgpage,html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body.aupage{--au-btn:var(--lb-btn);--au-btn2:var(--lb-btn2);--au-wave:var(--lb-btn);--p:var(--lb-btn);--p2:var(--lb-btn2);--au-mid:#9db8e0}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body :is(.lg-btn,.go){background:var(--lb-btn)!important;border-color:var(--lb-btn)!important;color:#fff!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body :is(.lg-btn,.go):hover{background:var(--lb-btn2)!important;border-color:var(--lb-btn2)!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body :is(.lg-btn,.go):focus-visible{outline:3px solid var(--lb-ring);outline-offset:2px}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body :is(.lg-lrow a,.lg-foot a,.au-link,.au-foot a,.lg-card a:not(.lg-btn):not(.go),.au-card a:not(.lg-btn):not(.go),.au-strip a){color:var(--lb-btn)!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body :is(.lg-card a,.au-card a):not(.lg-btn):not(.go):hover{color:var(--lb-btn2)!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body .au-title:after,html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body .aupage .wrap h1.au-title::after{background:var(--lb-btn)!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body .au-strip .au-scope:before{background:var(--lb-btn)!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body :is(.lg-f input,.lg-f select,.f input,.f select,.otp):focus,
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body :is(.cb.open .cb-b,.cb-b:focus-visible,.lg-pw:focus-within,.ph-in:focus-within,.slug-in:focus-within){border-color:var(--lb-btn)!important;box-shadow:0 0 0 3px var(--lb-ring)!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body :is(.lg-card,.au-card,.box){border-color:#dbe6f6!important}
html:not(.dark):not(#lb1):not(#lb2):not(#lb3):not(#lb4):not(#lb5):not(#lb6):not(#lb7):not(#lb8):not(#lb9):not(#lb10):not(#lb11):not(#lb12):not(#lb13):not(#lb14):not(#lb15):not(#lb16):not(#lb17):not(#lb18):not(#lb19):not(#lb20):not(#lb21):not(#lb22):not(#lb23):not(#lb24) body input[type=checkbox]{accent-color:var(--lb-btn)}
/* صفحة اختيار التطبيقات/الاشتراك: كل العناصر البنفسجي → أزرق */
html:not(.dark) body .ap-card.on{background:#f0f6ff!important;border-color:var(--lb-btn)!important;box-shadow:0 0 0 3px var(--lb-ring)!important}
html:not(.dark) body :is(.ap-all,.ap-sel,.lnk,.lg-lrow a,.au-foot a,.ap-bar a,.ap-bar button.lnk,.ap-bar .lk){color:var(--lb-btn)!important}
html:not(.dark) body :is(.ap-bar,.ap-sum,.box){box-shadow:0 8px 30px rgba(47,116,220,.08)!important}
html:not(.dark) body :is(.go[disabled],.go:disabled,.lg-btn[disabled]){background:#a9c4ee!important;border-color:#a9c4ee!important}

/* بطاقة «متابعة باسم …» لجهاز متذكَّر (login_ui.php) */
.lg-known{display:flex;flex-direction:column;gap:14px}
.lg-kn-who{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e4e9f0;border-radius:12px;background:#f7f9fd}
.lg-kn-av{flex:none;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3a88ed,#2f74dc);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}
.lg-kn-tx{min-width:0;display:flex;flex-direction:column;gap:2px}
.lg-kn-tx b{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-kn-tx small{color:#6b7390;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.lg-kn-go{display:block;text-align:center;text-decoration:none;box-sizing:border-box}
@media(prefers-color-scheme:dark){.lg-kn-who{background:#141a30;border-color:#252d4d}.lg-kn-tx small{color:#9aa3c7}}