/* ==========================================================================
   نور البيان — الشبكة الاجتماعية داخل فُصْحَى (nur.html · nur/post.html)
   أنماط مستقلة بادئتها nr- (لا تعتمد على Tailwind لما يُرسم بالجافاسكربت).
   تعتمد متغيّرات fusha-app.css (--fa-*). الأصل immutable: أي تعديل يرفع ?v= في الصفحتين.
   ========================================================================== */

.nr-wrap { width: 100%; max-width: 44rem; margin-inline: auto; }
.nr-page { min-height: 60vh; }
.nr-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nr-ic { width: 1.1em; height: 1.1em; flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ───────── الهيرو ───────── */
.nr-hero { position: relative; border-radius: 14px; color: #fff; padding: 1.35rem 1.15rem 1.25rem;
  background: linear-gradient(135deg, #0D1D18 0%, #142B24 52%, #1B4D3E 100%);
  border: 1px solid rgba(234, 167, 46, .22);
  box-shadow: 0 0 18px rgba(234, 167, 46, .10), 0 10px 26px rgba(20, 43, 36, .22); }
@media (min-width: 640px) { .nr-hero { padding: 1.9rem 2.1rem 1.8rem; } }
.nr-hero-bg { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; }
.nr-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 15% 50%; }
@media (max-width: 639px) { .nr-hero-img { opacity: .3; } }
.nr-hero-bg .fa-pattern { position: absolute; inset: 0; opacity: .10; }
.nr-hero-in { position: relative; z-index: 2; }
.nr-hero h1 { font-family: 'Alexandria', sans-serif; font-weight: 900; font-size: 1.65rem; line-height: 1.5; margin-top: .5rem; color: #fff; }
@media (min-width: 640px) { .nr-hero h1 { font-size: 2.1rem; } }
.nr-hero p { color: rgba(232, 228, 218, .92); font-size: .88rem; line-height: 1.95; max-width: 34rem; font-weight: 500; margin-top: .25rem; }

/* ───────── التبويبات ───────── */
.nr-tabs { display: flex; gap: .4rem; background: #fff; border: 1px solid #E4DECD; border-radius: 14px; padding: .3rem; box-shadow: 0 2px 8px rgba(20, 43, 36, .05); }
.nr-tab { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding: .6rem .5rem; border: 0; border-radius: 10px; background: transparent;
  font: 800 .85rem 'Cairo', sans-serif; color: #475569; cursor: pointer; transition: background .15s, color .15s; position: relative; }
.nr-tab:hover { background: #F4EFE2; color: #142B24; }
.nr-tab[aria-selected="true"] { background: var(--fa-emerald); color: #fff; }
.nr-tab .nr-dot { min-width: 1.15rem; height: 1.15rem; padding: 0 .3rem; border-radius: 999px; background: #E11D48; color: #fff; font-size: .68rem; font-weight: 800; line-height: 1.15rem; text-align: center; }

/* ───────── أزرار عامة ───────── */
.nr-btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border: 1px solid transparent; border-radius: 12px; padding: .6rem 1.05rem;
  font: 800 .85rem 'Cairo', sans-serif; cursor: pointer; transition: background .15s, border-color .15s, opacity .15s; text-decoration: none; line-height: 1.5; }
.nr-btn:disabled, .nr-btn[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.nr-btn--primary { background: var(--fa-emerald); color: #fff; }
.nr-btn--primary:hover:not(:disabled) { background: var(--fa-emerald-hover); }
.nr-btn--gold { background: var(--fa-gold); color: #142B24; }
.nr-btn--gold:hover:not(:disabled) { background: var(--fa-gold-soft); }
.nr-btn--ghost { background: #fff; border-color: #D9CFB6; color: #142B24; }
.nr-btn--ghost:hover:not(:disabled) { background: #F4EFE2; }
.nr-btn--danger { background: #B42318; color: #fff; }
.nr-btn--danger:hover:not(:disabled) { background: #912018; }
.nr-btn--sm { padding: .4rem .8rem; font-size: .78rem; border-radius: 10px; }
.nr-btn:focus-visible, .nr-tab:focus-visible, .nr-react:focus-visible, .nr-act:focus-visible, .nr-iconbtn:focus-visible, .nr-chip:focus-visible { outline: 2px solid var(--fa-emerald); outline-offset: 2px; }

.nr-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 10px; border: 0; background: transparent; color: #55606B; cursor: pointer; flex-shrink: 0; }
.nr-iconbtn:hover { background: #F4EFE2; color: #142B24; }

/* ───────── الأفاتار ───────── */
.nr-avatar { width: 2.75rem; height: 2.75rem; border-radius: 999px; object-fit: cover; flex-shrink: 0; border: 1px solid #E4DECD; background: #F4EFE2; display: inline-flex; align-items: center; justify-content: center;
  font: 800 1.05rem 'Alexandria', sans-serif; color: #fff; overflow: hidden; }
.nr-avatar--sm { width: 2.1rem; height: 2.1rem; font-size: .85rem; }
.nr-avatar--xl { width: 5rem; height: 5rem; font-size: 2rem; border-width: 3px; border-color: #fff; box-shadow: 0 4px 14px rgba(20, 43, 36, .2); }
.nr-avatar--teacher { border: 2px solid var(--fa-gold); }
.nr-avatar[data-c="0"] { background: #1B4D3E; } .nr-avatar[data-c="1"] { background: #8A5E10; } .nr-avatar[data-c="2"] { background: #3F5E8C; }
.nr-avatar[data-c="3"] { background: #7A3E5C; } .nr-avatar[data-c="4"] { background: #55606B; } .nr-avatar[data-c="5"] { background: #2E7A62; }

/* ───────── الشارات ───────── */
.nr-badge { display: inline-flex; align-items: center; gap: .25rem; border-radius: 999px; padding: .1rem .55rem; font: 800 .7rem 'Cairo', sans-serif; line-height: 1.7; border: 1px solid transparent; white-space: nowrap; }
.nr-badge--teacher { background: var(--fa-gold-tint); border-color: #E6C57E; color: #5E3F08; }
.nr-badge--student { background: #F1F0EA; border-color: #E4DECD; color: #475569; }
.nr-badge--pin { background: #EEF3EC; border-color: #C9D8C8; color: #1B4D3E; }
.nr-badge--pending { background: #FEF3C7; border-color: #FCD34D; color: #78350F; }
.nr-badge--approved { background: #DCFCE7; border-color: #86EFAC; color: #14532D; }
.nr-badge--rejected { background: #FEE2E2; border-color: #FCA5A5; color: #7F1D1D; }
.nr-badge--hidden { background: #E5E7EB; border-color: #D1D5DB; color: #374151; }

/* ───────── كتابة منشور ───────── */
.nr-compose { background: #fff; border: 1px solid #E4DECD; border-radius: 16px; box-shadow: 0 2px 10px rgba(20, 43, 36, .06); padding: .9rem; }
.nr-compose-top { display: flex; align-items: center; gap: .7rem; }
.nr-compose-fake { flex: 1; text-align: start; border: 1px solid #E4DECD; background: #FBFBFA; border-radius: 999px; padding: .7rem 1rem; color: #5B6472; font: 600 .88rem 'Cairo', sans-serif; cursor: text; }
.nr-compose-fake:hover { background: #F4EFE2; }
.nr-compose-form { margin-top: .75rem; display: none; }
.nr-compose.is-open .nr-compose-form { display: block; }
.nr-compose.is-open .nr-compose-fake { display: none; }
.nr-compose-name { display: none; font: 800 .9rem 'Cairo', sans-serif; color: #142B24; }
.nr-compose.is-open .nr-compose-name { display: block; }
.nr-textarea { width: 100%; min-height: 6.5rem; resize: vertical; border: 1px solid #D9CFB6; background: #FBFBFA; border-radius: 14px; padding: .8rem 1rem; font: 500 .95rem/1.9 'Cairo', sans-serif; color: #0B1411; }
.nr-textarea:focus { outline: 0; border-color: var(--fa-emerald); background: #fff; box-shadow: 0 0 0 3px rgba(27, 77, 62, .12); }
.nr-textarea::placeholder { color: #5B6472; }
.nr-count { font: 700 .72rem 'Cairo', sans-serif; color: #55606B; }
.nr-count.is-warn { color: #B42318; }
.nr-previews { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .6rem; }
.nr-prev { position: relative; width: 5.2rem; height: 5.2rem; border-radius: 12px; overflow: hidden; border: 1px solid #E4DECD; background: #F1F0EA; }
.nr-prev img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nr-prev button { position: absolute; top: .25rem; inset-inline-start: .25rem; width: 1.5rem; height: 1.5rem; border-radius: 999px; border: 0; background: rgba(11, 20, 17, .75); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.nr-prev.is-busy::after { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, .7); }
.nr-compose-actions { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-top: .75rem; flex-wrap: wrap; }
.nr-note { display: flex; gap: .5rem; align-items: flex-start; font: 600 .78rem/1.8 'Cairo', sans-serif; color: #5E3F08; background: var(--fa-gold-tint); border: 1px solid #E6C57E; border-radius: 12px; padding: .55rem .75rem; margin-top: .7rem; }
.nr-error { font: 700 .8rem/1.8 'Cairo', sans-serif; color: #7F1D1D; background: #FEF2F2; border: 1px solid #FCA5A5; border-radius: 12px; padding: .5rem .75rem; margin-top: .6rem; }
.nr-success { display: flex; gap: .6rem; align-items: center; justify-content: space-between; flex-wrap: wrap; font: 700 .85rem/1.8 'Cairo', sans-serif; color: #14532D; background: #ECFDF3; border: 1px solid #86EFAC; border-radius: 14px; padding: .7rem .9rem; }

/* ───────── بطاقة المنشور ───────── */
.nr-feed { display: flex; flex-direction: column; gap: 1rem; }
.nr-card { position: relative; background: #fff; border: 1px solid #E4DECD; border-radius: 16px; box-shadow: 0 2px 10px rgba(20, 43, 36, .06); padding: .95rem 1rem .6rem; }
.nr-card.is-teacher { border-color: #E6C57E; background: linear-gradient(180deg, #FFFCF3 0%, #fff 90px); box-shadow: 0 2px 14px rgba(234, 167, 46, .14); }
.nr-card.is-pinned::before { content: ""; position: absolute; inset-inline: 1rem; top: 0; height: 3px; border-radius: 0 0 4px 4px; background: var(--fa-gold); }
.nr-head { display: flex; align-items: center; gap: .7rem; }
.nr-who { min-width: 0; flex: 1; }
.nr-name-row { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.nr-name { font: 800 .95rem 'Cairo', sans-serif; color: #0B1411; text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; text-align: start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.nr-name:hover, button.nr-name:hover { color: var(--fa-emerald); text-decoration: underline; }
span.nr-name { cursor: default; }
.nr-meta { font: 600 .74rem 'Cairo', sans-serif; color: #55606B; display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; margin-top: .05rem; }
.nr-body { margin-top: .75rem; font: 500 .95rem/2 'Cairo', sans-serif; color: #0B1411; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.nr-body.is-clamped { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }
.nr-body a { color: var(--fa-emerald); font-weight: 700; text-decoration: underline; }
.nr-link { background: none; border: 0; padding: 0; margin-top: .2rem; font: 800 .8rem 'Cairo', sans-serif; color: var(--fa-emerald); cursor: pointer; }
.nr-link:hover { text-decoration: underline; }
.nr-reject { margin-top: .7rem; font: 600 .82rem/1.8 'Cairo', sans-serif; color: #7F1D1D; background: #FEF2F2; border: 1px solid #FCA5A5; border-radius: 12px; padding: .55rem .8rem; }
.nr-pendingnote { margin-top: .7rem; font: 600 .82rem/1.8 'Cairo', sans-serif; color: #78350F; background: #FFFBEB; border: 1px solid #FCD34D; border-radius: 12px; padding: .55rem .8rem; }

/* صور المنشور */
.nr-imgs { display: grid; gap: .35rem; margin-top: .75rem; border-radius: 14px; overflow: hidden; }
.nr-imgs button { display: block; padding: 0; border: 0; background: #F1F0EA; cursor: zoom-in; overflow: hidden; position: relative; }
.nr-imgs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nr-imgs:not([data-n="1"]) button { position: relative; min-height: 0; }
.nr-imgs:not([data-n="1"]) img { position: absolute; inset: 0; }
.nr-imgs[data-n="1"] { grid-template-columns: 1fr; }
.nr-imgs[data-n="1"] button { max-height: 26rem; }
.nr-imgs[data-n="1"] img { max-height: 26rem; object-fit: contain; background: #F1F0EA; }
.nr-imgs[data-n="2"] { grid-template-columns: 1fr 1fr; aspect-ratio: 2 / 1; }
.nr-imgs[data-n="3"] { grid-template-columns: 1.4fr 1fr; grid-template-rows: 1fr 1fr; aspect-ratio: 1.6 / 1; }
.nr-imgs[data-n="3"] button:first-child { grid-row: span 2; }
.nr-imgs[data-n="4"] { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; aspect-ratio: 1.5 / 1; }

/* يوتيوب */
.nr-yt { position: relative; margin-top: .75rem; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #0B1411; }
.nr-yt button { all: unset; box-sizing: border-box; position: absolute; inset: 0; cursor: pointer; display: block; }
.nr-yt img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .9; }
.nr-yt .nr-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(11, 20, 17, .28); }
.nr-yt .nr-play span { width: 4rem; height: 4rem; border-radius: 999px; background: var(--fa-gold); color: #142B24; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0, 0, 0, .45); }
.nr-yt .nr-play svg { width: 1.7rem; height: 1.7rem; fill: currentColor; margin-inline-start: -.2rem; }
.nr-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* التفاعل */
.nr-counts { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: .7rem; padding-bottom: .5rem; font: 700 .76rem 'Cairo', sans-serif; color: #55606B; }
.nr-bar { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; border-top: 1px solid #EFEBDD; padding: .45rem 0; }
.nr-react, .nr-act { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid transparent; background: transparent; border-radius: 999px; padding: .4rem .75rem; font: 800 .8rem 'Cairo', sans-serif; color: #475569; cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.nr-react:hover, .nr-act:hover { background: #F4EFE2; color: #142B24; }
.nr-react .nr-ic { width: 1.15em; height: 1.15em; }
.nr-react.is-on[data-k="like"] { background: #E8F3EE; border-color: #A8CFC1; color: #14503C; }
.nr-react.is-on[data-k="love"] { background: #FFE9EE; border-color: #F5A3B7; color: #9F1239; }
.nr-react.is-on[data-k="insight"] { background: var(--fa-gold-tint); border-color: #E6C57E; color: #5E3F08; }
.nr-react.is-on .nr-ic { fill: currentColor; fill-opacity: .18; }
.nr-react .nr-n { min-width: .6em; }
.nr-bar .nr-spacer { flex: 1; }

/* التعليقات */
.nr-comments { border-top: 1px solid #EFEBDD; padding: .7rem 0 .5rem; display: flex; flex-direction: column; gap: .65rem; }
.nr-comment { display: flex; gap: .55rem; align-items: flex-start; }
.nr-cbubble { background: #F7F5EE; border-radius: 14px; padding: .5rem .8rem; min-width: 0; flex: 0 1 auto; max-width: 100%; }
.nr-cname { font: 800 .8rem 'Cairo', sans-serif; color: #0B1411; text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; }
a.nr-cname:hover, button.nr-cname:hover { color: var(--fa-emerald); text-decoration: underline; }
.nr-ctext { font: 500 .88rem/1.85 'Cairo', sans-serif; color: #0B1411; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.nr-cmeta { display: flex; align-items: center; gap: .6rem; margin-top: .15rem; padding-inline: .5rem; font: 600 .7rem 'Cairo', sans-serif; color: #55606B; }
.nr-cmeta button { background: none; border: 0; padding: 0; font: 700 .7rem 'Cairo', sans-serif; color: #55606B; cursor: pointer; }
.nr-cmeta button:hover { color: #B42318; text-decoration: underline; }
.nr-cform { display: flex; align-items: flex-end; gap: .5rem; margin-top: .2rem; }
.nr-cinput { flex: 1; min-width: 0; resize: none; max-height: 7rem; border: 1px solid #D9CFB6; background: #FBFBFA; border-radius: 16px; padding: .55rem .9rem; font: 500 .88rem/1.7 'Cairo', sans-serif; color: #0B1411; }
.nr-cinput:focus { outline: 0; border-color: var(--fa-emerald); background: #fff; }
.nr-cinput::placeholder { color: #5B6472; }
.nr-csend { width: 2.4rem; height: 2.4rem; border-radius: 999px; border: 0; background: var(--fa-emerald); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
.nr-csend:disabled { opacity: .5; cursor: not-allowed; }
.nr-csend .nr-ic { transform: scaleX(-1); }
.nr-loginhint { font: 600 .8rem/1.8 'Cairo', sans-serif; color: #55606B; text-align: center; padding: .3rem 0; }
.nr-loginhint a { color: var(--fa-emerald); font-weight: 800; }

/* قائمة ⋯ */
.nr-menuwrap { position: relative; }
.nr-menu { position: absolute; inset-inline-end: 0; top: 100%; z-index: 30; min-width: 11rem; background: #fff; border: 1px solid #E4DECD; border-radius: 12px; box-shadow: 0 12px 28px rgba(11, 20, 17, .16); padding: .3rem; }
.nr-menu button { display: flex; align-items: center; gap: .55rem; width: 100%; border: 0; background: transparent; border-radius: 9px; padding: .5rem .7rem; font: 700 .82rem 'Cairo', sans-serif; color: #142B24; cursor: pointer; text-align: start; }
.nr-menu button:hover { background: #F4EFE2; }
.nr-menu button.is-danger { color: #B42318; }

/* ───────── ملف المستخدم ───────── */
.nr-profile { background: #fff; border: 1px solid #E4DECD; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 10px rgba(20, 43, 36, .06); }
.nr-profile-cover { height: 5.5rem; background: linear-gradient(135deg, #0D1D18 0%, #1B4D3E 100%); position: relative; }
.nr-profile-cover.is-teacher { background: linear-gradient(135deg, #5E3F08 0%, #EAA72E 100%); }
.nr-profile-body { padding: 0 1.1rem 1.1rem; margin-top: -2.5rem; position: relative; }
.nr-profile h2 { font: 900 1.25rem 'Alexandria', sans-serif; color: #0B1411; margin-top: .55rem; line-height: 1.6; }
.nr-pmeta { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; margin-top: .3rem; font: 600 .8rem 'Cairo', sans-serif; color: #475569; }
.nr-stats { display: flex; gap: .6rem; margin-top: .9rem; flex-wrap: wrap; }
.nr-stat { flex: 1; min-width: 7rem; background: #F7F5EE; border-radius: 12px; padding: .55rem .8rem; text-align: center; }
.nr-stat b { display: block; font: 900 1.2rem 'Alexandria', sans-serif; color: var(--fa-emerald); }
.nr-stat span { font: 700 .74rem 'Cairo', sans-serif; color: #475569; }
.nr-back { display: inline-flex; align-items: center; gap: .4rem; background: none; border: 0; font: 800 .85rem 'Cairo', sans-serif; color: var(--fa-emerald); cursor: pointer; padding: .3rem 0; }
.nr-back:hover { text-decoration: underline; }

/* فلاتر منشوراتي */
.nr-chips { display: flex; gap: .4rem; flex-wrap: wrap; }
.nr-chip { border: 1px solid #D9CFB6; background: #fff; color: #334155; border-radius: 999px; padding: .3rem .85rem; font: 700 .78rem 'Cairo', sans-serif; cursor: pointer; }
.nr-chip[aria-pressed="true"] { background: var(--fa-emerald); border-color: var(--fa-emerald); color: #fff; }

/* ───────── حالات فارغة / تحميل / خطأ ───────── */
.nr-empty { text-align: center; background: #fff; border: 1px dashed #D9CFB6; border-radius: 16px; padding: 2rem 1.2rem; color: #475569; font: 600 .9rem/1.9 'Cairo', sans-serif; }
.nr-empty b { display: block; font: 800 1rem 'Alexandria', sans-serif; color: #142B24; margin-bottom: .3rem; }
.nr-empty .nr-btn { margin-top: .8rem; }
.nr-skel { background: #fff; border: 1px solid #E4DECD; border-radius: 16px; padding: 1rem; display: flex; flex-direction: column; gap: .7rem; }
.nr-skel i { display: block; border-radius: 8px; background: linear-gradient(90deg, #EFEBDD 25%, #F7F5EE 50%, #EFEBDD 75%); background-size: 200% 100%; animation: nrShimmer 1.4s infinite linear; }
@keyframes nrShimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.nr-more { display: flex; justify-content: center; padding: .5rem 0 1rem; }

/* ───────── الدعوة للزائر ───────── */
.nr-cta { display: flex; align-items: center; justify-content: space-between; gap: .8rem; flex-wrap: wrap; background: linear-gradient(135deg, #0D1D18 0%, #1B4D3E 100%); color: #fff; border-radius: 16px; padding: 1rem 1.15rem; border: 1px solid rgba(234, 167, 46, .3); }
.nr-cta b { font: 800 1rem 'Alexandria', sans-serif; display: block; }
.nr-cta span { font: 500 .82rem/1.8 'Cairo', sans-serif; color: rgba(232, 228, 218, .9); }
.nr-cta-btns { display: flex; gap: .5rem; flex-wrap: wrap; }

/* ───────── نافذة + تكبير الصورة ───────── */
.nr-modal-back { position: fixed; inset: 0; z-index: 9000; background: rgba(11, 20, 17, .62); display: flex; align-items: flex-end; justify-content: center; padding: 0; }
@media (min-width: 640px) { .nr-modal-back { align-items: center; padding: 1rem; } }
.nr-modal { width: 100%; max-width: 26rem; background: #fff; border-radius: 18px 18px 0 0; padding: 1.2rem; box-shadow: 0 24px 60px rgba(4, 12, 9, .5); max-height: 92vh; overflow: auto; }
@media (min-width: 640px) { .nr-modal { border-radius: 18px; } }
.nr-modal h3 { font: 800 1.05rem 'Alexandria', sans-serif; color: #0B1411; margin-bottom: .4rem; }
.nr-modal p { font: 500 .88rem/1.9 'Cairo', sans-serif; color: #475569; }
.nr-modal-actions { display: flex; gap: .5rem; justify-content: flex-end; margin-top: 1rem; flex-wrap: wrap; }
.nr-linkbox { display: flex; gap: .4rem; margin-top: .8rem; }
.nr-linkbox input { flex: 1; min-width: 0; border: 1px solid #D9CFB6; background: #FBFBFA; border-radius: 10px; padding: .5rem .7rem; font: 600 .8rem 'Cairo', sans-serif; direction: ltr; text-align: left; color: #0B1411; }
.nr-lightbox { position: fixed; inset: 0; z-index: 9500; background: rgba(5, 10, 8, .93); display: flex; align-items: center; justify-content: center; padding: 3rem 1rem; }
.nr-lightbox img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 10px; }
.nr-lb-btn { position: absolute; width: 2.8rem; height: 2.8rem; border-radius: 999px; border: 0; background: rgba(255, 255, 255, .16); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.nr-lb-btn:hover { background: rgba(255, 255, 255, .3); }
.nr-lb-close { top: .8rem; inset-inline-start: .8rem; }
.nr-lb-prev { top: 50%; transform: translateY(-50%); inset-inline-end: .8rem; }
.nr-lb-next { top: 50%; transform: translateY(-50%); inset-inline-start: .8rem; }
.nr-lb-count { position: absolute; bottom: .9rem; left: 0; right: 0; text-align: center; color: #fff; font: 700 .8rem 'Cairo', sans-serif; }

/* شارة غير المقروء بجانب نور البيان على الشريط تُحقن من nav.js */

@media (max-width: 480px) {
  .nr-card { padding-inline: .8rem; }
  .nr-bar { gap: .15rem; }
  .nr-react { padding: .4rem .5rem; gap: .3rem; font-size: .76rem; }
  .nr-act { padding: .4rem .55rem; }
}

/* ───────── شرح الميزة بالفيديو (يبدأ تلقائيًا في أول زيارة) ───────── */
.nr-intro-host { width: 100%; }
.nr-intro-host[hidden] { display: none; }
.nr-intro { background: linear-gradient(135deg, #0D1D18 0%, #142B24 55%, #1B4D3E 100%); border: 1px solid rgba(234, 167, 46, .32); border-radius: 16px; padding: .7rem; box-shadow: 0 10px 26px rgba(20, 43, 36, .22); }
.nr-intro-head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .1rem .25rem .6rem; }
.nr-intro-head strong { display: inline-flex; align-items: center; gap: .45rem; color: #fff; font: 800 .95rem 'Alexandria', sans-serif; }
.nr-intro-head strong .nr-ic { color: var(--fa-gold); fill: currentColor; stroke: none; }
.nr-intro-btns { display: flex; align-items: center; gap: .35rem; }
.nr-intro-skip { border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .08); color: #fff; border-radius: 999px; padding: .3rem .95rem; font: 800 .8rem 'Cairo', sans-serif; cursor: pointer; }
.nr-intro-skip:hover { background: rgba(255, 255, 255, .2); }
.nr-intro-x { width: 2.1rem; height: 2.1rem; border-radius: 10px; border: 0; background: rgba(255, 255, 255, .1); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.nr-intro-x:hover { background: rgba(255, 255, 255, .22); }
.nr-intro-skip:focus-visible, .nr-intro-x:focus-visible, .nr-intro-unmute:focus-visible, .nr-intro-pill:focus-visible { outline: 2px solid var(--fa-gold); outline-offset: 2px; }
.nr-intro-stage { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #0B1411; }
.nr-intro-stage video { width: 100%; height: 100%; display: block; background: #0B1411; object-fit: contain; }
.nr-intro-load { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(11, 20, 17, .55); color: #fff; font: 800 .9rem 'Cairo', sans-serif; pointer-events: none; }
.nr-intro-load[hidden] { display: none; }
.nr-intro-unmute { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; display: inline-flex; align-items: center; gap: .75rem; border: 0; border-radius: 999px; padding: .85rem 1.7rem; background: var(--fa-gold); color: #142B24; cursor: pointer; box-shadow: 0 8px 26px rgba(0, 0, 0, .5); animation: nrIntroPulse 1.8s infinite; }
.nr-intro-unmute[hidden] { display: none; }
.nr-intro-unmute .nr-ic { width: 1.9rem; height: 1.9rem; stroke-width: 2.2; }
.nr-intro-unmute span { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.5; text-align: start; }
.nr-intro-unmute b { font: 900 1.15rem 'Alexandria', sans-serif; white-space: nowrap; }
.nr-intro-unmute small { font: 700 .74rem 'Cairo', sans-serif; opacity: .85; }
@keyframes nrIntroPulse { 0% { box-shadow: 0 8px 26px rgba(0, 0, 0, .5), 0 0 0 0 rgba(234, 167, 46, .65); } 70% { box-shadow: 0 8px 26px rgba(0, 0, 0, .5), 0 0 0 16px rgba(234, 167, 46, 0); } 100% { box-shadow: 0 8px 26px rgba(0, 0, 0, .5), 0 0 0 0 rgba(234, 167, 46, 0); } }
.nr-intro-pill { display: inline-flex; align-items: center; gap: .55rem; border: 1px solid #D9CFB6; background: #fff; color: var(--fa-emerald); border-radius: 999px; padding: .45rem 1.1rem .45rem .9rem; font: 800 .85rem 'Cairo', sans-serif; cursor: pointer; box-shadow: 0 2px 8px rgba(20, 43, 36, .06); }
.nr-intro-pill:hover { background: #F4EFE2; }
.nr-intro-pill .nr-ic { width: 1.5rem; height: 1.5rem; padding: .35rem; border-radius: 999px; background: var(--fa-gold); color: #142B24; fill: currentColor; stroke: none; box-sizing: border-box; }
@media (max-width: 480px) {
  .nr-intro { padding: .55rem; }
  .nr-intro-unmute { padding: .55rem 1.05rem; gap: .5rem; }
  .nr-intro-unmute small { font-size: .66rem; white-space: nowrap; }
  .nr-intro-unmute .nr-ic { width: 1.5rem; height: 1.5rem; }
  .nr-intro-unmute b { font-size: .95rem; }
}