/* قايمة الحساب في هيدر الموقع العام (زي Zoho): بتظهر بس لو المستخدم داخل بحسابه. js/account-menu.js */
.nav-cta.acct-on{display:flex!important;align-items:center;gap:10px}
.acct{position:relative}
.acct-btn{width:40px;height:40px;padding:0;border-radius:50%;border:2px solid #fff;background:#fff;color:#2f6fd0;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 1px rgba(20,52,107,.18);font:inherit;font-weight:800;font-size:15px;transition:transform .15s,box-shadow .15s}
.acct-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(20,52,107,.18),0 6px 16px rgba(20,52,107,.25)}
.acct-btn:focus-visible{outline:3px solid #f5b301;outline-offset:2px}
.acct-pop{position:absolute;top:calc(100% + 12px);inset-inline-end:0;width:min(300px,86vw);background:#fff;color:#1f2937;border-radius:12px;box-shadow:0 18px 48px rgba(15,23,42,.28),0 0 0 1px rgba(15,23,42,.06);z-index:1200;text-align:start;animation:acctIn .16s ease both}
.acct-pop[hidden]{display:none}
.acct-top{display:flex;gap:12px;align-items:center;padding:16px 16px 14px}
.acct-av{flex:none;width:52px;height:52px;border-radius:10px;background:linear-gradient(135deg,#3a88ed,#2f74dc);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}
.acct-nm{min-width:0}
.acct-nm b{display:block;font-size:15.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-nm small{display:block;color:#6b7390;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.acct-go{display:block;margin:0 16px 14px;padding:10px 14px;border-radius:10px;background:#2f6fd0;color:#fff!important;font-weight:700;font-size:14.5px;text-align:center;text-decoration:none}
a.acct-go:hover{background:#2560bb}
.acct-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #e4e9f0}
.acct-row a,.acct-row button{font:inherit;font-size:14px;font-weight:600;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.acct-row a{color:#1a63c4}
.acct-row button{color:#e11d2e}
.acct-row a:hover,.acct-row button:hover{text-decoration:underline}
html.dark .acct-pop{background:#1a2238;color:#eef0ff;box-shadow:0 18px 48px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}
html.dark .acct-row{border-color:#2a3350}
html.dark .acct-nm small{color:#9aa3c7}
html.dark .acct-row a{color:#7db2ff}
html.dark .acct-row button{color:#ff6b78}
@keyframes acctIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.acct-pop{animation:none}.acct-btn{transition:none}}

/* ===== v2: قايمة بعناصر (حسابي / قواعد بياناتي / تسجيل الخروج) + حالة الجهاز المتذكَّر ===== */
.acct-em{direction:ltr;text-align:start}
.acct-list{padding:6px 8px 8px;border-top:1px solid #e4e9f0}
.acct-it{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:10px 10px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-size:14.5px;font-weight:600;text-align:start;text-decoration:none;cursor:pointer}
.acct-it:hover,.acct-co:hover:not(:disabled){background:#f1f5fb}
.acct-it:focus-visible,.acct-co:focus-visible{outline:2px solid #2f6fd0;outline-offset:-2px}
.acct-ic{flex:none;display:inline-grid;place-items:center;color:#4b5671}
.acct-lb{flex:1;min-width:0}
.acct-chev{transition:transform .18s}
.db-open .acct-chev{transform:rotate(180deg)}
.acct-sub{margin:2px 6px 6px;padding:4px;border-radius:8px;background:#f7f9fd;max-height:220px;overflow:auto}
.acct-sub[hidden]{display:none}
.acct-sub form{margin:0}
.acct-co{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;padding:8px 10px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;font-size:13.5px;text-align:start;cursor:pointer}
.acct-co.on{font-weight:700;color:#1a63c4;cursor:default}
.acct-sep{height:1px;margin:6px 4px;background:#e4e9f0}
.acct-out{color:#e11d2e}
.acct-out .acct-ic{color:inherit}
.acct-out:disabled{opacity:.6;cursor:progress}
html.dark .acct-list,html.dark .acct-sep{border-color:#2a3350}
html.dark .acct-sep{background:#2a3350}
html.dark .acct-it:hover,html.dark .acct-co:hover:not(:disabled){background:#222c47}
html.dark .acct-ic{color:#9aa3c7}
html.dark .acct-sub{background:#141a30}
html.dark .acct-co.on{color:#7db2ff}
html.dark .acct-out{color:#ff6b78}

/* ===== v3: منع ظهور «تسجيل الدخول» لحظة قبل أيقونة الحساب — بيتخفّي من أول رسم لو فيه كوكي حساب، ومكانه دايرة فاضية بحجم الأيقونة (مفيش قفزة) ===== */
/* v4: السبب الحقيقي للوميض — ملفات زي zoho-hf.css بتستخدم html:not(#zh1)…:not(#zh72) (specificity عالية جدًا) فكانت بتغلب القاعدة دي،
   فالنص «تسجيل الدخول» يظهر ملوّن ومقصوص جوه الدايرة لحظة قبل ما يتبدّل بحرف الحساب. هنا بنرفع الـ specificity فوق أي حاجة (90 id). */
html:not(#apx1):not(#apx2):not(#apx3):not(#apx4):not(#apx5):not(#apx6):not(#apx7):not(#apx8):not(#apx9):not(#apx10):not(#apx11):not(#apx12):not(#apx13):not(#apx14):not(#apx15):not(#apx16):not(#apx17):not(#apx18):not(#apx19):not(#apx20):not(#apx21):not(#apx22):not(#apx23):not(#apx24):not(#apx25):not(#apx26):not(#apx27):not(#apx28):not(#apx29):not(#apx30):not(#apx31):not(#apx32):not(#apx33):not(#apx34):not(#apx35):not(#apx36):not(#apx37):not(#apx38):not(#apx39):not(#apx40):not(#apx41):not(#apx42):not(#apx43):not(#apx44):not(#apx45):not(#apx46):not(#apx47):not(#apx48):not(#apx49):not(#apx50):not(#apx51):not(#apx52):not(#apx53):not(#apx54):not(#apx55):not(#apx56):not(#apx57):not(#apx58):not(#apx59):not(#apx60):not(#apx61):not(#apx62):not(#apx63):not(#apx64):not(#apx65):not(#apx66):not(#apx67):not(#apx68):not(#apx69):not(#apx70):not(#apx71):not(#apx72):not(#apx73):not(#apx74):not(#apx75):not(#apx76):not(#apx77):not(#apx78):not(#apx79):not(#apx80):not(#apx81):not(#apx82):not(#apx83):not(#apx84):not(#apx85):not(#apx86):not(#apx87):not(#apx88):not(#apx89):not(#apx90).acct-pre body .nav-cta a[href*="login.php"]{font-size:0!important;line-height:0;width:40px;height:40px;min-width:0;padding:0!important;border:0!important;border-radius:50%;background:rgba(255,255,255,.28)!important;box-shadow:none!important;pointer-events:none;overflow:hidden;color:transparent!important}
.acct-sub a.acct-co{text-decoration:none}

html:not(#apx1):not(#apx2):not(#apx3):not(#apx4):not(#apx5):not(#apx6):not(#apx7):not(#apx8):not(#apx9):not(#apx10):not(#apx11):not(#apx12):not(#apx13):not(#apx14):not(#apx15):not(#apx16):not(#apx17):not(#apx18):not(#apx19):not(#apx20):not(#apx21):not(#apx22):not(#apx23):not(#apx24):not(#apx25):not(#apx26):not(#apx27):not(#apx28):not(#apx29):not(#apx30):not(#apx31):not(#apx32):not(#apx33):not(#apx34):not(#apx35):not(#apx36):not(#apx37):not(#apx38):not(#apx39):not(#apx40):not(#apx41):not(#apx42):not(#apx43):not(#apx44):not(#apx45):not(#apx46):not(#apx47):not(#apx48):not(#apx49):not(#apx50):not(#apx51):not(#apx52):not(#apx53):not(#apx54):not(#apx55):not(#apx56):not(#apx57):not(#apx58):not(#apx59):not(#apx60):not(#apx61):not(#apx62):not(#apx63):not(#apx64):not(#apx65):not(#apx66):not(#apx67):not(#apx68):not(#apx69):not(#apx70):not(#apx71):not(#apx72):not(#apx73):not(#apx74):not(#apx75):not(#apx76):not(#apx77):not(#apx78):not(#apx79):not(#apx80):not(#apx81):not(#apx82):not(#apx83):not(#apx84):not(#apx85):not(#apx86):not(#apx87):not(#apx88):not(#apx89):not(#apx90).acct-pre body .nav-cta a[href*="login.php"] *{display:none!important}