/* المرصاد القرآنيّ — طبقةُ التمييز فوق design-system.css (المستنسَخ حرفيًّا من مِرصاد)
   ⛔ «أقلُّ تدخّلٍ ممكن»: لا يُعاد تعريفُ أيّ مكوّنٍ من مكوّنات مِرصاد إلا لونُ لمسته.
   اللمسةُ القرآنية: ذهبُ الاحتباك #D4A843 + تركوازُ الرصد #2EC4B6 (من هوية IhtibakExplorer).
   ⚠ التركوازُ الصافي تباينُه على الورق ~٢:١ ⟶ زخرفةٌ وحدودٌ فقط؛ النصُّ بدرجته الداكنة --teal-ink (٤٫٩:١). */
/* ⛔ [hidden] يغلب أيَّ display من المكوّنات (قيس: زرُّ «عرض المزيد» ظهر مع ٣ نتائج لأنّ .more{display:block}) */
[hidden]{display:none!important}
:root{
  --q-gold:#D4A843;--q-teal:#2EC4B6;--teal-ink:#127066;--teal-tint:#DDF2EF;
  --gold:#C9A227; /* ذهبُ مِرصاد يبقى للرقم المرصود */
}
:root[data-theme="dark"]{--teal-ink:#5FD6CA;--teal-tint:#123430;--q-gold:#E0BC5E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#0E1613;--paper-2:#131D19;--card:#15201C;--ink:#E6ECE7;--muted:#A0AFA6;--rule:#28362F;--green-tint:#1A2A24;
  --head:#D9E7DF;--head-2:#8FD0B8;--line-strong:#3C5A50;--surface-strong:#16342D;--on-strong:#E6ECE7;
  --gold:#D9B84A;--gold-light:#EBD9A6;--ref:#7FB2D0;--alert:#D9705E;--green:#16342D;--green-2:#1E4A40;--green-3:#27604F;
  --teal-ink:#5FD6CA;--teal-tint:#123430;--q-gold:#E0BC5E;color-scheme:dark}
  /* مِرصاد يُطبّق هذه على [data-theme=dark] وحده؛ ونحن نتبع نظامَ الجهاز أيضًا، فتلزم هنا
     وإلّا صار نصُّ الزرّ الأخضر بلون الأرض (قيس: «تصفّح المرصد» غير مقروء في الليل) */
  :root:not([data-theme="light"]) .cta,:root:not([data-theme="light"]) .site-foot,
  :root:not([data-theme="light"]) .card,:root:not([data-theme="light"]) .band,
  :root:not([data-theme="light"]) .live-ico{color:var(--on-strong)}
  :root:not([data-theme="light"]) img{filter:brightness(.92)}
  :root:not([data-theme="light"]) .site-foot .logo img{filter:none}
  :root:not([data-theme="light"]) .q-kpis .k,:root:not([data-theme="light"]) .q-ours .lede,
  :root:not([data-theme="light"]) .ours-card p{color:var(--muted)}}

/* الشعار: علامةٌ مضمَّنة + اسمٌ بالخطّ الكوفيّ (النصُّ داخل <img> لا يرى خطوطَ الصفحة) */
.brand.q-brand{display:flex;align-items:center;gap:.7rem;line-height:1.2;text-decoration:none}
.q-brand svg{height:3.1rem;width:auto;flex:none}
.q-brand .q-name{display:flex;flex-direction:column}
.q-brand .q-name b{font-family:var(--kufi);color:var(--head);font-size:1.12rem;font-weight:700}
.q-brand .q-name small{font-family:var(--kufi);color:var(--teal-ink);font-size:.72rem;letter-spacing:.02em}
:root[data-theme="dark"] .brand.q-brand{background:none}
@media (max-width:700px){.q-brand svg{height:2.3rem}.q-brand .q-name b{font-size:.98rem}.q-brand .q-name small{display:none}}
.q-ring{stroke:var(--head)}.q-star{stroke:var(--head-2)}

/* الخطّ الذهبيّ-التركوازيّ تحت العناوين: خيطٌ مزدوجٌ يميّز الشقيق */
.h-rule.q{background:linear-gradient(90deg,var(--q-teal) 0 35%,var(--q-gold) 35% 100%)}

/* شريط «شقيقُ مِرصاد» */
.beta-band.q-band{background:var(--green-2)}
.beta-band.q-band b{color:var(--q-gold)}

/* بطاقة الأرقام في الصدارة */
.q-hero{padding:clamp(2.2rem,5vw,4.2rem) 0 2rem}
.q-hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.8rem,4vw,4rem);align-items:center}
@media (max-width:920px){.q-hero .wrap{grid-template-columns:1fr}}
.q-bismillah{font-family:var(--naskh);color:var(--teal-ink);font-size:1.25rem;margin:0 0 .6rem}
.q-kpis{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.q-kpis li{background:var(--surface-strong);color:var(--on-strong);border-radius:.35rem;padding:1rem 1.1rem;border-top:3px solid var(--q-teal);min-width:0}
.q-kpis li:nth-child(2n){border-top-color:var(--q-gold)}
.q-kpis .v{display:block;font-family:var(--kufi);font-weight:700;font-size:2.2rem;line-height:1.1;color:var(--gold)}
.q-kpis .k{display:block;font-family:var(--kufi);font-size:.86rem;color:var(--on-green);margin-top:.35rem;line-height:1.5}
:root[data-theme="dark"] .q-kpis .k{color:var(--muted)}

/* شارات الثقة والمصدر */
.badge{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--kufi);font-size:.74rem;line-height:1.5;border-radius:1rem;padding:.08rem .6rem;border:1px solid var(--rule);background:var(--card);color:var(--head);white-space:nowrap}
.badge.verified{background:var(--teal-tint);border-color:var(--teal-ink);color:var(--teal-ink)}
.badge.internal{background:var(--q-gold);border-color:var(--q-gold);color:#1C2622}
.badge.reported{background:var(--paper-2);color:var(--head-2)}
.badge.unverified{border-style:dashed;color:var(--muted)}
.badge.link-ok{color:var(--teal-ink)}.badge.link-bad{color:var(--alert);border-color:var(--alert)}

/* «من إنتاجنا» */
.q-ours{background:var(--surface-strong);color:var(--on-strong);padding:3.4rem 0;border-top:3px solid var(--q-gold)}
.q-ours h2,.q-ours h3{color:var(--on-strong)}
.q-ours .lede{color:var(--on-green);max-width:70ch}
:root[data-theme="dark"] .q-ours .lede{color:var(--muted)}
.ours-grid{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:1000px){.ours-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ours-grid{grid-template-columns:1fr}}
.ours-card{background:var(--green-2);border:1px solid var(--green-3);border-radius:.4rem;padding:1.15rem 1.15rem 1rem;display:flex;flex-direction:column;gap:.45rem;min-width:0}
.ours-card h3{font-size:1.08rem;margin:0}.ours-card h3 a{color:var(--on-strong);text-decoration:none}.ours-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--q-gold)}
.ours-card p{color:var(--on-green);font-size:.95rem;margin:0}
:root[data-theme="dark"] .ours-card p{color:var(--muted)}
.ours-card .ev{list-style:none;padding:0;margin:.3rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem .9rem}
.ours-card .ev li{font-size:.84rem;color:var(--on-green)}.ours-card .ev b{font-family:var(--kufi);color:var(--gold)}
.ours-card .badges{display:flex;gap:.35rem;flex-wrap:wrap}

/* أشرطة المجالات (كثافة) */
.dom-bars{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem 2.4rem}
@media (max-width:820px){.dom-bars{grid-template-columns:1fr}}
.dom-bar{display:grid;grid-template-columns:minmax(9rem,15rem) 1fr 2.6rem;gap:.7rem;align-items:center;font-size:.92rem;padding:.3rem 0;text-decoration:none;color:var(--ink);border-bottom:1px dashed var(--rule)}
.dom-bar:hover{color:var(--head)}
.dom-bar .track{height:.6rem;background:var(--paper-2);border-radius:.3rem;overflow:hidden;display:flex}
.dom-bar .ext{background:var(--green-2);height:100%}.dom-bar .int{background:var(--q-gold);height:100%}
.dom-bar .n{font-family:var(--kufi);font-weight:700;color:var(--head);text-align:left}
.dom-bar.zero .name{color:var(--alert)}
.legend{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin:.6rem 0 1rem}
.legend i{display:inline-block;width:.8rem;height:.8rem;border-radius:.2rem;margin-inline-end:.35rem;vertical-align:-.05em}

/* المتصفّح */
.browse{display:grid;grid-template-columns:17rem 1fr;gap:2rem;align-items:start}
@media (max-width:900px){.browse{grid-template-columns:1fr}}
.filters{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--q-teal);padding:1rem 1.1rem;position:sticky;top:5.6rem;max-height:calc(100vh - 6.5rem);overflow:auto;min-width:0}
@media (max-width:900px){.filters{position:static;max-height:none}}
.filters fieldset{border:0;padding:0;margin:0 0 1rem}
.filters legend{font-family:var(--kufi);color:var(--head);font-size:.95rem;font-weight:700;margin-bottom:.4rem;padding:0}
.filters label{display:flex;align-items:center;gap:.45rem;font-size:.92rem;padding:.2rem 0;cursor:pointer;min-height:32px}
.filters label .c{margin-inline-start:auto;font-family:var(--kufi);font-size:.78rem;color:var(--muted)}
.filters select,.q-search input{width:100%;font-family:var(--naskh);font-size:1rem;padding:.55rem .8rem;border:1px solid var(--rule);border-radius:.35rem;background:var(--paper);color:var(--ink);min-width:0}
.q-search{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}
.q-search input{flex:1 1 16rem}
.q-count{font-family:var(--kufi);color:var(--muted);font-size:.92rem;margin:0 0 .8rem}
.reset{font:inherit;font-family:var(--kufi);font-size:.88rem;background:transparent;color:var(--head-2);border:1px solid var(--rule);border-radius:.35rem;padding:.4rem .9rem;cursor:pointer;min-height:40px}
.reset:hover{border-color:var(--q-gold)}
.proj-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.proj{background:var(--card);border:1px solid var(--rule);border-inline-start:4px solid var(--green-2);padding:.9rem 1.1rem;transition:border-color .2s,transform .2s;min-width:0}
.proj.is-internal{border-inline-start-color:var(--q-gold);background:color-mix(in srgb,var(--card) 88%,var(--q-gold))}
.proj:hover{border-inline-start-color:var(--q-teal)}
.proj h3{font-size:1.05rem;margin:0 0 .25rem}.proj h3 a{text-decoration:none}
.proj p{margin:.2rem 0 .45rem;font-size:.95rem;max-width:none}
.proj .meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.proj .dom{font-family:var(--kufi);font-size:.76rem;color:var(--head-2);background:var(--green-tint);border-radius:1rem;padding:.06rem .6rem}
.more{display:block;margin:1rem auto 0}

/* صفحة المشروع */
.proj-head .badges{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0 1rem}
.ev-tbl td.v{font-family:var(--kufi);font-weight:700;color:var(--head)}
.src-box{border:1px solid var(--rule);border-inline-start:4px solid var(--q-teal);background:var(--card);padding:1rem 1.2rem;font-size:.95rem}
.src-box p{margin:.2rem 0;max-width:none}

/* العرض الشبكيّ */
.net-wrap{background:var(--card);border:1px solid var(--rule);border-radius:.4rem;overflow:hidden}
.net-wrap svg{display:block;width:100%;height:auto;max-height:78vh}
.net-wrap .n-dom{fill:var(--surface-strong)}.net-wrap .n-proj{fill:var(--green-3)}.net-wrap .n-int{fill:var(--q-gold)}
.net-wrap line{stroke:var(--rule);stroke-width:1}
.net-wrap text{font-family:var(--kufi);fill:var(--head);font-size:14px;paint-order:stroke;stroke:var(--card);stroke-width:3px}
.net-wrap a:hover circle{stroke:var(--q-teal);stroke-width:3}

/* الاستمارة */
.q-form{display:grid;gap:1rem;max-width:44rem}
.q-form label{display:grid;gap:.3rem;font-family:var(--kufi);font-size:.92rem;color:var(--head)}
.q-form input,.q-form textarea,.q-form select{font-family:var(--naskh);font-size:1rem;padding:.6rem .8rem;border:1px solid var(--rule);border-radius:.35rem;background:var(--paper);color:var(--ink);width:100%;min-width:0}
.q-form textarea{min-height:7rem}
/* حقلُ الفخّ يُقصّ لا يُزاح (درسُ مِرصاد: الإزاحةُ بالبكسل تُنتج فيضًا أفقيًّا في RTL) */
.q-form .hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.q-form .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:640px){.q-form .row{grid-template-columns:1fr}}
.form-msg{padding:.8rem 1rem;border-radius:.35rem;font-family:var(--kufi)}
.form-msg.ok{background:var(--teal-tint);color:var(--teal-ink)}.form-msg.err{background:#F3E0D3;color:var(--alert)}

/* جسر العودة إلى مِرصاد */
.sister{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.sister img{height:2rem;width:auto}

/* ═══════════ الرادار — «مِفعال»: مبالغةٌ في الترصّد ═══════════
   الماسحُ يدور كلَّ ٦ ثوانٍ، وكلُّ نقطةٍ تومض حين يمرّ بها (تأخيرُها = زاويتها)؛
   ويسكن الكلُّ عند «تقليل الحركة». الأرضُ داكنةٌ في الوضعين كشاشة رادار. */
.rd-wrap{max-width:30rem;margin:0 auto}
.rd{display:block;width:100%;height:auto;border-radius:50%;box-shadow:0 18px 50px -24px rgba(15,47,42,.7)}
.rd-bg{fill:#0B2521}
.rd-ring{fill:none;stroke:rgba(46,196,182,.30);stroke-width:1}
.rd-spoke{stroke:rgba(46,196,182,.16);stroke-width:1}
.rd-lbl{font-family:var(--kufi);font-size:11px;fill:#8FC9BD}
.rd-sweep{transform-box:view-box;transform-origin:center;animation:rdspin 6s linear infinite}
@keyframes rdspin{to{transform:rotate(360deg)}}
.rd-b{fill:#2EC4B6;opacity:.4;animation:rdping 6s linear infinite}
.rd-b.int{fill:#D4A843}.rd-b.stale{fill:#A9BDB4}.rd-b.down{fill:#E9A08F}.rd-b.off{fill:#6E8A80}
@keyframes rdping{0%{opacity:1}10%{opacity:.75}60%{opacity:.38}100%{opacity:.38}}
.rd-core{fill:#D4A843}
@media (prefers-reduced-motion:reduce){.rd-sweep,.rd-b{animation:none}.rd-b{opacity:.9}.rd-sweep{display:none}}
.rd-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1rem;margin:.9rem 0 0;font-size:.82rem;color:var(--muted);font-family:var(--kufi)}
.rd-legend i{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-inline-end:.3rem;vertical-align:.05em}
.live-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--q-teal);margin-inline-end:.4rem;box-shadow:0 0 0 0 rgba(46,196,182,.6);animation:livepulse 2s ease-out infinite}
@keyframes livepulse{to{box-shadow:0 0 0 .6rem rgba(46,196,182,0)}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}
.rd-when{text-align:center;font-family:var(--kufi);font-size:.86rem;color:var(--head-2);margin:.7rem 0 0}

/* نبضُ الرادار */
.pulse{display:grid;grid-template-columns:1.1fr .9fr;gap:2.2rem}
@media (max-width:900px){.pulse{grid-template-columns:1fr}}
.pulse-kpis{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
@media (max-width:560px){.pulse-kpis{grid-template-columns:repeat(2,1fr)}}
.pulse-kpis li{border:1px solid var(--rule);background:var(--card);padding:.8rem .9rem;border-top:3px solid var(--q-teal);min-width:0}
.pulse-kpis .v{display:block;font-family:var(--kufi);font-weight:700;font-size:1.6rem;color:var(--head);line-height:1.2}
.pulse-kpis .k{display:block;font-size:.8rem;color:var(--muted);line-height:1.5;margin-top:.2rem}
.feed{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.feed li{display:flex;gap:.6rem;align-items:baseline;border-bottom:1px dashed var(--rule);padding:.35rem 0;font-size:.93rem}
.feed .ek{flex:none;font-family:var(--kufi);font-size:.72rem;border-radius:1rem;padding:.02rem .55rem;background:var(--teal-tint);color:var(--teal-ink)}
.feed .ek.link_down{background:#F3E0D3;color:var(--alert)}.feed .ek.candidate{background:var(--paper-2);color:var(--head-2)}
.feed .ek.release{background:var(--q-gold);color:#1C2622}
.spark{vertical-align:middle}.spark polyline{fill:none;stroke:var(--q-teal);stroke-width:2}
.spark .area{fill:rgba(46,196,182,.15);stroke:none}

/* ثقلُ الرصيد */
.weight{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.4rem;align-items:start}
@media (max-width:900px){.weight{grid-template-columns:1fr}}
.big-num{font-family:var(--kufi);font-weight:700;font-size:clamp(2.6rem,6vw,4rem);line-height:1.05;color:var(--gold)}
.big-sub{font-family:var(--kufi);color:var(--on-green);font-size:1rem;margin:.4rem 0 1.2rem}
.w-stores{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1.2rem}
.w-stores li{display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px solid var(--green-3);padding:.3rem 0;font-size:.9rem;color:var(--on-green)}
.w-stores b{font-family:var(--kufi);color:var(--paper)}
:root[data-theme="dark"] .w-stores b{color:var(--on-strong)}
/* الرقمُ المختصر («٤٫٣ مليون») يحتاج عمودًا أعرض من رقم المجالات — قيس: كان ينكسر سطرين */
.band .dom-bar,#results .dom-bar{grid-template-columns:minmax(8rem,15rem) 1fr 5.6rem}
.band .dom-bar .n{white-space:nowrap}
@media (max-width:560px){.band .dom-bar,#results .dom-bar{grid-template-columns:1fr 4.8rem;row-gap:.2rem}.band .dom-bar .name,#results .dom-bar .name{grid-column:1/-1}}
.band .dom-bar{color:var(--on-green);border-bottom-color:var(--green-3)}
.band .dom-bar .track{background:rgba(255,255,255,.08)}.band .dom-bar .ext{background:var(--q-teal)}
.band .dom-bar .n{color:var(--gold)}.band .dom-bar:hover{color:#fff}

/* علوم القرآن */
.axes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
@media (max-width:1000px){.axes{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.axes{grid-template-columns:1fr}}
.axis{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--q-gold);padding:1rem 1.1rem;min-width:0}
.axis h3{font-size:1.02rem;margin:0 0 .2rem}.axis .q{color:var(--muted);font-size:.9rem;margin:0 0 .6rem}
.axis .meter{height:.5rem;background:var(--paper-2);border-radius:.3rem;overflow:hidden}
.axis .meter span{display:block;height:100%;background:linear-gradient(90deg,var(--q-teal),var(--q-gold))}
.axis .n{font-family:var(--kufi);font-size:.85rem;color:var(--head-2);margin-top:.35rem}

/* جداول الرادار */
.state{font-family:var(--kufi);font-size:.75rem;border-radius:1rem;padding:.05rem .55rem;white-space:nowrap;background:var(--paper-2);color:var(--head-2)}
.state.active,.state.reachable{background:var(--teal-tint);color:var(--teal-ink)}
.state.stale{background:var(--gold-light);color:#6B5510}.state.down{background:#F3E0D3;color:var(--alert)}
.state.archived{background:var(--paper-2);color:var(--muted)}
.idx{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}
.idx li{background:var(--surface-strong);color:var(--on-strong);padding:1.1rem 1.2rem;border-radius:.35rem;border-top:3px solid var(--q-teal);display:flex;flex-direction:column;gap:.4rem;min-width:0}
.idx .v{font-family:var(--kufi);font-weight:700;font-size:2.2rem;color:var(--gold);line-height:1.1}
.idx h3{color:var(--on-strong);font-size:1rem;margin:0}
.idx p{color:var(--on-green);font-size:.85rem;margin:0;line-height:1.7}
:root[data-theme="dark"] .idx p{color:var(--muted)}
.survey-opts{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1.2rem;border:0;padding:0;margin:0}
@media (max-width:640px){.survey-opts{grid-template-columns:1fr}}
.survey-opts label{display:flex;gap:.5rem;align-items:center;font-family:var(--naskh);font-size:1rem;color:var(--ink);cursor:pointer;padding:.35rem .5rem;border:1px solid var(--rule);border-radius:.35rem;background:var(--card);min-height:44px}
/* ⛔ .q-form input{width:100%} كان يمطّ زرَّ الاختيار فيحشر النصَّ في عمودٍ ضيّق — قيس في اللقطة */
.q-form .survey-opts label{display:flex;font-family:var(--naskh);font-size:1rem;color:var(--ink)}
.q-form .survey-opts input{width:auto;flex:none;margin:0;accent-color:var(--teal-ink)}
.survey-opts label:has(input:checked){border-color:var(--q-teal);background:var(--teal-tint)}