/* توكّل — الأوسمة والشارات. يعتمد على متغيرات style.css (يعمل في الوضعين الفاتح والداكن) */
.nb-id{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;vertical-align:middle}
.nb-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.nb-av{width:34px;height:34px;border-radius:50%;flex:none;overflow:hidden;background:var(--soft);display:inline-grid;place-items:center;font-weight:800}
.nb-av img{width:100%;height:100%;object-fit:cover}
.nb-b{flex:none;display:inline-block;vertical-align:middle;line-height:0}
.nb-b img{display:block;width:100%;height:100%}
/* شارة المؤسس: ميدالية بإطار ذهبي مزدوج + توهّج هادئ (opacity فقط — بلا فلاتر متحركة) */
.nb-founder{position:relative;isolation:isolate;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}
.nb-founder::before{content:"";position:absolute;inset:-5px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(242,215,125,.55) 0,rgba(242,215,125,0) 68%);opacity:.5;animation:nbGlow 4.2s ease-in-out infinite}
.nb-founder img{filter:drop-shadow(0 1px 1.5px rgba(2,10,14,.45));transition:transform .25s cubic-bezier(.2,.9,.3,1.2)}
/* V29.03: تفاعل الشارة — تكبير هادئ عند المرور، وضغطة خفيفة عند اللمس */
@media (hover:hover){.nb-founder:hover img{transform:translateY(-1px) scale(1.07)}}
.nb-founder:active img{transform:scale(.94);transition-duration:.1s}
@keyframes nbGlow{0%,100%{opacity:.4}50%{opacity:.8}}
@media (prefers-reduced-motion:reduce){.nb-founder::before{animation:none;opacity:.55}.nb-founder img{transition:none}.nb-founder:hover img,.nb-founder:active img{transform:none}}.nb-founder:focus-visible{outline:2px solid #e8b93c;outline-offset:2px}
/* هوية المؤسس في الشريط العلوي */
.nb-hdr{display:flex;justify-content:center;margin-top:2px}
.nb-hid{display:inline-flex;align-items:center;gap:5px;max-width:100%;cursor:pointer;line-height:1.2}
.nb-hn{font-size:11.5px;font-weight:800;color:var(--gold2,#d6b76b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:44vw}
body:not(.dark) .nb-hn{color:#8a5a0a}
.nb-hid:focus-visible{outline:2px solid #e8b93c;outline-offset:2px;border-radius:8px}
body.nb-has-founder .topbar{height:86px}
.nb-hid .nb-b{width:24px;height:24px;margin-block:-4px}   /* الهامش السالب يبقي ارتفاع السطر 16px فلا يتغير ارتفاع الشريط */
/* بطاقة المؤسس */
.nb-fc{padding:2px 0}
.nb-fbig{width:170px;height:170px}
.nb-fc h2{font-size:21px;margin:6px 0 2px;color:#ffe9a0}
.nb-ft{font-weight:800;color:#e8b93c;margin:2px 0;font-size:14.5px}
.nb-from{margin:0 0 6px;font-size:12.5px;opacity:.9}
.nb-sm img.nb-thumb{width:18px;height:18px}

/* صفحة مجموعتي من الأوسمة */
.nb-hero{position:relative;overflow:hidden;border-radius:24px;padding:20px 18px;margin-bottom:14px;color:#fff6dc;
  background:radial-gradient(120% 140% at 85% 0%,#3a2a0a 0%,#150f03 60%),#150f03;border:1px solid rgba(232,185,60,.35);box-shadow:var(--shadow)}
.nb-hero h1{margin:2px 0 4px;font-size:24px;color:#ffe9a0}
.nb-hero p{margin:0;font-size:13px;opacity:.85}
.nb-sum{display:flex;gap:10px;margin-top:14px}
.nb-sum div{flex:1;background:rgba(255,230,160,.08);border:1px solid rgba(232,185,60,.25);border-radius:14px;padding:8px 10px;text-align:center}
.nb-sum b{display:block;font-size:20px;color:#ffe9a0}
.nb-sum small{font-size:11px;opacity:.8}
.nb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.nb-cell{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:18px;padding:12px 6px 10px;
  display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:transform .15s ease,border-color .2s;min-width:0}
.nb-cell:active{transform:scale(.96)}
.nb-cell img{width:64px;height:64px}
.nb-cell b{font-size:12.5px;line-height:1.3;overflow-wrap:anywhere}
.nb-cell small{font-size:10.5px;color:var(--muted)}
.nb-cell.nb-lock img{filter:grayscale(1);opacity:.4}
.nb-cell.nb-lock b{color:var(--muted)}
.nb-r-uncommon{border-color:#35b98a66}.nb-r-rare{border-color:#4a98e666}.nb-r-epic{border-color:#a26be366}
.nb-r-legendary{border-color:#f0a53c88}.nb-r-exclusive{border-color:#e8b93caa;box-shadow:0 0 14px rgba(232,185,60,.25)}
.nb-sec{margin:16px 2px 8px;font-size:13px;font-weight:800;color:var(--muted)}
.nb-note{margin:16px 4px 0;font-size:11.5px;color:var(--muted);line-height:1.7}
.nb-snd{display:flex;align-items:center;gap:8px;margin:12px 2px 0;font-size:12.5px;color:var(--muted)}

/* النوافذ: التفاصيل + الاكتساب */
.nb-ov{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(4,8,6,.72);animation:nbf .25s ease both}
.nb-box{position:relative;width:min(340px,100%);border-radius:26px;padding:24px 18px 18px;text-align:center;background:var(--card);color:var(--text);
  border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.45);animation:nbp .35s cubic-bezier(.2,.9,.3,1.2) both;max-height:88vh;overflow:auto}
.nb-box.nb-win{background:radial-gradient(120% 90% at 50% 0%,#2f220a,#120c02);color:#fff6dc;border-color:rgba(232,185,60,.45)}
.nb-box h2{margin:8px 0 4px;font-size:19px}
.nb-box p{margin:6px 0;font-size:13.5px;line-height:1.8;opacity:.92}
.nb-big{width:120px;height:120px;margin:0 auto;display:block}
.nb-win .nb-big{animation:nbz .6s cubic-bezier(.2,.9,.3,1.3) both}
.nb-tag{display:inline-block;margin:4px 0;padding:3px 12px;border-radius:99px;font-size:11.5px;font-weight:800;background:var(--soft);color:var(--primary)}
.nb-win .nb-tag{background:rgba(232,185,60,.18);color:#ffe9a0}
.nb-bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin:10px 4px 2px}
.nb-bar i{display:block;height:100%;background:linear-gradient(90deg,#35b98a,#e8b93c);border-radius:99px}
.nb-acts{display:flex;gap:8px;margin-top:14px}
.nb-acts .btn{flex:1}
.nb-ps{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.nb-ps i{position:absolute;bottom:42%;left:50%;width:6px;height:6px;border-radius:50%;background:#f0c04a;opacity:0;animation:nbs 1.5s ease-out forwards;animation-delay:var(--dl);--x:0px}
@keyframes nbf{from{opacity:0}to{opacity:1}}
@keyframes nbp{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes nbz{from{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes nbs{0%{opacity:0;transform:translate(0,0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),-120px) scale(1)}}
@media (prefers-reduced-motion:reduce){.nb-ov,.nb-box,.nb-win .nb-big{animation:none}.nb-ps{display:none}.nb-cell{transition:none}}
@media (max-width:360px){.nb-grid{grid-template-columns:repeat(2,1fr)}}

/* اختصار الأوسمة في الرئيسية (بجوار اختصار الحساب) */
.hp-row{gap:8px;align-items:center}
.nb-hbtn{position:relative;flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));background:var(--card);color:var(--gold,#c99a2c);box-shadow:var(--shadow);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.nb-hbtn:active{transform:scale(.94)}
.nb-hbtn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.nb-hbtn svg{width:21px;height:21px}
.nb-hdot{position:absolute;top:-4px;inset-inline-start:-4px;min-width:14px;height:14px;padding:0 3px;border-radius:99px;background:#d64545;color:#fff;font-size:9.5px;font-weight:800;line-height:14px;font-style:normal;text-align:center;border:2px solid var(--card);box-sizing:content-box}
/* حين يظهر سطر هوية المؤسس يزداد الشريط العلوي 12px: نعدّل العناصر اللاصقة التي تفترض ارتفاعه */
body.nb-has-founder .st-ctrl{top:86px}
body.nb-has-founder.qibla-lock .screen{height:calc(100% - 86px - 74px - env(safe-area-inset-bottom,0px))}

/* ───────── V2: درجات سبع، فلاتر، حلقة الإنجاز، تقدّم الوسام ───────── */
.nb-t-bronze{--tc:#c27a3e}.nb-t-silver{--tc:#aeb8c9}.nb-t-gold{--tc:#e0b040}.nb-t-platinum{--tc:#7fb4e8}
.nb-t-diamond{--tc:#52d4f5}.nb-t-legendary{--tc:#ff9f4a}.nb-t-secret{--tc:#9b6cf0}
.nb-cell[class*="nb-t-"]{border-color:color-mix(in srgb,var(--tc) 55%,var(--line))}
.nb-cell.nb-got{box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 30%,transparent),0 6px 18px color-mix(in srgb,var(--tc) 20%,transparent)}
.nb-cell.nb-t-diamond.nb-got,.nb-cell.nb-t-legendary.nb-got,.nb-cell.nb-t-secret.nb-got{box-shadow:0 0 16px color-mix(in srgb,var(--tc) 45%,transparent)}
.nb-cell.nb-lock img{filter:grayscale(.85) brightness(.8);opacity:.55}
.nb-cell.nb-sec-c img{filter:none;opacity:.9}
.nb-cell.nb-sec-c{background:linear-gradient(160deg,color-mix(in srgb,#1d1038 70%,var(--card)),var(--card))}
.nb-mini{display:block;width:78%;height:5px;border-radius:99px;background:var(--line);overflow:hidden}
.nb-mini i{display:block;height:100%;background:var(--tc,#35b98a);border-radius:99px}
.nb-pc{font-weight:800;color:var(--tc,var(--muted))!important}
.nb-sec{display:flex;align-items:baseline;justify-content:space-between}
.nb-sec small{font-weight:700;opacity:.8}
.nb-sec-bronze span{color:#c27a3e}.nb-sec-silver span{color:#98a3b6}.nb-sec-gold span{color:#c99a2c}.nb-sec-platinum span{color:#5f9fd8}
.nb-sec-diamond span{color:#27b8dc}.nb-sec-legendary span{color:#e8833a}.nb-sec-secret span{color:#8a5be0}
.nb-ring-row{display:flex;align-items:center;gap:14px;margin-top:14px}
.nb-ring-row .nb-sum{flex:1;margin-top:0}
.nb-ring{--p:0;flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#e8b93c calc(var(--p)*1%),rgba(255,230,160,.14) 0)}
.nb-ring b{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#150f03;color:#ffe9a0;font-size:17px}
.nb-recent{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nb-rc{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:8px;display:flex;align-items:center;gap:8px;text-align:start;min-width:0}
.nb-rc span{min-width:0;display:flex;flex-direction:column}.nb-rc b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-rc small{font-size:10.5px;color:var(--muted)}
.nb-filters{margin:14px 0 4px;display:flex;flex-direction:column;gap:8px}
.nb-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nb-chips::-webkit-scrollbar{display:none}
.nb-chip{appearance:none;flex:none;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:99px;padding:6px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.nb-chip small{opacity:.7;font-weight:600}
.nb-chip.on{background:var(--primary,#0b6b57);color:#fff;border-color:transparent}
.nb-chip:focus-visible,.nb-cell:focus-visible,.nb-rc:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.nb-catsel{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.nb-catsel select{flex:1;min-width:0;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:8px 10px;font:inherit}
.nb-secret-h{color:#b58cff}
.nb-cat{background:transparent;border:1px solid var(--line);color:var(--muted)}
/* نافذة الاكتساب حسب الدرجة */
.nb-box.nb-win[class*="nb-t-"]{border-color:color-mix(in srgb,var(--tc) 70%,transparent);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px color-mix(in srgb,var(--tc) 28%,transparent)}
.nb-box.nb-win.nb-t-secret{background:radial-gradient(120% 90% at 50% 0%,#2a1a4d,#08050f)}
.nb-box.nb-win.nb-t-diamond{background:radial-gradient(120% 90% at 50% 0%,#0d3a66,#06142b)}
.nb-box.nb-win.nb-t-legendary{background:radial-gradient(120% 90% at 50% 0%,#5a1220,#1c0509)}
.nb-unl{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--tc,#e8b93c);opacity:.95}
.nb-win .nb-tag{color:var(--tc,#ffe9a0);background:color-mix(in srgb,var(--tc,#e8b93c) 18%,transparent)}
.nb-burst{position:absolute;inset:-30%;pointer-events:none;opacity:.5;
  background:repeating-conic-gradient(from 0deg at 50% 38%,color-mix(in srgb,var(--tc) 55%,transparent) 0 6deg,transparent 6deg 18deg);
  -webkit-mask:radial-gradient(circle at 50% 38%,#000,transparent 62%);mask:radial-gradient(circle at 50% 38%,#000,transparent 62%);animation:nbr 14s linear infinite}
@keyframes nbr{to{transform:rotate(360deg)}}
.nb-box>*:not(.nb-burst):not(.nb-ps){position:relative}
@media (prefers-reduced-motion:reduce){.nb-burst{animation:none}}
@media (max-width:360px){.nb-recent{grid-template-columns:1fr}.nb-ring-row{flex-direction:column;align-items:stretch}}
/* داخل نص مقصوص (overflow) التوهّج يظهر مربعًا — نخفيه هناك */
.hp-tx b .nb-founder::before,.nb-n .nb-founder::before{display:none}
/* في الشريط العلوي يظهر التلميح أسفل الشارة حتى لا يُغطّى بشارة الاتصال ولا يحجب الشعار */
.nb-hid .tk-tip[data-tip]::after{bottom:auto;top:calc(100% + 9px);transform:translate(-50%,-4px)}
@media (hover:hover){.nb-hid .tk-tip[data-tip]:hover::after{transform:translate(-50%,0)}}
.nb-hid .tk-tip[data-tip]:focus-visible::after,.nb-hid .tk-tip[data-tip]:active::after{transform:translate(-50%,0)}

/* ── V29.03: بطاقة المؤسس الملكية ── */
.nb-box.nb-fwin{background:radial-gradient(130% 80% at 50% 0%,#0f5a47 0,#07352a 34%,#0a1f1a 72%,#07130f 100%);border-color:rgba(232,185,60,.6);
  box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 46px rgba(232,185,60,.18),inset 0 0 0 1px rgba(255,236,168,.12)}
.nb-fhead{position:relative;display:grid;place-items:center;margin:-6px auto 2px;isolation:isolate}
.nb-fhead::before{content:"";position:absolute;inset:6% 10% 2%;z-index:-1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(242,215,125,.42) 0,rgba(242,215,125,0) 68%);opacity:.8;animation:nbGlow 4.8s ease-in-out infinite}
.nb-fwin .nb-fbig{animation:nbCrownIn .85s cubic-bezier(.2,.9,.3,1.15) both}
.nb-fwin .nb-ftag{background:linear-gradient(180deg,rgba(255,233,160,.22),rgba(232,185,60,.14));color:#ffe9a0;border:1px solid rgba(232,185,60,.4);padding:4px 14px}
.nb-fwin h2{font-size:22px;color:#ffe9a0;letter-spacing:.2px;text-shadow:0 1px 10px rgba(232,185,60,.28)}
.nb-fwin .nb-fd{font-size:13.5px;opacity:.95}
.nb-fwin .nb-fn{font-size:11.5px;opacity:.7;margin-top:10px;padding-top:10px;border-top:1px solid rgba(232,185,60,.22)}
.nb-fwin .nb-ftag,.nb-fwin h2,.nb-fwin .nb-ft,.nb-fwin .nb-fd,.nb-fwin .nb-fn,.nb-fwin .nb-acts{animation:nbRise .5s ease both}
.nb-fwin .nb-ftag{animation-delay:.28s}.nb-fwin h2{animation-delay:.36s}.nb-fwin .nb-ft{animation-delay:.44s}.nb-fwin .nb-fd{animation-delay:.52s}.nb-fwin .nb-fn{animation-delay:.6s}.nb-fwin .nb-acts{animation-delay:.68s}
@keyframes nbCrownIn{from{opacity:0;transform:translateY(-14px) scale(.7)}to{opacity:1;transform:none}}
@keyframes nbRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nb-fhead::before{animation:none}.nb-fwin .nb-fbig,.nb-fwin .nb-ftag,.nb-fwin h2,.nb-fwin .nb-ft,.nb-fwin .nb-fd,.nb-fwin .nb-fn,.nb-fwin .nb-acts{animation:none}}
@media (max-width:360px){.nb-fbig{width:148px;height:148px}.nb-fwin h2{font-size:20px}}
.nb-fwin .nb-acts .btn{background:linear-gradient(180deg,rgba(255,233,160,.16),rgba(232,185,60,.1));color:#ffe9a0;border:1px solid rgba(232,185,60,.5)}

/* ══════════════════════════════════════════════════════════════════════════
   V29.04 — Premium Islamic UI: الجزء العلوي من الرئيسية (رأس التطبيق + بطاقة الهوية)
   تغيير بصري فقط. الرأس يُطبَّق على كل الصفحات بنفس الارتفاع (74/86)، والبطاقة في الرئيسية فقط (.noor-home).
   لا منطق جديد، لا طلبات شبكة، لا تغيير في HTML/JS.
   ══════════════════════════════════════════════════════════════════════════ */
body.dark{
  --hx-em0:#04170f;--hx-em1:#06261d;--hx-em2:#0a3a2d;
  --hx-gold:#e4bf5b;--hx-gold2:#f6dd91;--hx-line:rgba(228,191,91,.34);
  --hx-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none' stroke='%23f6dd91' stroke-width='.8'%3E%3Crect x='11' y='11' width='22' height='22'/%3E%3Crect x='11' y='11' width='22' height='22' transform='rotate(45 22 22)'/%3E%3C/svg%3E");
}
/* ── 1) الرأس ── */
body.dark .topbar,body.dark.on-home .topbar{
  isolation:isolate;
  background:radial-gradient(120% 140% at 50% 0%,var(--hx-em2) 0%,var(--hx-em1) 55%,var(--hx-em0) 100%);
  border-bottom:1px solid var(--hx-line);
  box-shadow:0 10px 26px -14px rgba(0,0,0,.55),inset 0 -1px 0 rgba(246,221,145,.10);
}
body.dark .topbar::before{                         /* زخرفة نجمة ثمانية خفيفة تتلاشى نحو الأطراف */
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--hx-star) center/44px 44px;opacity:.085;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 70%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 70%,transparent 100%);
}
body.dark .topbar::after{                          /* خيط ذهبي لامع أسفل الرأس */
  content:"";position:absolute;inset-inline:18%;bottom:0;height:1px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--hx-gold2),transparent);opacity:.7;
}
body.dark .topbar>*{position:relative;z-index:2}
body.dark .brand-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%}
body.dark .brand{
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:30px;letter-spacing:.5px;line-height:1.1;
  background:linear-gradient(180deg,#fff2b8 0%,var(--hx-gold2) 38%,var(--hx-gold) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 8px rgba(228,191,91,.28));
}
body.dark .brand::before{                          /* الشعار الهلالي */
  content:"";flex:none;width:21px;height:21px;margin-top:2px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff2b8'/%3E%3Cstop offset='1' stop-color='%23d9a93a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M15.6 2.6A9.6 9.6 0 1 0 21.4 16 8 8 0 0 1 15.6 2.6z'/%3E%3Cpath fill='url(%23g)' d='m18.2 5.4.8 1.7 1.8.3-1.3 1.3.3 1.8-1.6-.9-1.6.9.3-1.8-1.3-1.3 1.8-.3z'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 0 6px rgba(246,221,145,.45));
}
body.dark .sub{font-size:10.5px;letter-spacing:.3px;color:#a9c9bb;margin-top:4px;line-height:1.3;max-width:62vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* زر القائمة */
body.dark .topbar .icon-btn#menuBtn{
  width:42px;height:42px;border-radius:14px;color:var(--hx-gold2);
  background:linear-gradient(145deg,rgba(246,221,145,.14),rgba(246,221,145,.04));
  border:1px solid var(--hx-line);box-shadow:0 6px 14px -6px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);
  display:grid;place-items:center;
}
body.dark .topbar .icon-btn#menuBtn svg{width:21px;height:21px}
body.dark .topbar .icon-btn#menuBtn:active{transform:scale(.94)}
body.dark .topbar .icon-btn#menuBtn:focus-visible,body.dark .brand-wrap:focus-visible{outline:2px solid var(--hx-gold2);outline-offset:2px;border-radius:12px}
/* سطر هوية المؤسس داخل الرأس (الشارة والدالة والنافذة كما هي — شكل فقط) */
body.dark .nb-hdr{margin-top:3px}
body.dark .nb-hid{padding:1px 9px 1px 7px;border-radius:99px;background:linear-gradient(90deg,rgba(228,191,91,.16),rgba(228,191,91,.06));border:1px solid rgba(228,191,91,.38)}
body.dark .topbar .nb-hn{color:var(--hx-gold2);font-size:11.5px;max-width:52vw}

/* ── 2) بطاقة الهوية (#homeProfile) ── */
.noor-home .hp-row,.noor-home .hp-row:empty{--hp-gold:#e4bf5b;--hp-gold2:#f6dd91}
.noor-home .hp-row{
  position:relative;isolation:isolate;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:0 0 8px;padding:4px 8px 4px 10px;min-height:0;border-radius:20px;
  background:linear-gradient(135deg,#0b3d30 0%,#07261d 58%,#0a3126 100%);
  border:1px solid rgba(228,191,91,.42);
  box-shadow:0 12px 26px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(246,221,145,.14);
  color:#f6f1df;
}
.noor-home .hp-row:empty{display:none}
.noor-home .hp-row::after{                            /* زخرفة هندسية خافتة جهة الأوسمة */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:var(--hx-star) 0 50%/44px 44px;opacity:.07;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 55%);mask-image:linear-gradient(90deg,#000,transparent 55%);
}
.noor-home .hp-row::before{                           /* لمعة ضوء خفيفة من الزاوية */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(70% 140% at 100% 0%,rgba(246,221,145,.13),transparent 62%);
}
.noor-home .hp-chip{
  flex:1 1 auto;min-width:0;max-width:none;min-height:46px;gap:11px;padding:0;
  background:none;border:0;border-radius:16px;box-shadow:none;color:inherit;
}
.noor-home .hp-chip:active{transform:scale(.985)}
.noor-home .hp-chip:focus-visible,.noor-home .nb-hbtn:focus-visible{outline:2px solid var(--hp-gold2);outline-offset:2px}
.noor-home .hp-chip>.ic,.noor-home .hp-chip>svg{margin-inline-start:auto;color:var(--hp-gold2);opacity:.75}
.noor-home .hp-av{
  width:46px;height:46px;font-size:20px;color:var(--hp-gold2);
  background:linear-gradient(145deg,#12493a,#082a20);
  border:2px solid var(--hp-gold);
  box-shadow:0 0 0 3px rgba(228,191,91,.16),0 6px 14px -4px rgba(0,0,0,.55);
}
.noor-home .hp-av svg{width:26px;height:26px}
.noor-home .hp-tx{flex:1 1 auto;min-width:0;gap:2px;line-height:1.3}
.noor-home .hp-tx b{                                   /* أسماء طويلة: سطران بدل القص من سطر واحد */
  display:block;max-width:none;white-space:normal;overflow:visible;text-overflow:clip;
  font-size:14.5px;font-weight:800;color:#fbf6e4;
}
.noor-home .hp-tx .nb-id{display:flex;align-items:center;gap:7px;max-width:100%;vertical-align:baseline}
.noor-home .hp-tx .nb-n{
  white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
  overflow:hidden;overflow-wrap:anywhere;text-overflow:clip;flex:0 1 auto;min-width:0;
}
.noor-home .hp-tx .nb-b{flex:none}
.noor-home .hp-tx small{font-size:11px;color:#9fc3b3;letter-spacing:.2px}
.noor-home .hp-chip[aria-label^="تسجيل"] .hp-tx small{color:var(--hp-gold2);font-weight:700}   /* زائر: دعوة واضحة لتسجيل الدخول */
/* زر الأوسمة (الدالة والعدّاد كما هما) */
.noor-home .nb-hbtn{
  width:44px;height:44px;color:var(--hp-gold2);
  background:linear-gradient(145deg,rgba(246,221,145,.18),rgba(246,221,145,.05));
  border:1px solid rgba(228,191,91,.5);
  box-shadow:0 6px 14px -6px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.1);
}
.noor-home .nb-hbtn svg{width:23px;height:23px}
.noor-home .nb-hbtn .nb-hdot{border-color:#082a21}
@media (max-width:360px){
  body.dark .brand{font-size:29px}
  body.dark .brand::before{width:19px;height:19px}
  .noor-home .hp-row{padding:4px 6px 4px 8px;gap:8px}
  .noor-home .hp-av{width:44px;height:44px}
  .noor-home .hp-tx b{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
  body.dark .topbar .icon-btn#menuBtn,.noor-home .hp-chip,.noor-home .nb-hbtn{transition:none}
  body.dark .topbar .icon-btn#menuBtn:active,.noor-home .hp-chip:active,.noor-home .nb-hbtn:active{transform:none}
}