:root{--night:#F7F1E3;--card:#FFFFFF;--card2:#F1E8D6;--sand:#8C2F23;--sand-dim:#8A7B6A;--sadu:#D63A2F;--sadu-deep:#A82A21;--palm:#2E8B57;--qblue:#2E6FB7;--qteal:#2AA8A0;--star:#E8A020;--line:#D9CDB4;--ink:#241F1C;--txt:#241F1C;--txt-dim:#6B6259}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:'Tajawal',sans-serif;background:var(--night);color:var(--txt);max-width:1600px;margin:0 auto;padding:150px 14px 80px;min-height:100vh}

header{padding:18px 18px 12px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:linear-gradient(var(--night) 78%,transparent)}
.logo{font-family:'Reem Kufi',sans-serif;font-size:26px;font-weight:700;color:var(--sand);line-height:1}
.logo span{font-size:13px;display:block;font-family:'Tajawal';font-weight:500;color:var(--txt-dim);margin-top:3px}
.count-pill{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:12px;color:var(--sand-dim)}
.filters{padding:6px 18px 14px;display:flex;flex-direction:column;gap:10px}
.hero{position:relative;margin:4px 18px 14px;padding:18px 18px 16px;background:var(--card);border:1.5px solid var(--ink);border-radius:18px;box-shadow:0 3px 10px rgba(36,31,28,.08);text-align:center}
.hero-x{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:50%;background:var(--card2);border:1px solid var(--line);color:var(--txt-dim);font-size:13px;cursor:pointer}
.hero-title{font-family:'Reem Kufi',sans-serif;font-size:21px;color:var(--sand);margin-bottom:4px}
.hero-sub{font-size:13px;color:var(--txt-dim);margin-bottom:14px;line-height:1.8}
.hero-steps{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.hstep{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--txt)}
.hstep span{font-size:22px;background:var(--card2);border:1px solid var(--line);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.harrow{color:var(--sadu);font-weight:700;font-size:14px;margin-top:-14px}
.hero-cta{padding:11px 26px;font-size:14px}
.search-box{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 14px}
.search-box input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-family:'Tajawal';font-size:14px}
.search-box input::placeholder{color:var(--txt-dim)}
.sel-row{display:flex;gap:8px}
select{flex:1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;color:var(--txt);font-family:'Tajawal';font-size:13px;outline:none;appearance:none}
.sort-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.sort-tabs::-webkit-scrollbar{display:none}
.sort-tab{flex:0 0 auto;text-align:center;padding:9px;border-radius:12px;font-size:13px;font-weight:500;background:var(--card);border:1px solid var(--line);color:var(--txt-dim);cursor:pointer;transition:.2s;white-space:nowrap}
.sort-tab.on{background:var(--sadu);border-color:var(--sadu);color:#fff;font-weight:700}
.feed .empty,.feed .loader{grid-column:1/-1}
.card:hover{transform:translateY(-3px);border-color:var(--sand-dim)}
.card:active{transform:scale(.97)}
.ph{position:relative;height:150px;overflow:hidden;background:var(--card2)}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
/* ═══ مصغّرة مربّعة — نمطٌ واحد لكل شبكات الصور ═══
   كانت كل شاشة تكتب ارتفاعها بيدها (١٥٠ هنا و١٧٠ هناك)، فاختلفت
   الأشكال بلا سبب. والمربّع يلائم الطولية والعرضية معاً ولا يقتص
   من إحداهما أكثر من الأخرى. من أرادها فليضف الصنف، ولا يكتب مقاساً.
   .ph.sq تغلب .ph لأنها أخصّ منها. */
.ph.sq{height:auto;aspect-ratio:1}
.medal{position:absolute;top:7px;right:7px;background:rgba(255,255,255,.9);border:1px solid var(--line);backdrop-filter:blur(4px);border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700;color:var(--star);display:flex;align-items:center;gap:4px}
.badge-tag{position:absolute;top:7px;left:7px;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);border:1px solid var(--sadu);border-radius:10px;padding:3px 7px;font-size:9.5px;color:var(--sand);font-weight:700;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loc-chip{position:absolute;bottom:7px;right:7px;background:rgba(255,255,255,.9);border:1px solid var(--line);backdrop-filter:blur(4px);border-radius:10px;padding:3px 8px;font-size:10.5px;color:var(--sand);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-body{padding:9px 11px 11px}
.card-title{font-size:13.5px;font-weight:700;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--txt-dim)}
.card-meta .who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-inline-start:6px}
.stars-mini{color:var(--star);letter-spacing:.5px;font-size:11px;white-space:nowrap}
.overlay{position:fixed;inset:0;background:rgba(36,31,28,.55);z-index:50;display:none;align-items:flex-end;justify-content:center}
.overlay.show{display:flex}
.sheet{position:relative;background:var(--night);width:100%;max-width:760px;max-height:92vh;border-radius:24px 24px 0 0;overflow-y:auto;border-top:2px solid var(--sadu);animation:up .25s ease}
/*.sheet{position:relative;background:var(--night);width:100%;max-width:760px;max-height:92vh;border-radius:24px 24px 0 0;overflow-y:auto;border-top:2px solid var(--sadu);animation:up .25s ease;padding-bottom:80px} */
@keyframes up{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.sheet{animation:none}}
.sheet .ph{height:45vh;min-height:240px;max-height:430px;border-radius:0;background:#000}
.sheet .ph img{width:100%;height:100%;object-fit:cover}
.zoombtn{position:absolute;bottom:10px;left:10px;z-index:6;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:12px;padding:7px 13px;font-family:'Tajawal';font-size:12px;font-weight:700;color:var(--txt);cursor:pointer}
.close-x{z-index:30!important;width:40px;height:40px;font-size:18px}
.sheet .ph.full{height:auto;max-height:none}
.sheet .ph.full img{height:auto;max-height:82vh;object-fit:contain}
.sheet-body{padding:16px 20px 30px}
.sheet-title{font-family:'Reem Kufi',sans-serif;font-size:22px;color:var(--sand)}
.sheet-loc{color:var(--txt-dim);font-size:13px;margin:4px 0 14px;line-height:1.7}
.rate-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center;margin-bottom:16px}
.rate-label{font-size:13px;color:var(--txt-dim);margin-bottom:8px}
.big-stars{display:flex;justify-content:center;gap:10px;direction:ltr}
.big-stars button{background:none;border:none;font-size:30px;color:var(--line);cursor:pointer;transition:.15s;padding:2px}
.big-stars button.lit{color:var(--star)}
.rate-avg{margin-top:10px;font-size:13px;color:var(--sand-dim)}
.thanks{color:var(--palm);font-size:13px;margin-top:8px;display:none}
.poll-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:16px}
.poll-title{font-size:14px;font-weight:700;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--card2);border:1px solid var(--line);border-radius:20px;padding:8px 13px;font-size:12.5px;color:var(--txt);font-family:'Tajawal';cursor:pointer;display:flex;align-items:center;gap:6px;transition:.15s}
.chip .n{background:var(--night);border-radius:10px;padding:1px 7px;font-size:11px;color:var(--sand-dim)}
.chip.on{background:var(--sadu);border-color:var(--sadu);color:#fff;font-weight:700}
.chip.on .n{background:rgba(0,0,0,.25);color:#fff}
.chip:active{transform:scale(.95)}
.comments-h{font-size:15px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.comment{background:var(--card);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:13px}
.comment b{color:var(--sand);display:block;font-size:12px;margin-bottom:3px}
.c-input{display:flex;gap:8px;margin-top:12px}
.c-input input{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--txt);font-family:'Tajawal';outline:none;font-size:13px}
.btn{background:var(--sadu);color:#fff;border:none;border-radius:12px;padding:11px 18px;font-family:'Tajawal';font-weight:700;font-size:14px;cursor:pointer}
.btn:active{background:var(--sadu-deep)}
.btn:disabled{opacity:.5}
.close-x{position:sticky;top:10px;margin:10px 18px -40px auto;z-index:5;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--txt);border:1px solid var(--line);font-size:16px;cursor:pointer;display:block}
.form{padding:6px 20px 160px}
.form h2{font-family:'Reem Kufi',sans-serif;color:var(--sand);font-size:22px;margin-bottom:4px}
.form p.hint{color:var(--txt-dim);font-size:13px;margin-bottom:18px}
.f-group{margin-bottom:14px}
.f-group label{display:block;font-size:13px;color:var(--sand-dim);margin-bottom:6px;font-weight:500}
.f-group input,.f-group select,.f-group textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--txt);font-family:'Tajawal';font-size:14px;outline:none}
.f-group textarea{resize:vertical;min-height:90px}
.rules{background:var(--card);border:1.5px solid var(--ink);border-radius:16px;padding:0;margin-bottom:18px;overflow:hidden}
.rules summary{cursor:pointer;font-weight:700;font-size:13.5px;padding:12px 14px;background:var(--card2);list-style:none;user-select:none}
.rules summary::-webkit-details-marker{display:none}
.rules[open] summary{border-bottom:1px solid var(--line)}
.rules-col{padding:12px 13px;display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.7}
.rules-col b{font-size:13px;margin-bottom:2px}
.rules-col.ok b{color:var(--palm)}
.rules-col.no b{color:var(--sadu)}
.rules-foot{font-size:11px;color:var(--txt-dim);padding:9px 13px;border-top:1px dashed var(--line);text-align:center}
.rules-foot a{color:var(--sadu);font-weight:700}
.cap-row{display:flex;gap:10px;margin-bottom:14px}
.cap-btn{flex:1;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 10px;color:var(--txt);font-family:'Tajawal';cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:22px;transition:.15s}
.cap-btn b{font-size:14px}
.cap-btn small{font-size:11px;color:var(--txt-dim);font-weight:400}
.cap-btn.live{border-color:var(--sadu);background:linear-gradient(160deg,var(--card),rgba(214,58,47,.08))}
.cap-btn:active{transform:scale(.96)}
.cap-btn.on-dest{border-color:var(--qblue);background:linear-gradient(160deg,var(--card),rgba(46,111,183,.10));box-shadow:0 0 0 1.5px var(--qblue) inset}
.geo-card{background:var(--card);border:1px solid var(--palm);border-radius:14px;padding:12px 14px;margin-bottom:14px;font-size:13px}
.geo-card.warn{border-color:var(--star)}
.geo-status{font-weight:700;color:var(--palm);margin-bottom:3px}
.geo-card.warn .geo-status{color:var(--star)}
.geo-coords{color:var(--txt-dim);font-size:12px;direction:ltr;text-align:right}
.drop{border:2px dashed var(--line);border-radius:18px;padding:20px;text-align:center;color:var(--txt-dim);margin-bottom:16px;background:var(--card)}
.drop.has{border-color:var(--palm);color:var(--palm)}
.drop img{max-width:100%;max-height:200px;border-radius:12px;margin-top:10px}
.submit-btn{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:480px;z-index:35;padding:15px;font-size:16px;box-shadow:0 6px 20px rgba(214,58,47,.4)}
/* nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;z-index:30;background:var(--card);border-top:1px solid var(--line);display:flex;padding:8px 10px calc(8px + env(safe-area-inset-bottom))} */
nav{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:30;background:var(--card);border-top:1px solid var(--line);display:flex;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
/* ═══ مساحة اللمس تساوي ما تراه العين ═══
   كان flex:1 يوزّع عرض الشريط كلّه على الأزرار، فصار عرض الزر ٩٨
   بكسلاً وما يُرى منه ٣٠ — أي ثلثاه مساحةُ لمسٍ خفيّة. ولأن الأزرار
   تقتسم الشريط كلّه بلا فراغ، ما كان في الشريط موضعٌ واحدٌ تضغطه
   ولا يفتح شيئاً: الضغطة قرب الحافّة تفتح أقرب أيقونة.

   فصار الزر لا يستقبل اللمس، ويستقبله عنه ::before بعرض ٦٨ بكسلاً
   في وسطه — أوسع من الحدّ المريح (٤٤) ويترك بين كل زرّين ثلاثين
   بكسلاً صامتة. والتخطيط لم يتغيّر: الموضع المطلق لا يزحزح شيئاً. */
.nav-btn{flex:1;background:none;border:none;color:var(--txt-dim);font-family:'Tajawal';font-size:11.5px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;transition:color .15s;position:relative;pointer-events:none}
.nav-btn::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:68px;pointer-events:auto}
.nb-ic{width:24px;height:24px;stroke:currentColor;flex-shrink:0}
.nav-btn span{font-size:10.5px;line-height:1}
.nav-btn.on{color:var(--sadu)}
.nav-btn.on .nb-ic{stroke:var(--sadu)}
.nav-btn.on::after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--sadu);margin:2px auto 0}
.empty{text-align:center;padding:50px 30px;color:var(--txt-dim);font-size:14px;line-height:1.9}
.empty .big{font-size:40px;display:block;margin-bottom:8px}
.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--palm);color:#fff;padding:11px 22px;border-radius:14px;font-size:14px;font-weight:700;z-index:99;display:none;white-space:nowrap}
.toast.err{background:var(--sadu)}
.loader{text-align:center;padding:40px;color:var(--txt-dim);font-size:14px}
.page{display:none}.page.on{display:block}
/* ═══ ارتفاعٌ ثابتٌ لا يتبع طول النصّ ═══
   حجزتُ له ٧٢ بكسل فتجاوزه نصُّه الحقيقي (اسم الراعي يُطيله فيلتفّ
   ثلاثة أسطر)، فبقيت الإزاحة. والخطأ في المنهج لا في الرقم: لا
   يُحجَز مقاسٌ متغيّر. فصار الصندوق ٨٤ بكسل مهما كان النصّ —
   سطران بالأكثر ثم قصّ — ويُحجَز نفسُه بالضبط، فلا يتجاوزه شيء. */
.week-strip{margin:10px 18px 0;background:linear-gradient(135deg,#FFF3CF,#FFFDF5);border:2px solid var(--star);border-radius:16px;padding:10px 18px;font-size:15px;font-weight:500;text-align:center;cursor:pointer;color:var(--txt);box-shadow:0 3px 12px rgba(232,160,32,.22);animation:wpulse 2.6s ease-in-out infinite;min-height:84px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.week-strip .wk-txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
@keyframes wpulse{0%,100%{box-shadow:0 3px 12px rgba(232,160,32,.22)}50%{box-shadow:0 3px 20px rgba(232,160,32,.45)}}
.week-strip b{color:var(--sadu)}
/* ═══ قوائم لوحة الإشراف على الشاشة الكبيرة ═══
   الخلاصة العامة تتّسع ٢ ثم ٣ ثم ٤ أعمدة، أما قائمة الإشراف فبقيت
   بطاقةً واحدة بعرض الشاشة مهما اتّسعت — فعلى سطح المكتب صورةٌ واحدة
   في السطر وفراغٌ إلى جانبها، والمشرف يمرّر عشرات المرات ليرى ما كان
   يسعه صفٌّ واحد. والبطاقة تحتها ثمانية أزرار فلا تُضغط لأربعة أعمدة
   كالخلاصة — عمودان من ٧٠٠ وثلاثة من ١١٠٠ هو المتّسع. */
#admList{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
#admList .card{margin-bottom:0}
@media(min-width:700px){#admList{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){#admList{grid-template-columns:repeat(3,1fr)}}

/* شريط بحث الترشيح */
.wk-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}
@media(min-width:700px){.wk-tools{grid-template-columns:repeat(4,1fr)}
  .wk-tools #wkQ,.wk-tools #wkReg{grid-column:auto}}

.wk-sec{font-weight:700;font-size:12.5px;color:var(--txt);margin:2px 0 7px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wk-sec span{font-weight:400;font-size:11px;color:var(--txt-dim)}

/* شبكة ترشيح لقطة الأسبوع (لوحة الإشراف) */
.wk-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-bottom:14px}
/* على الشاشة العريضة كانت ١٢ خليّة بالصفّ — مربّعاتٌ لا تُميَّز فيها
   صورةٌ من صورة، والمقصود أن يوازن المشرف بينها بالنظر */
@media(min-width:700px){.wk-pick{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
.wk-cell{position:relative;background:var(--card);border:2px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer}
.wk-cell img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.wk-cell.on{border-color:var(--star);box-shadow:0 0 0 2px rgba(232,160,32,.3)}
.wk-box{position:absolute;top:6px;right:6px;width:23px;height:23px;border-radius:7px;border:2px solid rgba(255,255,255,.9);background:rgba(20,16,12,.45);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}
.wk-cell.on .wk-box{background:var(--star);border-color:var(--star);color:var(--ink)}
.wk-t{display:block;padding:5px 7px;font-size:10.5px;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ═══ صفحة لقطة الأسبوع للزائر ═══
   كانت البطاقات مرصوصةً عمودياً — صورةٌ بالسطر — فالزائر يمرّر خمس
   مرات ولا يرى المتنافسات معاً، وهو يُحكّم لا يتصفّح. صارت شبكةً
   تُرى كلها بنظرة، والضغط على أي صورة يفتح ورقتها للتكبير والقراءة. */
#weekBody{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:start}
@media(min-width:700px){#weekBody{grid-template-columns:repeat(3,1fr)}}
.wcard .ph{position:relative}
.w-zoom{position:absolute;bottom:7px;left:7px;background:rgba(20,16,12,.72);color:#fff;border-radius:9px;padding:4px 9px;font-size:11.5px;font-weight:700;line-height:1.3;pointer-events:none}
.wzoom-btn{width:100%;margin-top:8px;font-size:12.5px;padding:9px;background:var(--card2);border:1.5px solid var(--line);color:var(--txt)}
.wvote{width:100%;margin-top:8px;font-size:12.5px;padding:9px}
.wvote.on{background:var(--palm)}
.wcard.voted{border-color:var(--palm);box-shadow:0 0 0 2px rgba(46,139,87,.25)}
.follow-row{display:flex;align-items:center;gap:10px;margin:-6px 0 14px}
.fcount{font-size:13px;color:var(--txt-dim);font-weight:700}
.fbtn{background:var(--card);border:1.5px solid var(--sadu);color:var(--sadu);border-radius:20px;padding:6px 16px;font-family:'Tajawal';font-weight:700;font-size:12.5px;cursor:pointer}
.fbtn.on{background:var(--palm);border-color:var(--palm);color:#fff}
.mapbtn{display:inline-block;margin-top:6px;background:var(--card);border:1.5px solid var(--palm);color:var(--palm);border-radius:12px;padding:6px 13px;font-size:12px;font-weight:700;text-decoration:none}
.rankchip{font-size:11px;font-weight:700;padding:4px 11px;border-radius:12px;border:1.5px solid}
.rankchip.r-bronze{background:#F3EDE2;color:#8A6E4E;border-color:#C9B28C}
.rankchip.r-silver{background:#EEF3F7;color:#2E6FB7;border-color:#9CBBDB}
.rankchip.r-gold{background:#FFF4D6;color:#A87500;border-color:var(--star)}
.wcard.winner{border:2.5px solid var(--star);box-shadow:0 0 0 3px rgba(232,160,32,.25),0 4px 14px rgba(232,160,32,.3)}
.week-strip.win{background:linear-gradient(135deg,#FFF4D6,#FFFDF5);border-color:var(--star)}
.mst-row{display:flex;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:7px;font-size:13.5px}
.mst-row b{color:var(--sand)}
.mst-photo .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
#lightbox{display:none;position:fixed;inset:0;background:rgba(10,8,6,.96);z-index:200}
#lightbox.show{display:block}
.lb-scroll{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
#lbImg{display:block;width:100%;max-width:none;margin:auto;transition:width .15s}
.lb-bar{position:fixed;top:12px;left:12px;z-index:210;display:flex;gap:8px}
.lb-bar button{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;font-size:16px;cursor:pointer;backdrop-filter:blur(4px)}
.sheet .ph img{cursor:zoom-in}
.sponsor-bar{position:relative;margin:10px 18px 0;border-radius:16px;overflow:hidden;border:1.5px solid var(--line);box-shadow:0 3px 10px rgba(36,31,28,.08)}
.sponsor-bar img{display:block;width:100%;aspect-ratio:4/1;object-fit:cover}
.sponsor-bar .sp-tag{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:10px;padding:2px 9px;font-size:9.5px;font-weight:700;color:var(--txt-dim)}
.acc-footer{margin-top:26px;padding-top:16px;border-top:1px dashed var(--line);text-align:center;font-size:12.5px;color:var(--txt-dim)}
.acc-footer a{color:var(--txt-dim);text-decoration:none;font-weight:700}
.acc-footer a:hover{color:var(--sadu)}
.acc-footer span{margin:0 6px}
.acc-copy{margin-top:10px;font-size:11px;color:var(--sand-dim)}
#mapWrap{position:relative;margin-top:4px}
#map{height:62vh;min-height:380px;border-radius:16px;border:2px solid var(--ink);box-shadow:0 4px 14px rgba(36,31,28,.15);z-index:1}
.pmark{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2.5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.45);background:var(--card)}
.pmark img{width:100%;height:100%;object-fit:cover}
#mapSponsor{position:absolute;bottom:14px;right:14px;z-index:500;max-width:44%}
#mapSponsor img{width:100%;border-radius:12px;border:1.5px solid var(--line);box-shadow:0 3px 10px rgba(0,0,0,.3);display:block}
.sp-main{background:var(--card);border:2px solid var(--star);border-radius:16px;overflow:hidden;margin-bottom:14px}
.sp-main img{width:100%;aspect-ratio:4/1;object-fit:cover;display:block}
.sp-main .t{padding:10px 14px;font-weight:700;font-size:13.5px;text-align:center}
.sp-cta{background:linear-gradient(135deg,#FFF7E0,var(--card));border:1.5px dashed var(--star);border-radius:16px;padding:16px;font-size:13px;line-height:2;text-align:center;color:var(--txt)}
#fab{position:fixed;bottom:88px;left:18px;width:58px;height:58px;border-radius:50%;border:2.5px solid #fff;background:linear-gradient(150deg,var(--sadu),#B22D24);color:#fff;font-size:30px;font-weight:700;cursor:pointer;box-shadow:0 5px 16px rgba(214,58,47,.5);z-index:80;line-height:1;font-family:'Tajawal'}
#fab:active{transform:scale(.92)}
.msg-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.msg-card .mk{font-size:11px;color:var(--txt-dim);display:flex;justify-content:space-between;margin-bottom:5px}
.msg-card .mb{font-size:13.5px;line-height:1.9}
.msg-st{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:10px}
.msg-st.new{background:#FFF4D6;color:#A87500;border:1px solid var(--star)}
.msg-st.done{background:rgba(46,139,87,.12);color:var(--palm);border:1px solid var(--palm)}
.msg-reply{margin-top:9px;background:var(--card2);border-right:3px solid var(--palm);border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.9}
.msg-reply b{color:var(--palm);font-size:11.5px}
.fbtn.fav{border-color:var(--sadu);color:var(--sadu)}
.fbtn.fav.on{background:var(--sadu);border-color:var(--sadu);color:#fff}
#maintScreen{display:none}
#maintScreen.on{position:fixed;inset:0;background:var(--night);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;font-family:'Tajawal',sans-serif}
.maint-strip{height:16px;width:100%;position:absolute;top:0;left:0;background-repeat:repeat-x}
.maint-ic{font-size:64px;margin-bottom:14px}
.maint-title{font-family:'Reem Kufi',sans-serif;font-size:26px;color:var(--sadu);margin-bottom:10px}
.maint-msg{font-size:15px;color:var(--txt-dim);line-height:2;max-width:400px}
.maint-foot{margin-top:26px;font-size:12px;color:var(--sand-dim)}
.maint-chip{position:fixed;top:10px;left:10px;z-index:100000;background:#FFF4D6;border:1.5px solid var(--star);border-radius:12px;padding:6px 13px;font-size:11.5px;font-weight:700;color:#A87500;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.filter-drawer{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px}
.filter-drawer>*{flex:0 0 auto}
.fd-scroll{max-height:46vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.fd-scroll::-webkit-scrollbar{width:4px}
.fd-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.fd-actions{display:flex;gap:8px;padding-top:12px;margin-top:10px;border-top:1.5px solid var(--line)}
.fd-actions .btn{flex:1}
.fd-section{margin-bottom:12px}
.fd-label{font-size:12px;font-weight:700;color:var(--txt-dim);margin-bottom:7px}
.fd-chips{display:flex;flex-wrap:wrap;gap:7px}
.fd-chip{background:var(--card2);border:1.5px solid var(--line);border-radius:16px;padding:6px 13px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt-dim);cursor:pointer}
.fd-chip.on{background:var(--sadu);border-color:var(--sadu);color:#fff}
.sponsor-side{background:var(--card);border:1.5px solid var(--star);border-radius:14px;padding:12px 14px;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.sponsor-side img{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid var(--line);flex-shrink:0}
.sponsor-side .sp-info{min-width:0;flex:1}
.sponsor-side .sp-name{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sponsor-side .sp-cat{font-size:11.5px;color:var(--txt-dim)}
.sponsor-side .sp-tag{font-size:10px;background:#FFF4D6;color:#A87500;border:1px solid var(--star);border-radius:8px;padding:2px 8px;font-weight:700;flex-shrink:0}
.sp-pin{text-align:center;position:relative}
.sp-pin img{width:48px;height:48px;border-radius:50%;border:3px solid var(--star);box-shadow:0 2px 8px rgba(0,0,0,.4);display:block;margin:0 auto}
.sp-pin-label{background:var(--star);color:var(--ink);font-size:10px;font-weight:700;border-radius:8px;padding:2px 7px;margin-top:3px;white-space:nowrap;font-family:'Tajawal'}
.user-pin{text-align:center}
.user-pin-label{background:var(--qblue);color:#fff;font-size:10px;font-weight:700;border-radius:8px;padding:2px 7px;margin-top:2px;white-space:nowrap;font-family:'Tajawal'}
.sp-card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:14px}
.sp-card-head{display:flex;align-items:center;gap:12px;padding:14px}
.sp-card-head img{width:56px;height:56px;border-radius:12px;object-fit:cover;border:1px solid var(--line);flex-shrink:0}
.sp-card-info{flex:1;min-width:0}
.sp-card-name{font-weight:700;font-size:15px}
.sp-card-cat{font-size:12px;color:var(--txt-dim);margin-top:2px}
.sp-card-body{padding:0 14px 14px}
.sp-deal{background:linear-gradient(135deg,#FFF7E0,var(--card));border:1.5px dashed var(--star);border-radius:12px;padding:10px 13px;font-size:13px;line-height:1.9}
.sp-code{display:inline-block;background:var(--ink);color:#F7F1E3;border-radius:8px;padding:3px 12px;font-weight:700;font-size:13px;letter-spacing:1px;margin-top:4px;direction:ltr}
.sp-side-btn{background:var(--sadu);color:#fff;border:none;border-radius:10px;padding:5px 12px;font-family:'Tajawal';font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}
.search-unified{display:flex;align-items:center;gap:0;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:4px 6px;width:100%;box-sizing:border-box}
.su-view{background:none;border:none;border-radius:10px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--txt-dim);flex-shrink:0;transition:background .15s}
.su-view.on{background:var(--sadu);color:#fff}
.su-view.on svg{stroke:#fff}
.su-sep{width:1px;height:22px;background:var(--line);margin:0 4px;flex-shrink:0}
.su-input{flex:1;border:none;background:none;font-family:'Tajawal';font-size:13.5px;color:var(--txt);outline:none;padding:0 6px;direction:rtl;min-width:0}
.su-input::placeholder{color:var(--txt-dim)}
.su-filter{background:none;border:none;display:flex;align-items:center;gap:5px;font-family:'Tajawal';font-size:13px;font-weight:700;color:var(--txt);cursor:pointer;padding:4px 8px;border-radius:10px;flex-shrink:0;transition:background .15s}
.su-filter:hover{background:var(--card2)}
.su-filter svg{stroke:var(--txt)}
.f-badge{color:var(--sadu);font-size:10px;margin-right:1px}
.mcard{margin-bottom:8px;border-radius:14px;overflow:hidden;cursor:pointer;position:relative;display:block}
.mcard img{width:100%;display:block;transition:transform .3s}
.mcard:active img{transform:scale(1.02)}
.mc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,6,.8) 0%,rgba(10,8,6,.3) 40%,transparent 70%);opacity:0;transition:opacity .25s;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 10px 8px}
.mcard:hover .mc-overlay,.mcard.tapped .mc-overlay{opacity:1}
.mc-title{color:#fff;font-size:12px;font-weight:700;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.mc-sub{color:rgba(255,255,255,.75);font-size:10.5px;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.mc-medal{position:absolute;top:8px;right:8px;font-size:16px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
@media(hover:none){.mc-overlay{opacity:0}.mcard.tapped .mc-overlay{opacity:1}}
/* #feed{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px} */
#feed,#favFeed.grid,#profFeed{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-bottom:120px}
@media(min-width:600px){#feed,#favFeed.grid,#profFeed{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){#feed,#favFeed.grid,#profFeed{grid-template-columns:repeat(4,1fr)}}
/* «الأقرب إليك» — شبكة تتسع وتضيق حسب عدد الصور.
   auto-fit يطوي الأعمدة الفارغة: صورة واحدة تملأ السطر، واثنتان
   عمودان، وأربع تصير ٢×٢ على الجوال وصفاً واحداً على الشاشة العريضة.
   لا خانات فارغة مهما كان العدد، والحد الأقصى أربع بالشيفرة. */
.view-toggle-pair{display:flex;gap:2px;background:var(--card2);border:1.5px solid var(--line);border-radius:10px;padding:3px}
/* ====== الأيقونة بالهيدر ====== */
.hdr-icon{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--line)}

/* ====== Sticky Header + Filter ====== */
.sticky-top{position:fixed;top:0;left:0;right:0;z-index:20;background:var(--night);box-shadow:0 2px 8px rgba(36,31,28,.06);max-width:1600px;margin:0 auto}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
header{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;background:var(--night)}
.logo{font-family:'Reem Kufi',sans-serif;font-size:22px;font-weight:700;color:var(--sand);line-height:1;white-space:nowrap}
.logo span{font-size:12px;display:block;font-family:'Tajawal';font-weight:500;color:var(--txt-dim);margin-top:2px}
.filters{padding:4px 18px 10px;display:flex;flex-direction:column;gap:8px}
.hdr-icon{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--line)}
/* ختم الإصدار */
/* عرضٌ محجوزٌ ونصٌّ لا يلتفّ: كان يبدأ بـ«...» ثم يصير «47 صورة · V1.2»
   فيتّسع ٥٩ بكسل، فيضيق على الشعار فيلتفّ سطرين وينزّ ما تحته.
   min-width بمقدار أطول محتوىً متوقّع، فلا يتغيّر عرضه بعد الملء. */
.count-pill{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:5px 11px;font-size:11.5px;color:var(--sand-dim);min-width:96px;text-align:center;white-space:nowrap}

/* الفلتر يخصّ صفحة الخلاصة وحدها.
   كان مبنياً على قائمة استثناءات تُخفيه صفحةً صفحة، فكل صفحة لم تُذكر
   فيها يظهر عليها معطّلاً — profile وquests وrace وshooters وwaiting.
   قلبنا القاعدة: مخفي افتراضياً، ويظهر بالخلاصة فقط، فلا تُنسى صفحة. */
#mainFilters{display:none}
body.page-feed #mainFilters{display:flex}
 /* ====== بروفايل المصور ====== */
.prof-card{background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:18px;text-align:center}
.prof-name{font-family:'Reem Kufi',sans-serif;font-size:22px;color:var(--sand);margin-bottom:6px}
.prof-bio{font-size:13px;color:var(--txt-dim);line-height:1.9;margin:8px 0}
.prof-stats{display:flex;justify-content:center;gap:18px;margin-top:14px;flex-wrap:wrap}
.prof-stat{text-align:center}
.prof-stat b{display:block;font-size:19px;color:var(--sadu)}
.prof-stat span{font-size:11px;color:var(--txt-dim)}
#profFeed{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:600px){#profFeed{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){#profFeed{grid-template-columns:repeat(4,1fr)}}
/* ====== نصيحة الطقس ====== */
.wtip{background:linear-gradient(135deg,#E8F4FD,var(--card));border:1.5px solid var(--qblue);border-radius:14px;padding:11px 15px;margin-bottom:12px;font-size:13px;line-height:1.8;display:flex;align-items:center;gap:10px;min-height:64px;transition:opacity .25s}
.wtip .wt-ic{font-size:26px;flex-shrink:0}
.wtip .wt-txt{flex:1;min-width:0}
.wtip .wt-now{font-weight:700;color:var(--qblue);font-size:13.5px}
.wtip .wt-adv{font-size:12px;color:var(--txt-dim);margin-top:2px}
/* ====== الزيارات ====== */
.visit-box{background:var(--card);border:1.5px solid var(--palm);border-radius:14px;padding:12px 14px;margin-bottom:14px}
.visit-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.visit-count{font-size:13px;font-weight:700;color:var(--palm)}
.visit-btn{background:var(--palm);color:#fff;border:none;border-radius:12px;padding:8px 16px;font-family:'Tajawal';font-size:12.5px;font-weight:700;cursor:pointer}
.visit-btn.done{background:var(--card2);color:var(--txt-dim);border:1px solid var(--line)}
.visit-note{background:var(--card2);border-radius:10px;padding:8px 12px;margin-top:6px;font-size:12.5px;line-height:1.8}
.visit-note b{color:var(--palm);font-size:11.5px;display:block}
.visit-far{font-size:11.5px;color:var(--txt-dim);text-align:center;padding:6px}
.mc-visits{position:absolute;top:8px;left:8px;background:rgba(46,139,87,.92);color:#fff;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:700;font-family:'Tajawal';box-shadow:0 2px 6px rgba(0,0,0,.3)}

/* ====== تحدي الأسبوع ====== */
.ch-strip{margin:10px 0 14px!important;display:block;width:100%;box-sizing:border-box;background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:14px 18px;font-size:14.5px;text-align:center;cursor:pointer;color:var(--txt);box-shadow:0 3px 10px rgba(36,31,28,.08)}
.ch-strip b{color:var(--sadu)}
.ch-hint{font-size:12.5px;color:var(--txt-dim);margin-top:5px;line-height:1.8}
.ch-left{font-size:11.5px;color:var(--sadu);font-weight:700;margin-top:6px}

/* ====== كنوز الديرة ====== */
.quest-card{background:var(--card);border:2px solid var(--ink);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 3px 10px rgba(36,31,28,.08)}
.quest-card.done{border-color:var(--star);background:linear-gradient(135deg,#FFF9EC,var(--card))}
.q-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.q-badge{font-size:34px;flex-shrink:0}
.q-info{flex:1;min-width:0}
.q-title{font-family:'Reem Kufi',sans-serif;font-size:18px;color:var(--sand)}
.q-sub{font-size:12px;color:var(--txt-dim);margin-top:2px}
.q-sponsor{font-size:12px;color:var(--txt-dim);background:var(--card2);border-radius:10px;padding:6px 11px;margin-bottom:10px}
.q-sponsor b{color:var(--sadu)}
.q-bar{height:9px;background:var(--card2);border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.q-fill{height:100%;background:linear-gradient(90deg,var(--palm),var(--star));transition:width .4s}
.q-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--txt-dim);margin-top:6px;font-weight:700}
.q-win{background:linear-gradient(135deg,#FFF4D6,var(--card));border:1.5px dashed var(--star);border-radius:12px;padding:10px;margin-top:10px;font-size:13px;text-align:center;font-weight:700;color:#A87500}
.q-stops{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}
.q-stop{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:1;background:var(--card2)}
.q-stop img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) opacity(.45);transition:filter .3s}
.q-stop.got img{filter:none}
.q-check{position:absolute;top:4px;right:4px;background:var(--palm);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:1.5px solid #fff}
.q-stop-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:9px;padding:8px 3px 3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prof-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}
.prof-badge{background:linear-gradient(135deg,#FFF4D6,var(--card));border:1.5px solid var(--star);border-radius:12px;padding:6px 12px;font-size:12px;font-weight:700;color:#A87500}
@media(min-width:600px){.q-stops{grid-template-columns:repeat(6,1fr)}}

/* ====== شارة الفيديو ====== */
.mc-vid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid rgba(255,255,255,.85);backdrop-filter:blur(3px);pointer-events:none}

/* ====== كاميرا التسجيل ====== */
#recScreen{display:none;position:fixed;inset:0;background:#000;z-index:300}
#recScreen.on{display:block}
#recPreview{width:100%;height:100%;object-fit:cover;background:#000}
.rec-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;padding-top:calc(16px + env(safe-area-inset-top));z-index:5}
.rec-x,.rec-flip{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.35);color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(6px)}
.rec-timer{background:rgba(0,0,0,.45);color:#fff;border-radius:20px;padding:6px 16px;font-family:'Tajawal';font-size:14px;font-weight:700;letter-spacing:1px;direction:ltr;backdrop-filter:blur(6px)}
.rec-timer.live{background:rgba(214,58,47,.9)}
.rec-bar{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.15);z-index:6}
.rec-fill{height:100%;width:0%;background:linear-gradient(90deg,#D63A2F,#E8A020);transition:width .1s linear}
.rec-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 0 calc(38px + env(safe-area-inset-bottom));z-index:5}
.rec-hint{color:rgba(255,255,255,.8);font-family:'Tajawal';font-size:13px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.rec-btn{width:82px;height:82px;border-radius:50%;background:rgba(255,255,255,.18);border:4px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;-webkit-tap-highlight-color:transparent}
.rec-btn.recording{transform:scale(1.12);border-color:#D63A2F}
.rec-dot{width:56px;height:56px;border-radius:50%;background:#D63A2F;transition:all .2s}
.rec-btn.recording .rec-dot{width:30px;height:30px;border-radius:8px}

/* ====== فلاتر الصور ====== */
.filter-row{display:flex;gap:9px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.filter-row::-webkit-scrollbar{display:none}
.f-item{flex:0 0 auto;text-align:center;cursor:pointer;width:66px}
.f-thumb{width:60px;height:60px;border-radius:14px;overflow:hidden;border:2.5px solid var(--line);margin:0 auto 5px;background:var(--card2);transition:border-color .15s,transform .15s}
.f-item.on .f-thumb{border-color:var(--sadu);transform:scale(1.06)}
.f-thumb img,.f-thumb canvas{width:100%;height:100%;object-fit:cover;display:block}
.f-name{font-size:10px;font-weight:700;color:var(--txt-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.f-item.on .f-name{color:var(--sadu)}
#preview,#videoPreview{transition:filter .25s}

/* ====== موسيقى التسجيل ====== */
.rec-music{display:flex;gap:8px;overflow-x:auto;max-width:92vw;padding:6px 12px;scrollbar-width:none}
.rec-music::-webkit-scrollbar{display:none}
.m-chip{flex:0 0 auto;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.35);color:#fff;border-radius:18px;padding:7px 14px;font-family:'Tajawal';font-size:12px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px);white-space:nowrap}
.m-chip.on{background:var(--sadu);border-color:var(--sadu)}

/* ====== الوضع الداكن — بهوية القط ====== */
body.dark{
  --night:#161310;
  --card:#221E1A;
  --card2:#2C2621;
  --sand:#E8A89C;
  --sand-dim:#9A8B7A;
  --sadu:#E85445;
  --sadu-deep:#C13B2E;
  --palm:#3FA96A;
  --qblue:#4A8CD4;
  --qteal:#35C4BB;
  --star:#F0B448;
  --line:#3A322B;
  --ink:#F0E8DA;
  --txt:#F0E8DA;
  --txt-dim:#A89B8B;
}
body.dark .hero,body.dark .quest-card,body.dark .ch-strip{box-shadow:0 3px 10px rgba(0,0,0,.4)}
body.dark .mc-overlay{background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.35) 40%,transparent 70%)}
body.dark .medal,body.dark .loc-chip,body.dark .badge-tag{background:rgba(34,30,26,.92);color:var(--txt)}
body.dark .close-x,body.dark .zoombtn{background:rgba(34,30,26,.92);color:var(--txt);border-color:var(--line)}
body.dark .m-chip{background:rgba(255,255,255,.12)}
body.dark #map{border-color:var(--line)}
body.dark .wtip{background:linear-gradient(135deg,#1C2733,var(--card))}
body.dark .sp-deal,body.dark .q-win,body.dark .sp-cta{background:linear-gradient(135deg,#2E2519,var(--card))}
/* بنر لقطة الأسبوع بالوضع الليلي — كانت خلفيته كريمية مثبّتة (#FFF3CF)
   ونصّه var(--txt) الذي يصير #F0E8DA ليلاً: أبيضُ على كريمي، تباينٌ
   1.05:1 أي لا شيء. ولم يظهر منه إلا ما لوّنه <b> بـvar(--sadu)،
   فكان المشاهد يرى «لقطة الأسبوع» وحدها وباقي السطر مطموس.
   وكذلك حالُ نسخة النتيجة .win وبطاقة الرحلة المنجزة. */
body.dark .week-strip{background:linear-gradient(135deg,#3A2E14,var(--card))}
body.dark .week-strip.win{background:linear-gradient(135deg,#43340F,var(--card))}
body.dark .quest-card.done{background:linear-gradient(135deg,#2E2519,var(--card))}
/* والعنوان العريض كان var(--sadu) — أحمرُ لا يبلغ 3.7:1 على الداكن.
   وvar(--star) ذهبيٌّ يبلغ 7.2:1 وهو لون البنر أصلاً، فهو أليقُ وأوضح. */
body.dark .week-strip b{color:var(--star)}
body.dark .msg-st.new{background:#33291A}
body.dark input,body.dark select,body.dark textarea{color-scheme:dark}
/* زر التبديل */
.theme-btn{background:var(--card);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer;color:var(--txt);flex-shrink:0;padding:0;line-height:1}

/* ====== نسبة موحّدة للشبكة ====== */
.mcard{aspect-ratio:4/5;background:var(--card2)}
.mcard img,.mcard video{width:100%;height:100%;object-fit:cover;display:block}
#profFeed .mcard{aspect-ratio:1/1}

/* ====== تحسينات الكاميرا ====== */
.rec-grid{position:absolute;inset:0;pointer-events:none;z-index:3;display:none}
.rec-grid.on{display:block}
.rec-grid::before,.rec-grid::after{content:'';position:absolute;background:rgba(255,255,255,.28)}
.rec-grid::before{left:0;right:0;top:33.33%;height:1px;box-shadow:0 33.33vh 0 rgba(255,255,255,.28)}
.rec-grid::after{top:0;bottom:0;left:33.33%;width:1px;box-shadow:33.33vw 0 0 rgba(255,255,255,.28)}
.rec-count{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-family:'Tajawal';font-size:120px;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.6);z-index:8;pointer-events:none}
.rec-count.on{display:flex;animation:cpop .9s ease}
@keyframes cpop{0%{transform:scale(.5);opacity:0}30%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:.85}}
.rec-filters{display:flex;gap:7px;overflow-x:auto;max-width:92vw;padding:6px 12px;scrollbar-width:none}
.rec-filters::-webkit-scrollbar{display:none}
.rf-chip{flex:0 0 auto;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);color:#fff;border-radius:16px;padding:6px 13px;font-family:'Tajawal';font-size:11.5px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px);white-space:nowrap}
.rf-chip.on{background:var(--sadu);border-color:var(--sadu)}
.rec-focus{position:absolute;width:76px;height:76px;border:2px solid #F2B33D;border-radius:10px;pointer-events:none;z-index:7;opacity:0;transition:opacity .2s,transform .2s}
.rec-focus.on{opacity:1;animation:fring .6s ease}
@keyframes fring{0%{transform:scale(1.4)}100%{transform:scale(1)}}
.m-chip.own{background:rgba(242,179,61,.25);border-color:var(--star)}
.music-warn{font-size:10.5px;color:rgba(255,255,255,.65);text-align:center;padding:2px 16px;font-family:'Tajawal';line-height:1.6}

/* ====== أضواء الديرة — منصة الفيديو ====== */
body.page-reels{padding:0!important;overflow:hidden}
body.page-reels .sticky-top{display:none}
#page-reels{position:fixed;inset:0;background:#000;z-index:25}
.reels-wrap{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.reels-wrap::-webkit-scrollbar{display:none}
.reel{position:relative;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}
.reel video{width:100%;height:100%;object-fit:contain;background:#000}
.reel-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.25) 28%,transparent 55%);pointer-events:none}
.reel-info{position:absolute;bottom:calc(96px + env(safe-area-inset-bottom));right:16px;left:76px;color:#fff;font-family:'Tajawal';z-index:3}
.reel-title{font-size:17px;font-weight:700;line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.reel-by{font-size:13px;color:rgba(255,255,255,.85);margin-top:5px;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.reel-loc{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:6px 14px;font-size:12.5px;font-weight:700;color:#fff;margin-top:10px;cursor:pointer;backdrop-filter:blur(8px)}
.reel-music{font-size:11.5px;color:rgba(255,255,255,.7);margin-top:8px;display:flex;align-items:center;gap:5px}
.reel-side{position:absolute;bottom:calc(110px + env(safe-area-inset-bottom));left:14px;display:flex;flex-direction:column;gap:20px;z-index:3;align-items:center}
.reel-act{background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:'Tajawal';font-size:11.5px;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,.7);padding:0}
.reel-act svg{width:29px;height:29px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}
.reel-act.on{color:#E8A020}
.reel-act.on svg{fill:#E8A020;stroke:#E8A020}
.reel-mute{position:absolute;top:calc(16px + env(safe-area-inset-top));left:16px;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:17px;cursor:pointer;z-index:5;backdrop-filter:blur(6px)}
.reel-back{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;cursor:pointer;z-index:5;backdrop-filter:blur(6px)}
.reels-rec{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;background:var(--sadu);border:3px solid #fff;color:#fff;cursor:pointer;z-index:28;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(214,58,47,.55)}
.reels-rec:active{transform:translateX(-50%) scale(.93)}
.reels-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.8);font-family:'Tajawal';text-align:center;padding:40px;gap:12px}
.reels-empty .big{font-size:52px}
body.page-reels nav{background:rgba(0,0,0,.65);border-top-color:rgba(255,255,255,.12);backdrop-filter:blur(12px)}
body.page-reels .nav-btn{color:rgba(255,255,255,.65)}
body.page-reels .nav-btn.on{color:#fff}
body.page-reels .nav-btn.on .nb-ic{stroke:#fff}
body.page-reels #fab{display:none!important}

/* ====== إضافات الأضواء ====== */
.reel-prog{position:absolute;bottom:calc(76px + env(safe-area-inset-bottom));left:0;right:0;height:3px;background:rgba(255,255,255,.2);z-index:4}
.reel-prog-fill{height:100%;width:0%;background:var(--star);transition:width .15s linear}
.reel-time{position:absolute;bottom:calc(84px + env(safe-area-inset-bottom));right:16px;font-family:'Tajawal';font-size:11.5px;font-weight:700;color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.7);z-index:4;direction:ltr}
.reel-avatar{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.18);border:2.5px solid #fff;color:#fff;font-size:21px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);margin-bottom:4px;padding:0}
.reel-avatar:active{transform:scale(.94)}
.reel-user{font-size:13.5px;font-weight:700;color:#fff;cursor:pointer;text-shadow:0 1px 5px rgba(0,0,0,.7);margin-bottom:5px;display:inline-block}
.reel-act.del{color:#FF8A7A}
.reel-act.del svg{stroke:#FF8A7A}

/* ====== الرهان على الموقع ====== */
.claim-form{background:var(--card);border:1.5px dashed var(--star);border-radius:16px;margin-bottom:16px;overflow:hidden}
.claim-form summary{cursor:pointer;font-weight:700;font-size:13.5px;padding:12px 14px;background:linear-gradient(135deg,#FFF7E0,var(--card));list-style:none;user-select:none;color:#A87500}
.claim-form summary::-webkit-details-marker{display:none}
.claim-box{background:var(--card);border:2px solid var(--star);border-radius:16px;padding:14px;margin-bottom:16px}
.claim-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.claim-badge{background:var(--star);color:var(--ink);border-radius:10px;padding:3px 10px;font-size:11px;font-weight:700;flex-shrink:0}
.claim-place{font-weight:700;font-size:15px;color:var(--sand);flex:1;min-width:0}
.claim-reason{background:var(--card2);border-radius:12px;padding:11px 13px;font-size:13.5px;line-height:1.95;margin-bottom:10px}
.claim-bar{display:flex;height:9px;border-radius:6px;overflow:hidden;border:1px solid var(--line);margin-bottom:6px}
.claim-bar .sup{background:var(--palm)}
.claim-bar .dbt{background:var(--sadu)}
.claim-nums{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;margin-bottom:10px}
.claim-nums .s{color:var(--palm)}
.claim-nums .d{color:var(--sadu)}
.claim-acts{display:flex;gap:8px}
.claim-btn{flex:1;border-radius:12px;padding:9px;font-family:'Tajawal';font-size:12.5px;font-weight:700;cursor:pointer;border:1.5px solid}
.claim-btn.sup{background:#EFF7F1;border-color:var(--palm);color:var(--palm)}
.claim-btn.sup.on{background:var(--palm);color:#fff}
.claim-btn.dbt{background:#FBEAE8;border-color:var(--sadu);color:var(--sadu)}
.claim-btn.dbt.on{background:var(--sadu);color:#fff}
.claim-notes{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.claim-note{background:var(--card2);border-radius:10px;padding:8px 12px;font-size:12.5px;line-height:1.85;border-right:3px solid var(--line)}
.claim-note.s{border-right-color:var(--palm)}
.claim-note.d{border-right-color:var(--sadu)}
.claim-note b{font-size:11.5px;display:block;color:var(--txt-dim)}
.claim-left{font-size:11px;color:var(--txt-dim);text-align:center;margin-top:8px}
.mc-claim{position:absolute;top:8px;right:8px;background:rgba(232,160,32,.94);color:var(--ink);border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700;font-family:'Tajawal';box-shadow:0 2px 6px rgba(0,0,0,.3)}
body.dark .claim-reason,body.dark .claim-note{background:var(--card2)}

/* ====== ديرتك أولاً ====== */
.home-hero{background:linear-gradient(135deg,#FFF4E0,var(--card));border:2px solid var(--star);border-radius:16px;padding:14px 17px;margin-bottom:12px;box-shadow:0 3px 10px rgba(232,160,32,.18)}
.hh-place{font-family:'Reem Kufi',sans-serif;font-size:19px;color:var(--sand);margin-bottom:5px}
.hh-line{font-size:13px;color:var(--txt-dim);line-height:1.9}
.hh-line b{color:var(--sadu)}
.hh-cta{display:inline-block;background:var(--sadu);color:#fff;border:none;border-radius:12px;padding:8px 16px;font-family:'Tajawal';font-size:12.5px;font-weight:700;cursor:pointer;margin-top:9px}
.hh-rank{display:inline-flex;align-items:center;gap:6px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:6px 12px;font-size:12px;font-weight:700;margin-top:9px;cursor:pointer}

/* ====== سباق الديار ====== */
.race-row{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:9px;display:flex;align-items:center;gap:12px;transition:transform .15s}
.race-row.mine{border-color:var(--sadu);border-width:2.5px;background:linear-gradient(135deg,#FBEAE8,var(--card))}
.race-row.top1{border-color:var(--star);border-width:2.5px;background:linear-gradient(135deg,#FFF7E0,var(--card))}
.race-pos{font-family:'Reem Kufi',sans-serif;font-size:21px;width:38px;text-align:center;flex-shrink:0;color:var(--sand-dim)}
.race-row.top1 .race-pos{color:var(--star)}
.race-info{flex:1;min-width:0}
.race-name{font-weight:700;font-size:15px}
.race-sub{font-size:11.5px;color:var(--txt-dim);margin-top:2px}
.race-pts{font-family:'Reem Kufi',sans-serif;font-size:20px;color:var(--sadu);flex-shrink:0}
.race-pts span{font-size:11px;color:var(--txt-dim);font-family:'Tajawal'}
.race-gap{background:var(--card2);border-radius:10px;padding:8px 12px;font-size:12px;color:var(--txt-dim);margin:4px 0 12px;text-align:center;line-height:1.8}
.race-gap b{color:var(--sadu)}
.race-how{background:var(--card);border:1.5px dashed var(--line);border-radius:14px;padding:12px 14px;margin-top:14px;font-size:12px;line-height:2;color:var(--txt-dim)}
.race-how b{color:var(--sand)}
body.dark .home-hero{background:linear-gradient(135deg,#2E2519,var(--card))}
body.dark .race-row.mine{background:linear-gradient(135deg,#33201D,var(--card))}
body.dark .race-row.top1{background:linear-gradient(135deg,#2E2519,var(--card))}

/* ====== مستوى الظهور ====== */
.vis-row{display:flex;gap:10px}
.vis-btn{flex:1;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:13px 10px;color:var(--txt);font-family:'Tajawal';cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:20px;transition:.15s}
.vis-btn b{font-size:13.5px}
.vis-btn small{font-size:10.5px;color:var(--txt-dim);font-weight:400;text-align:center;line-height:1.5}
.vis-btn.on{border-color:var(--sadu);border-width:2px;background:linear-gradient(160deg,var(--card),rgba(214,58,47,.07))}
.vis-btn:active{transform:scale(.97)}

/* ====== الخزنة ====== */
.vault-item{display:flex;align-items:center;gap:11px;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:9px}
.vault-item img,.vault-item video{width:60px;height:60px;border-radius:11px;object-fit:cover;flex-shrink:0;background:var(--card2)}
.vault-info{flex:1;min-width:0}
.vault-title{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vault-loc{font-size:11.5px;color:var(--txt-dim);margin-top:2px}
.vault-pub{background:var(--palm);color:#fff;border:none;border-radius:11px;padding:8px 13px;font-family:'Tajawal';font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}
.vault-empty{background:var(--card);border:1.5px dashed var(--line);border-radius:14px;padding:20px;text-align:center;font-size:13px;color:var(--txt-dim);line-height:1.9}
.mc-lock{position:absolute;top:8px;left:8px;background:rgba(36,31,28,.85);color:#fff;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:700;font-family:'Tajawal'}

/* ====== تبويبات البروفايل ====== */
.prof-tabs{display:flex;gap:8px;margin-top:14px}
.prof-tab{flex:1;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:10px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt-dim);cursor:pointer;transition:.15s}
.prof-tab.on{background:var(--sadu);border-color:var(--sadu);color:#fff}
#profFeed .mc-lock{position:absolute;top:6px;left:6px;background:rgba(36,31,28,.85);color:#fff;border-radius:9px;padding:2px 7px;font-size:11px}

/* ====== الإشعارات ====== */
.notif-card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:14px}
.notif-card.on{border-color:var(--palm);background:linear-gradient(135deg,#F1F8F4,var(--card))}
body.dark .notif-card.on{background:linear-gradient(135deg,#1B2A21,var(--card))}

/* ====== تاريخ النشر ====== */
.s-date{font-size:12.5px;color:var(--txt-dim);margin:-8px 0 12px;cursor:pointer;display:inline-block}
.s-date span{border-bottom:1px dashed var(--line)}
.mc-date{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.55);color:#fff;border-radius:9px;padding:2px 8px;font-size:10px;font-family:'Tajawal';backdrop-filter:blur(3px)}
.prof-share{background:var(--card2);border:1.5px solid var(--line);border-radius:12px;padding:9px 20px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt);cursor:pointer;margin-top:12px}
.prof-share:active{transform:scale(.97)}

/* ====== دعوة الإشعارات ====== */
.notif-ask{display:none;position:fixed;inset:0;background:rgba(36,31,28,.6);z-index:120;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}
.notif-ask.show{display:flex}
.na-card{background:var(--card);border:2px solid var(--ink);border-radius:22px;padding:26px 22px;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 34px rgba(0,0,0,.28);animation:naUp .3s ease}
@keyframes naUp{from{transform:translateY(28px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.na-ic{font-size:46px;margin-bottom:10px}
.na-title{font-family:'Reem Kufi',sans-serif;font-size:21px;color:var(--sand);margin-bottom:8px}
.na-body{font-size:13.5px;color:var(--txt-dim);line-height:2;margin-bottom:20px}
.na-acts{display:flex;gap:10px}
.na-yes{flex:1;padding:12px;font-size:14px}
.na-no{flex:1;padding:12px;font-size:14px;background:var(--card2);border:1px solid var(--line);color:var(--txt-dim)}

/* ====== اللغة الإنجليزية ====== */
.en-bar{display:none;background:var(--ink);color:#F7F1E3;padding:9px 16px;font-family:'Tajawal',system-ui,sans-serif;font-size:13px;align-items:center;justify-content:center;gap:12px;direction:ltr;position:relative}
.en-bar.show{display:flex}
.en-bar a{color:var(--star);font-weight:700;text-decoration:none;white-space:nowrap}
.en-bar button{position:absolute;right:10px;background:none;border:none;color:rgba(247,241,227,.6);font-size:15px;cursor:pointer;padding:2px 6px}
.en-btn{background:var(--card);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:'Outfit',system-ui,sans-serif;font-size:11.5px;font-weight:700;color:var(--txt-dim);text-decoration:none;flex-shrink:0;letter-spacing:.3px}
.en-btn:active{transform:scale(.94)}

/* ====== وصف الصورة ====== */
.s-desc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 15px;font-size:13.5px;line-height:2;margin-bottom:14px;white-space:pre-wrap;word-break:break-word}
body.dark .s-desc{background:var(--card2)}


/* ====== الاستخدام التجاري ====== */
.comm-box{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:13px 15px;margin-bottom:16px}
.comm-box label{display:flex;gap:11px;align-items:flex-start;cursor:pointer}
.comm-box input{width:21px;height:21px;margin-top:3px;accent-color:var(--palm);flex:0 0 auto}
.comm-box b{display:block;font-size:13.5px;margin-bottom:4px}
.comm-box span{font-size:11.5px;color:var(--txt-dim);line-height:1.85}
.comm-badge{display:inline-flex;align-items:center;gap:5px;background:#EFF7F1;border:1px solid var(--palm);color:var(--palm);border-radius:11px;padding:4px 11px;font-size:11.5px;font-weight:700;margin-bottom:12px}
body.dark .comm-badge{background:#1B2A21}

/* ====== أيقونات الشارة ====== */
.q-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:10px}
.q-icon{background:var(--card2);border:1.5px solid var(--line);border-radius:10px;padding:7px 0;font-size:19px;cursor:pointer;line-height:1;transition:.15s}
.q-icon.on{border-color:var(--sadu);border-width:2px;background:linear-gradient(160deg,var(--card),rgba(214,58,47,.1));transform:scale(1.06)}
@media(max-width:420px){.q-icons{grid-template-columns:repeat(6,1fr)}}

/* ====== نافذة التعديل ====== */
.edit-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.62);z-index:140;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(3px)}
.edit-box.show{display:flex}
.eb-card{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:22px;max-width:420px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 10px 34px rgba(0,0,0,.3)}
.eb-title{font-family:'Reem Kufi',sans-serif;font-size:19px;color:var(--sand);margin-bottom:16px;text-align:center}
.eb-acts{display:flex;gap:10px;margin-top:6px}
.eb-acts .btn{flex:1;padding:12px}
.eb-cancel{background:var(--card2);border:1px solid var(--line);color:var(--txt-dim)}

/* ====== الترجمة ====== */
.tr-btn{width:100%;background:var(--card);border:1.5px dashed var(--qblue);color:var(--qblue);border-radius:14px;padding:11px;font-family:'Tajawal';font-size:13px;font-weight:700;cursor:pointer}
.tr-btn:disabled{opacity:.55}
.tr-preview{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-top:8px;font-size:12.5px;line-height:1.85;direction:ltr;text-align:left}
.tr-preview b{display:block;color:var(--qblue);font-size:11.5px;margin-bottom:2px}
.tr-preview .d{margin-top:7px;color:var(--txt-dim)}
.s-en{background:var(--card2);border-right:3px solid var(--qblue);border-radius:10px;padding:10px 13px;margin-bottom:12px;direction:ltr;text-align:left;font-size:13px;line-height:1.8}
.s-en b{display:block;font-size:13.5px;color:var(--qblue);margin-bottom:3px}

/* ====== الفاحص الذكي ====== */
.inspect-box{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:12px 15px;margin-bottom:14px;font-size:13px;line-height:1.9}
.inspect-box b{display:inline}
.inspect-box span{font-size:12px;color:var(--txt-dim);display:block;margin-top:3px}
.inspect-box.ok{border-color:var(--palm);background:linear-gradient(135deg,#F1F8F4,var(--card))}
.inspect-box.warn{border-color:var(--star);background:linear-gradient(135deg,#FFF7E0,var(--card))}
.inspect-box.bad{border-color:var(--sadu);background:#FBEAE8}
body.dark .inspect-box.ok{background:linear-gradient(135deg,#1B2A21,var(--card))}
body.dark .inspect-box.warn{background:linear-gradient(135deg,#2E2519,var(--card))}
body.dark .inspect-box.bad{background:#33201D}

/* ====== بروفايل بأسلوب 500px ====== */
.pf-cover{position:relative;height:170px;margin:0 0 -30px;background:linear-gradient(135deg,var(--card2),var(--line));overflow:hidden;border-radius:18px;border:1.5px solid var(--line)}
.pf-cover img{width:100%;height:100%;object-fit:cover;display:block}
.pf-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,6,.42),transparent 62%)}
.pf-cover-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;opacity:.25}
.pf-head{position:relative;margin-top:0;padding:0 4px;text-align:center;z-index:2}
.pf-avatar{width:106px;height:106px;border-radius:50%;border:4px solid var(--night);background:var(--card2);object-fit:cover;display:block;margin:0 auto;box-shadow:0 4px 14px rgba(36,31,28,.25)}
.pf-avatar-ph{width:106px;height:106px;border-radius:50%;border:4px solid var(--night);background:var(--card2);display:flex;align-items:center;justify-content:center;font-size:42px;margin:0 auto;box-shadow:0 4px 14px rgba(36,31,28,.25)}
.pf-name{font-family:'Reem Kufi',sans-serif;font-size:23px;color:var(--sand);margin-top:10px}
.pf-meta{font-size:12.5px;color:var(--txt-dim);margin-top:4px}
.pf-bio{font-size:13.5px;color:var(--txt-dim);line-height:1.95;margin:10px auto 0;max-width:480px;padding:0 8px}
.pf-stats{display:flex;justify-content:center;gap:0;margin:16px auto 0;max-width:400px;background:var(--card);border:1.5px solid var(--line);border-radius:16px;overflow:hidden}
.pf-stat{flex:1;padding:14px 5px;text-align:center;border-left:1px solid var(--line)}
.pf-stat:last-child{border-left:none}
.pf-stat b{display:block;font-family:'Reem Kufi',sans-serif;font-size:24px;color:var(--sadu);line-height:1.25}
.pf-stat span{font-size:12.5px;color:var(--txt-dim);font-weight:700;display:block;margin-top:3px}
@media(max-width:380px){
  .pf-stat{padding:12px 3px}
  .pf-stat b{font-size:21px}
  .pf-stat span{font-size:11.5px}
}
.pf-acts{display:flex;gap:9px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.pf-act{background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:9px 18px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt);cursor:pointer}
.pf-act.primary{background:var(--sadu);border-color:var(--sadu);color:#fff}
.pf-act:active{transform:scale(.97)}
.pf-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:12px}

/* رفع الصورة والغلاف */
.pf-cam{position:absolute;bottom:9px;left:9px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:11px;padding:6px 12px;font-family:'Tajawal';font-size:11.5px;font-weight:700;cursor:pointer;backdrop-filter:blur(5px);z-index:3}
.pf-avatar-wrap{position:relative;display:inline-block}
.pf-avatar-cam{position:absolute;bottom:4px;left:2px;width:32px;height:32px;border-radius:50%;background:var(--sadu);border:2.5px solid var(--night);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}

/* ====== رأس صفحة حسابي ====== */
.acc-hero{position:relative;display:flex;align-items:center;gap:16px;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:18px 16px;margin-bottom:18px;overflow:hidden;min-height:112px}
.acc-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.acc-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to left,rgba(10,8,6,.5),rgba(10,8,6,.18))}
.acc-hero.has-bg .acc-hero-name{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.acc-hero.has-bg .acc-hero-mail{color:rgba(255,255,255,.82);text-shadow:0 1px 4px rgba(0,0,0,.6)}
.acc-hero.has-bg .cover-hint{color:rgba(255,255,255,.72)}
.acc-hero.has-bg .pf-act{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.32);color:#fff;backdrop-filter:blur(6px)}
.acc-hero .pf-avatar-wrap,.acc-hero-info{position:relative;z-index:2}
.acc-cam{position:absolute;top:10px;left:10px;z-index:3;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;height:32px;min-width:32px;padding:0 9px;font-size:14px;cursor:pointer;backdrop-filter:blur(5px);font-family:'Tajawal';font-weight:700;display:flex;align-items:center;gap:6px;transition:.2s;white-space:nowrap}
.acc-cam span{max-width:0;overflow:hidden;font-size:11.5px;transition:max-width .25s ease}
.acc-cam:hover{background:rgba(0,0,0,.68);border-color:rgba(255,255,255,.5)}
.acc-cam:hover span{max-width:110px}
.acc-hero .pf-avatar,.acc-hero .pf-avatar-ph{width:78px;height:78px;border-width:3px;font-size:30px}
.acc-hero .pf-avatar-cam{width:27px;height:27px;font-size:12px;bottom:2px;left:0}
.acc-hero-info{flex:1;min-width:0}
.acc-hero-name{font-family:'Reem Kufi',sans-serif;font-size:20px;color:var(--sand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-hero-mail{font-size:12px;color:var(--txt-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}

/* ====== شبكة حسابي ====== */
.acc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.acc-tile{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:15px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;font-family:'Tajawal';transition:.15s}
.acc-tile:active{transform:scale(.95)}
.acc-tile.on{border-color:var(--sadu);border-width:2px;background:linear-gradient(160deg,var(--card),rgba(214,58,47,.07))}
.at-ic{font-size:26px;line-height:1}
.at-lb{font-size:11px;font-weight:700;color:var(--txt-dim)}
.acc-tile.on .at-lb{color:var(--sadu)}
.acc-panel{display:none;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:16px;margin-bottom:18px;animation:apIn .25s ease}
.acc-panel.on{display:block}
@keyframes apIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.ap-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--line)}
.ap-head span{font-family:'Reem Kufi',sans-serif;font-size:17px;color:var(--sand)}
.ap-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--txt-dim);font-size:14px;cursor:pointer}
@media(max-width:380px){.acc-grid{gap:7px}.at-ic{font-size:23px}.at-lb{font-size:10px}}


/* ====== إحصائياتي ====== */
.st-week{font-family:'Reem Kufi',sans-serif;font-size:16.5px;color:var(--sand);margin-bottom:12px}
.st-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px}
.st-card{background:var(--card2);border:1.5px solid var(--line);border-radius:13px;padding:11px 4px;text-align:center}
.st-card b{display:block;font-family:'Reem Kufi',sans-serif;font-size:25px;color:var(--sadu);line-height:1.25}
.st-card span{font-size:12px;color:var(--txt-dim);display:block;margin-top:4px;white-space:nowrap;font-weight:700}
.st-sortbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.st-sortbar>span{font-size:13px;color:var(--txt-dim);font-weight:700}
.st-sorts{display:flex;gap:5px}
.st-sort{background:var(--card2);border:1.5px solid var(--line);border-radius:9px;width:34px;height:30px;font-size:14px;cursor:pointer;line-height:1}
.st-sort.on{background:var(--sadu);border-color:var(--sadu)}
.st-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.st-item{cursor:pointer}
.st-thumb{position:relative;border-radius:9px;overflow:hidden;background:var(--card2);aspect-ratio:1;display:block}
.st-thumb img,.st-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.st-star{position:absolute;top:4px;right:4px;background:rgba(232,160,32,.96);color:var(--ink);border-radius:8px;padding:2px 7px;font-size:10.5px;font-weight:700;font-family:'Tajawal'}
.st-nums{display:flex;flex-direction:column;gap:2px;margin-top:5px;text-align:center}
.st-nums span{font-size:12.5px;color:var(--txt);line-height:1.7;white-space:nowrap;font-weight:700}
@media(max-width:400px){.st-grid{grid-template-columns:repeat(3,1fr)}.st-cards{grid-template-columns:repeat(2,1fr)}.st-nums span{font-size:11.5px}.st-card b{font-size:23px}}
@media(min-width:700px){.st-grid{grid-template-columns:repeat(6,1fr)}}

.st-empty{background:var(--card2);border:1.5px dashed var(--line);border-radius:13px;padding:18px;text-align:center;font-size:13.5px;color:var(--txt-dim);line-height:2;margin-top:14px}
.st-empty b{color:var(--sadu);cursor:pointer;text-decoration:underline}

/* ====== قوائم المتابعة ====== */
.pf-stat{cursor:pointer}
.follows-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.62);z-index:145;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}
.follows-box.show{display:flex}
.fb-card{background:var(--card);border:2px solid var(--ink);border-radius:22px 22px 0 0;width:100%;max-width:520px;max-height:78vh;display:flex;flex-direction:column;animation:fbUp .28s ease}
@keyframes fbUp{from{transform:translateY(100%)}to{transform:none}}
.fb-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);flex-shrink:0}
.fb-head span{font-family:'Reem Kufi',sans-serif;font-size:18px;color:var(--sand)}
.fb-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:32px;height:32px;color:var(--txt-dim);font-size:15px;cursor:pointer}
.fb-list{overflow-y:auto;padding:12px 14px calc(20px + env(safe-area-inset-bottom))}
.fb-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card2);border-radius:14px;margin-bottom:8px;cursor:pointer}
.fb-row:active{transform:scale(.985)}
.fb-row img,.fb-ph{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:19px}
.fb-info{flex:1;min-width:0}
.fb-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-reg{font-size:11.5px;color:var(--txt-dim);margin-top:2px}
.fb-go{color:var(--txt-dim);font-size:17px}

/* ====== نشر بالسوشال ====== */
.mc-promo{position:absolute;top:8px;left:8px;background:rgba(46,111,183,.94);border:none;color:#fff;border-radius:10px;width:32px;height:32px;font-size:15px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center}
.mc-sub{font-size:10.5px;color:rgba(255,255,255,.85);margin-top:2px}
.promo-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.68);z-index:150;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.promo-box.show{display:flex}
.pm-card{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:18px;max-width:420px;width:100%;max-height:88vh;overflow-y:auto}
.pm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.pm-head span{font-family:'Reem Kufi',sans-serif;font-size:18px;color:var(--sand)}
.pm-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--txt-dim);font-size:14px;cursor:pointer}
.pm-img{width:100%;max-height:170px;object-fit:cover;border-radius:13px;margin-bottom:12px;display:block}
.pm-text{width:100%;background:var(--card2);border:1px solid var(--line);border-radius:13px;padding:12px;color:var(--txt);font-family:'Tajawal';font-size:13px;line-height:1.9;resize:vertical;outline:none}
.pm-note{font-size:11px;color:var(--txt-dim);margin:7px 0 12px;text-align:center}
.pm-nets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.pm-net{background:var(--card2);border:1.5px solid var(--line);border-radius:13px;padding:12px 0;font-size:20px;cursor:pointer;line-height:1}
.pm-net:active{transform:scale(.95);border-color:var(--sadu)}
.pm-acts{display:flex;gap:9px}
.pm-acts .btn{flex:1;padding:11px;font-size:13px}

/* ====== تفضيلات العرض بالفلتر ====== */
.fd-sw{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer}
.fd-sw input{width:19px;height:19px;accent-color:var(--palm);flex-shrink:0;margin:0}
.fd-sw span{font-size:13px}

.cover-hint{font-size:10.5px;color:var(--txt-dim);margin-top:7px;line-height:1.7}

/* ====== سمات الصورة ====== */
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.tag-chip{background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:8px 15px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt-dim);cursor:pointer;transition:.15s}
.tag-chip.on{background:var(--qteal);border-color:var(--qteal);color:#fff}
.tag-chip:active{transform:scale(.96)}
.s-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.s-tag{background:var(--card2);border:1px solid var(--qteal);color:var(--qteal);border-radius:14px;padding:4px 11px;font-size:11.5px;font-weight:700}
body.dark .s-tag{background:#1B2A2E}

/* ====== شارة السبق البارزة ====== */
.mc-claim{position:absolute;top:8px;right:8px;border-radius:11px;padding:4px 10px;font-size:11px;font-weight:700;font-family:'Tajawal';box-shadow:0 2px 8px rgba(0,0,0,.35);display:flex;align-items:center;gap:5px;z-index:3}
.mc-claim.new{background:rgba(232,160,32,.96);color:var(--ink)}
.mc-claim.ok{background:rgba(46,139,87,.96);color:#fff}
.mc-claim.dbt{background:rgba(214,58,47,.94);color:#fff}
.mc-claim b{background:rgba(255,255,255,.28);border-radius:7px;padding:0 5px;font-size:10px}
.mc-claim.sm{font-size:10px;padding:3px 8px}

.pmark.claim-verified{border-color:var(--palm)!important;box-shadow:0 0 0 3px rgba(46,139,87,.35)}
.pmark.claim-new{border-color:var(--star)!important;box-shadow:0 0 0 3px rgba(232,160,32,.35)}
.pmark.claim-doubted{border-color:var(--sadu)!important;box-shadow:0 0 0 3px rgba(214,58,47,.3)}
.pmark-claim{position:absolute;top:-6px;right:-6px;background:#fff;color:#241F1C;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 1px 4px rgba(0,0,0,.35)}

.claim-state{font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:11px;margin-bottom:10px;text-align:center}
.claim-box.new{border-color:var(--star)}
.claim-box.new .claim-state{background:#FFF7E0;color:#A87500}
.claim-box.ok{border-color:var(--palm);border-width:2.5px}
.claim-box.ok .claim-state{background:#EFF7F1;color:var(--palm)}
.claim-box.dbt{border-color:var(--sadu)}
.claim-box.dbt .claim-state{background:#FBEAE8;color:var(--sadu)}
body.dark .claim-box.new .claim-state{background:#2E2519}
body.dark .claim-box.ok .claim-state{background:#1B2A21}
body.dark .claim-box.dbt .claim-state{background:#33201D}

/* ====== التحدي الموجّه ====== */
.ch-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.ch-tag{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}
.ch-prize{font-size:12px;margin-top:7px;opacity:.92}
.ch-join{background:rgba(255,255,255,.94);border:none;border-radius:12px;padding:8px 18px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--qblue);cursor:pointer;margin-top:11px;display:block;width:100%}
.ch-join:active{transform:scale(.98)}
.ch-ideas{background:var(--card2);border:1px dashed var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.ch-ideas b{display:block;font-size:11.5px;color:var(--txt-dim);margin-bottom:7px}
.ch-ideas button{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:6px 11px;font-family:'Tajawal';font-size:11.5px;font-weight:700;color:var(--txt);cursor:pointer;margin:0 0 5px 5px}
.ch-ideas button:active{transform:scale(.96);border-color:var(--qblue)}

/* ====== أنت قرب صور ====== */

/* ====== مؤشر التحميل التدريجي ====== */
.feed-sentinel{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;padding:26px 0}
.fs-dot{width:9px;height:9px;border-radius:50%;background:var(--sadu);opacity:.35;animation:fsB 1.1s infinite}
.fs-dot:nth-child(2){animation-delay:.16s}
.fs-dot:nth-child(3){animation-delay:.32s}
@keyframes fsB{0%,80%,100%{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}


/* ====== أماكن تنتظر عدستك ====== */
.wt-lead{font-family:'Reem Kufi',sans-serif;font-size:16px;color:var(--sand);margin-bottom:11px}
.wt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.wt-card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:15px 13px;text-align:center;cursor:pointer;transition:.15s}
.wt-card:active{transform:scale(.97)}
.wt-card.empty{border-color:var(--sadu);border-width:2px;background:linear-gradient(160deg,var(--card),rgba(214,58,47,.07))}
.wt-card.thin{border-color:var(--star)}
.wt-name{font-family:'Reem Kufi',sans-serif;font-size:17px;color:var(--txt);margin-bottom:5px}
.wt-badge{display:inline-block;background:var(--sadu);color:#fff;border-radius:11px;padding:3px 11px;font-size:10.5px;font-weight:700;margin-bottom:9px}
.wt-count{font-size:11.5px;color:var(--txt-dim);margin-bottom:9px}
.wt-go{background:var(--card2);border:1.5px solid var(--line);border-radius:11px;padding:7px 0;width:100%;font-family:'Tajawal';font-size:12px;font-weight:700;color:var(--txt);cursor:pointer}
.wt-card.empty .wt-go{background:var(--sadu);border-color:var(--sadu);color:#fff}
.wt-cities{display:flex;flex-direction:column;gap:7px}
.wt-city{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:11px 14px;cursor:pointer}
.wt-city:active{transform:scale(.99)}
.wc-name{font-weight:700;font-size:13.5px;flex:1}
.wc-reg{font-size:11px;color:var(--txt-dim)}
.wc-n{background:var(--card2);border:1px solid var(--line);border-radius:9px;padding:2px 9px;font-size:11px;font-weight:700;color:var(--star)}
.wt-note{background:var(--card2);border:1px dashed var(--line);border-radius:13px;padding:13px 15px;margin-top:20px;font-size:12px;color:var(--txt-dim);line-height:1.9}
@media(min-width:600px){.wt-grid{grid-template-columns:repeat(3,1fr)}}

/* ====== بيانات التصوير ====== */
.tech-card{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:14px}
.tc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;flex-wrap:wrap}
.tc-head>span{font-size:12.5px;font-weight:700;color:var(--txt-dim)}
.tc-sw{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11.5px;color:var(--txt-dim)}
.tc-sw input{width:16px;height:16px;accent-color:var(--palm);margin:0}
.tc-body{display:flex;flex-direction:column;gap:6px}
.tc-cam{font-size:12.5px;font-weight:700;color:var(--txt)}
.tc-set{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tc-set span{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:3px 10px;font-size:11px;color:var(--txt-dim);direction:ltr}
.s-tech{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin-bottom:12px}
.st-cam{font-size:12.5px;font-weight:700;margin-bottom:6px}
.st-set{display:flex;flex-wrap:wrap;gap:5px}
.st-set span{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:2px 9px;font-size:10.5px;color:var(--txt-dim);direction:ltr}

/* ====== هذا المكان عبر الزمن ====== */
.s-timeline{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 0 12px 13px;margin-bottom:12px}
.tl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-left:13px}
.tl-head>span{font-size:12.5px;font-weight:700;color:var(--sand)}
.tl-head b{font-size:11px;color:var(--txt-dim)}
.tl-strip{display:flex;gap:9px;overflow-x:auto;padding:2px 13px 4px 0;scrollbar-width:none;overscroll-behavior-x:contain}
.tl-strip::-webkit-scrollbar{display:none}
.tl-item{flex:0 0 auto;width:82px;cursor:pointer;position:relative}
.tl-item.cur{cursor:default}
.tl-item img{width:82px;height:82px;object-fit:cover;border-radius:11px;display:block;border:1.5px solid var(--line)}
.tl-item.cur img{border-color:var(--sadu);border-width:2.5px}
.tl-date{font-size:10px;color:var(--txt-dim);text-align:center;margin-top:5px;font-weight:700}
.tl-now{position:absolute;top:5px;right:5px;background:var(--sadu);color:#fff;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:700}

/* ====== كاميرا الزاوية (الصورة الشبحية) ====== */
.ghost-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2;opacity:.45}
.ghost-bar{position:absolute;left:0;right:0;bottom:150px;z-index:6;padding:0 14px}
.gb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.gb-head span{color:#fff;font-size:12.5px;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,.8)}
.gb-head button{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;padding:4px 11px;font-family:'Tajawal';font-size:11px;font-weight:700;cursor:pointer}
.gb-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.gb-strip::-webkit-scrollbar{display:none}
.gb-thumb{flex:0 0 auto;width:62px;height:62px;border-radius:11px;object-fit:cover;border:2px solid rgba(255,255,255,.45);cursor:pointer;display:block}
.gb-thumb.on{border-color:var(--star);border-width:3px}
.gb-slider{display:flex;align-items:center;gap:10px;margin-top:9px;background:rgba(0,0,0,.5);border-radius:12px;padding:8px 13px}
.gb-slider span{color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.gb-slider input{flex:1;accent-color:var(--star)}

/* ====== زر الرفع من الملفات ====== */
.cap-raw{width:100%;background:var(--card2);border:1.5px dashed var(--line);border-radius:14px;padding:12px;margin-top:9px;font-family:'Tajawal';font-size:13.5px;font-weight:700;color:var(--txt);cursor:pointer;transition:.15s}
.cap-raw span{font-weight:400;font-size:11.5px;color:var(--txt-dim)}
.cap-raw:active{transform:scale(.985);border-color:var(--qblue)}

/* ====== اختيار موقع الصورة ====== */
.geopick-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.66);z-index:9990;align-items:center;justify-content:center;padding:16px}
.geopick-box.show{display:flex}
.gp-card{background:var(--card);border:2px solid var(--ink);border-radius:20px;width:100%;max-width:480px;overflow:hidden;display:flex;flex-direction:column;max-height:92vh}
.gp-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);flex-shrink:0}
.gp-head span{font-family:'Reem Kufi',sans-serif;font-size:17px;color:var(--sand)}
.gp-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--txt-dim);font-size:14px;cursor:pointer}
.gp-search{display:flex;gap:7px;padding:12px 16px 10px;flex-shrink:0}
.gp-search input{flex:1;background:var(--card2);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--txt);font-family:'Tajawal';font-size:13.5px;outline:none}
.gp-search button{background:var(--sadu);border:none;border-radius:12px;width:46px;font-size:16px;cursor:pointer;color:#fff}
.gp-map{width:100%;height:300px;background:var(--card2);position:relative;flex:1 1 auto;min-height:240px}
.gp-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);font-size:36px;pointer-events:none;z-index:500;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45));margin-top:-14px}
.gp-info{padding:11px 16px;font-size:12px;color:var(--txt-dim);text-align:center;line-height:1.8;border-top:1px solid var(--line);flex-shrink:0}
.gp-acts{display:flex;gap:8px;padding:0 16px calc(16px + env(safe-area-inset-bottom));flex-shrink:0}
.gp-acts .btn{flex:1;padding:13px;font-size:14px}
.geo-manual{background:#FFF7E0;border:1.5px solid var(--star);border-radius:13px;padding:12px 14px;margin-top:9px}
.gm-txt{font-size:12.5px;color:#A87500;font-weight:700;line-height:1.85;margin-bottom:9px}
.gm-btn{width:100%;background:var(--star);border:none;border-radius:11px;padding:11px;font-family:'Tajawal';font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer}
body.dark .geo-manual{background:#2E2519}
body.dark .gm-txt{color:var(--star)}

/* ====== بطاقة الاقتراح الذكي ====== */
.sug-box{background:linear-gradient(135deg,#F3EEFB,var(--card));border:1.5px solid #9B7EBD;border-radius:15px;padding:13px 15px;margin-bottom:14px;animation:sgIn .3s ease}
@keyframes sgIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.sg-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sg-head span{font-size:13px;font-weight:700;color:#6B4E9B}
.sg-head button{background:none;border:none;color:var(--txt-dim);font-size:14px;cursor:pointer;padding:2px 5px}
.sg-row{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}
.sg-lbl{font-size:10.5px;color:var(--txt-dim);font-weight:700;margin-bottom:4px}
.sg-txt{font-size:13px;line-height:1.9;margin-bottom:8px}
.sg-use{background:var(--card2);border:1.5px solid #9B7EBD;border-radius:10px;padding:6px 14px;font-family:'Tajawal';font-size:12px;font-weight:700;color:#6B4E9B;cursor:pointer}
.sg-use:active{transform:scale(.96)}
.sg-all{width:100%;background:#6B4E9B;border:none;border-radius:11px;padding:10px;font-family:'Tajawal';font-size:13px;font-weight:700;color:#fff;cursor:pointer;margin-top:2px}
.sg-note{font-size:10.5px;color:var(--txt-dim);text-align:center;margin-top:9px;line-height:1.7}
body.dark .sug-box{background:linear-gradient(135deg,#251E33,var(--card))}
body.dark .sg-head span,body.dark .sg-use{color:#B89BD9}

/* ====== أضواء الديرة — وضع قريباً ====== */
.reels-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:78vh;text-align:center;padding:30px 26px;color:#fff}
.rs-ic{font-size:66px;margin-bottom:14px;animation:rsF 3s ease-in-out infinite}
@keyframes rsF{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.rs-title{font-family:'Reem Kufi',sans-serif;font-size:30px;color:#E8A020;margin-bottom:10px}
.rs-badge{background:var(--sadu);color:#fff;border-radius:14px;padding:5px 18px;font-size:13px;font-weight:700;margin-bottom:22px;letter-spacing:.5px}
.rs-txt{font-size:15.5px;line-height:2.1;color:rgba(255,255,255,.88);margin-bottom:26px}
.rs-txt b{color:#E8A020}
.rs-list{display:flex;flex-direction:column;gap:11px;margin-bottom:28px;width:100%;max-width:290px}
.rs-list div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:11px 15px;font-size:13.5px;color:rgba(255,255,255,.82)}
.rs-foot{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.9}

/* ====== الرسائل بين الأعضاء ====== */
.dm-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.66);z-index:9985;align-items:center;justify-content:center;padding:18px}
.dm-box.show{display:flex}
.dmb-card{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:18px;width:100%;max-width:440px}
.dmb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.dmb-head span{font-family:'Reem Kufi',sans-serif;font-size:17px;color:var(--sand)}
.dmb-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--txt-dim);font-size:14px;cursor:pointer}
.dmb-card textarea{width:100%;background:var(--card2);border:1.5px solid var(--line);border-radius:13px;padding:12px;color:var(--txt);font-family:'Tajawal';font-size:13.5px;line-height:1.9;resize:vertical;outline:none}
.dmb-count{font-size:11px;color:var(--txt-dim);text-align:left;margin-top:5px}
.dmb-note{font-size:11.5px;color:var(--txt-dim);background:var(--card2);border-radius:11px;padding:9px 12px;margin:10px 0 12px;line-height:1.8}
.dmb-acts{display:flex;gap:8px}
.dmb-acts .btn{flex:1;padding:12px;font-size:14px}
.dm-badge{position:absolute;top:6px;left:6px;background:var(--sadu);color:#fff;border-radius:9px;min-width:19px;height:19px;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.acc-tile{position:relative}
.dm-sw{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-bottom:14px;cursor:pointer}
.dm-sw input{width:18px;height:18px;accent-color:var(--palm);margin:0}
.dm-sw span{font-size:12.5px;font-weight:700}
.dm-card{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:9px}
.dm-card.unread{border-color:var(--sadu);border-width:1.5px;background:linear-gradient(160deg,var(--card2),rgba(214,58,47,.06))}
.dm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.dm-from{font-weight:700;font-size:13.5px;color:var(--sadu);cursor:pointer}
.dm-time{font-size:10.5px;color:var(--txt-dim)}
.dm-body{font-size:13px;line-height:1.95;margin-bottom:9px;white-space:pre-wrap}
.dm-acts{display:flex;gap:7px}
.dm-acts button{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:5px 11px;font-family:'Tajawal';font-size:11px;font-weight:700;color:var(--txt-dim);cursor:pointer}
.dm-acts button:active{transform:scale(.96)}

/* ====== البحث عن مصورين ====== */
.us-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.66);z-index:9986;align-items:flex-start;justify-content:center;padding:60px 16px 16px}
.us-box.show{display:flex}
.us-card{background:var(--card);border:2px solid var(--ink);border-radius:20px;width:100%;max-width:460px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}
.us-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line);flex-shrink:0}
.us-head span{font-family:'Reem Kufi',sans-serif;font-size:17px;color:var(--sand)}
.us-head button{background:var(--card2);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--txt-dim);font-size:14px;cursor:pointer}
#usInput{margin:13px 17px;background:var(--card2);border:1.5px solid var(--line);border-radius:13px;padding:12px 15px;color:var(--txt);font-family:'Tajawal';font-size:14.5px;outline:none;flex-shrink:0}
#usInput:focus{border-color:var(--sadu)}
.us-results{overflow-y:auto;overscroll-behavior:contain;padding:0 14px calc(16px + env(safe-area-inset-bottom));flex:1 1 auto}
.us-hint{text-align:center;padding:26px 16px;font-size:12.5px;color:var(--txt-dim);line-height:1.9}
.us-row{display:flex;align-items:center;gap:12px;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:10px 13px;margin-bottom:8px;cursor:pointer}
.us-row:active{transform:scale(.985)}
.us-row img,.us-ph{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:19px}
.us-info{flex:1;min-width:0}
.us-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.us-meta{font-size:11.5px;color:var(--txt-dim);margin-top:2px}
.us-go{color:var(--txt-dim);font-size:17px}

/* ====== رتب الإشراف ====== */
.adm-role{display:inline-flex;align-items:center;gap:5px;background:var(--card);border:1.5px solid var(--line);border-radius:11px;padding:4px 12px;font-size:12px;font-weight:700;margin-bottom:10px}
.tm-row{display:flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin-bottom:7px}
.tm-info{flex:1;min-width:0}
.tm-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-id{font-size:10px;color:var(--txt-dim);direction:ltr;font-family:ui-monospace,monospace}
.tm-sel{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:6px 8px;font-family:'Tajawal';font-size:11.5px;color:var(--txt);outline:none}
.tm-sel:disabled{opacity:.5}
.tm-del{background:var(--card);border:1px solid var(--sadu);border-radius:9px;width:28px;height:28px;color:var(--sadu);font-size:13px;cursor:pointer}
.tm-add{display:flex;gap:6px;margin-top:11px;flex-wrap:wrap}
.tm-add input{flex:1;min-width:120px;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--txt);font-family:'Tajawal';font-size:11.5px;outline:none;direction:ltr}
.tm-add select{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:9px;font-family:'Tajawal';font-size:11.5px;color:var(--txt);outline:none}
.tm-add button{background:var(--palm);border:none;border-radius:10px;width:40px;color:#fff;font-size:15px;cursor:pointer}
.tm-add-wrap{background:var(--card2);border:1px dashed var(--line);border-radius:12px;padding:12px;margin-top:12px}
.tm-lbl{font-size:12px;font-weight:700;color:var(--txt-dim);margin-bottom:8px}
#tmSearch{width:100%;background:var(--card);border:1.5px solid var(--line);border-radius:11px;padding:10px 13px;color:var(--txt);font-family:'Tajawal';font-size:13px;outline:none}
#tmSearch:focus{border-color:var(--sadu)}
.tm-results{max-height:170px;overflow-y:auto;overscroll-behavior:contain;margin-top:7px}
.tm-res{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:5px;cursor:pointer;font-size:12.5px;font-weight:700}
.tm-res:active{transform:scale(.98);border-color:var(--palm)}
.tm-res small{font-size:10.5px;color:var(--txt-dim);font-weight:400}
.tm-hint{text-align:center;padding:12px;font-size:11.5px;color:var(--txt-dim)}
.tm-picked{display:flex;align-items:center;justify-content:space-between;background:#EFF7F1;border:1.5px solid var(--palm);border-radius:11px;padding:9px 13px;margin-top:8px;font-size:13px}
.tm-picked b{color:var(--palm)}
.tm-picked button{background:none;border:none;color:var(--txt-dim);font-size:14px;cursor:pointer}
body.dark .tm-picked{background:#1B2A21}
.tm-add{display:flex;gap:7px;margin-top:9px}
.tm-add select{flex:1}
.tm-add button{flex:1;padding:10px;font-family:'Tajawal';font-size:12.5px;font-weight:700;background:var(--palm);border:none;border-radius:10px;color:#fff;cursor:pointer;width:auto}
.tm-add button:disabled{opacity:.45;cursor:default}

/* ====== قسم التصفّح بالفلتر ====== */
.fd-nav-sec{border-top:1.5px dashed var(--line);padding-top:14px;margin-top:4px}
.fd-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.fd-nav button{display:flex;align-items:center;gap:9px;background:var(--card2);border:1.5px solid var(--line);border-radius:13px;padding:12px 13px;font-family:'Tajawal';font-size:13px;font-weight:700;color:var(--txt);cursor:pointer;text-align:right;transition:.15s}
.fd-nav button span{font-size:18px;line-height:1}
.fd-nav button:active{transform:scale(.97);border-color:var(--sadu)}
.fd-view{background:var(--card2);border:1px solid var(--line);border-radius:13px;padding:10px 13px}
@media(max-width:380px){.fd-nav{grid-template-columns:1fr}}

/* ====== حذف رسائلي ====== */
.msgs-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.msgs-bar>span{font-weight:700;font-size:14px}
.msgs-bar button{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:6px 12px;font-family:'Tajawal';font-size:11.5px;font-weight:700;color:var(--txt-dim);cursor:pointer}
.msgs-bar button:active{transform:scale(.96);border-color:var(--sadu);color:var(--sadu)}
.msg-card{position:relative}
.msg-del{background:none;border:none;color:var(--txt-dim);font-family:'Tajawal';font-size:11px;font-weight:700;cursor:pointer;padding:5px 0 0;opacity:.7}
.msg-del:active{opacity:1;color:var(--sadu)}
.fb-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1.5px solid var(--line);border-radius:13px;padding:11px 14px;margin-bottom:12px;flex-wrap:wrap}
.fb-bar>span{font-size:13px;font-weight:700}
.fb-bar b{color:var(--sadu)}
.fb-bar button{background:var(--card2);border:1.5px solid var(--sadu);border-radius:10px;padding:7px 13px;font-family:'Tajawal';font-size:11.5px;font-weight:700;color:var(--sadu);cursor:pointer}
.fb-bar button:active{transform:scale(.96);background:var(--sadu);color:#fff}
.msg-lock{display:inline-block;font-size:10.5px;color:var(--txt-dim);padding:5px 0 0;opacity:.8}

/* ====== تبويبا الرسائل ====== */
.dm-tabs{display:flex;gap:7px;margin-bottom:12px}
.dm-tabs button{flex:1;background:var(--card2);border:1.5px solid var(--line);border-radius:12px;padding:10px;font-family:'Tajawal';font-size:13px;font-weight:700;color:var(--txt-dim);cursor:pointer}
.dm-tabs button.on{background:var(--sadu);border-color:var(--sadu);color:#fff}

/* ====== قائمة المحظورين ====== */
.block-list{margin-top:20px;padding-top:16px;border-top:1.5px dashed var(--line)}
.bl-lbl{font-size:12.5px;font-weight:700;color:var(--txt-dim);margin-bottom:9px}
.bl-empty{font-size:12px;color:var(--txt-dim);text-align:center;padding:12px;opacity:.75}
.bl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card2);border:1px solid var(--line);border-radius:11px;padding:9px 13px;margin-bottom:7px}
.bl-row span{font-size:13px;font-weight:700}
.bl-row button{background:var(--card);border:1px solid var(--palm);border-radius:9px;padding:5px 12px;font-family:'Tajawal';font-size:11px;font-weight:700;color:var(--palm);cursor:pointer}
.bl-row button:active{transform:scale(.96);background:var(--palm);color:#fff}
.fb-ban{display:block;width:100%;background:var(--card);border:1.5px solid var(--sadu);border-radius:10px;padding:8px;margin-top:10px;font-family:'Tajawal';font-size:11.5px;font-weight:700;color:var(--sadu);cursor:pointer}
.fb-ban:active{transform:scale(.97);background:var(--sadu);color:#fff}

/* ====== أدوات الإشراف بالبروفايل ====== */
.pf-admin{background:var(--card);border:1.5px dashed var(--sadu);border-radius:14px;padding:12px 14px;margin:12px auto 0;max-width:400px}
.pa-lbl{font-size:11.5px;font-weight:700;color:var(--sadu);margin-bottom:9px}
.pa-row{display:flex;gap:8px}
.pa-btn{flex:1;border-radius:11px;padding:9px;font-family:'Tajawal';font-size:12px;font-weight:700;cursor:pointer;background:var(--card2)}
.pa-btn.bad{border:1.5px solid var(--sadu);color:var(--sadu)}
.pa-btn.ok{border:1.5px solid var(--palm);color:var(--palm)}
.pa-btn:active{transform:scale(.97)}
.pa-note{font-size:11px;color:var(--sadu);margin-top:8px;text-align:center;font-weight:700}
.fb-ban.ok{border-color:var(--palm);color:var(--palm)}
.fb-ban.ok:active{background:var(--palm);color:#fff}
.msg-acts{display:flex;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap}
.msg-reply-btn{background:var(--card2);border:1.5px solid var(--qblue);border-radius:10px;padding:6px 13px;font-family:'Tajawal';font-size:11.5px;font-weight:700;color:var(--qblue);cursor:pointer}
.msg-reply-btn:active{transform:scale(.96);background:var(--qblue);color:#fff}

/* ====== البحث الموحّد ====== */
.uni-results{background:var(--card);border:1.5px solid var(--line);border-radius:16px;margin-bottom:10px;overflow:hidden;animation:urIn .22s ease}
@keyframes urIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.ur-tabs{display:flex;border-bottom:1px solid var(--line)}
.ur-tabs button{flex:1;background:none;border:none;padding:12px 6px;font-family:'Tajawal';font-size:12.5px;font-weight:700;color:var(--txt-dim);cursor:pointer;border-bottom:2.5px solid transparent}
.ur-tabs button.on{color:var(--sadu);border-bottom-color:var(--sadu)}
.ur-tabs span{background:var(--card2);border-radius:8px;padding:1px 6px;font-size:10.5px;margin-right:3px}
.ur-tabs button.on span{background:var(--sadu);color:#fff}
.ur-body{max-height:58vh;overflow-y:auto;overscroll-behavior:contain;padding:12px}
.ur-empty{text-align:center;padding:26px;font-size:13px;color:var(--txt-dim)}
.ur-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ur-ph{cursor:pointer}
.ur-ph img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px;display:block;border:1px solid var(--line)}
.ur-ph-t{font-size:10.5px;margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--txt-dim)}
.ur-row{display:flex;align-items:center;gap:11px;background:var(--card2);border:1px solid var(--line);border-radius:13px;padding:10px 13px;margin-bottom:7px;cursor:pointer}
.ur-row:active{transform:scale(.985);border-color:var(--sadu)}
.ur-row img,.ur-ph-ic{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:18px}
.ur-info{flex:1;min-width:0}
.ur-name{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ur-meta{font-size:11.5px;color:var(--txt-dim);margin-top:2px}
.ur-go{color:var(--txt-dim);font-size:16px}
@media(min-width:600px){.ur-grid{grid-template-columns:repeat(4,1fr)}}

/* ====== صفحة المصوّرين ====== */
.sh-sort{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px;scrollbar-width:none}
.sh-sort::-webkit-scrollbar{display:none}
.sh-sort button{flex:0 0 auto;background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:8px 15px;font-family:'Tajawal';font-size:12px;font-weight:700;color:var(--txt-dim);cursor:pointer;white-space:nowrap}
.sh-sort button.on{background:var(--sadu);border-color:var(--sadu);color:#fff}
.sh-card{position:relative;display:flex;align-items:center;gap:13px;background:var(--card);border:1.5px solid var(--line);border-radius:15px;padding:12px 14px;margin-bottom:9px;cursor:pointer;transition:.15s}
.sh-card:active{transform:scale(.985);border-color:var(--sadu)}
.sh-medal{position:absolute;top:-7px;right:12px;font-size:19px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.sh-av{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--line)}
.sh-ph{background:var(--card2);display:flex;align-items:center;justify-content:center;font-size:22px}
.sh-info{flex:1;min-width:0}
.sh-name{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-reg{font-size:11.5px;color:var(--txt-dim);margin-top:2px}
.sh-stats{display:flex;gap:10px;margin-top:5px}
.sh-stats span{font-size:11.5px;color:var(--txt-dim);font-weight:700}
.sh-go{color:var(--txt-dim);font-size:17px}

/* ====== اسم المصور على البطاقة ====== */
.mc-who{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;margin:-2px -3px;border-radius:8px;background:rgba(255,255,255,.16);transition:.15s;cursor:pointer}
.mc-who:active{background:rgba(255,255,255,.34);transform:scale(.96)}
.mc-dot{opacity:.5;margin:0 2px}
.mc-sub{display:flex;align-items:center;flex-wrap:wrap;gap:2px}
@media(hover:hover){
  .mc-who:hover{background:rgba(255,255,255,.3)}
}
.s-who{display:inline-flex;align-items:center;gap:4px;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:3px 10px;font-weight:700;color:var(--sadu);cursor:pointer;transition:.15s}
.s-who:active{transform:scale(.96);background:var(--sadu);color:#fff;border-color:var(--sadu)}
@media(hover:hover){.s-who:hover{background:var(--sadu);color:#fff;border-color:var(--sadu)}}

/* ====== وسام اختيار المحررين ====== */
.mc-ec{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#1E7B7B,#2E9B9B);color:#fff;border-radius:11px;padding:4px 10px;font-size:10.5px;font-weight:700;font-family:'Tajawal';box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:3;white-space:nowrap}
.s-ec{background:linear-gradient(135deg,#EAF6F6,var(--card));border:2px solid #1E7B7B;border-radius:14px;padding:12px 15px;margin-bottom:12px;text-align:center}
.s-ec b{display:block;font-family:'Reem Kufi',sans-serif;font-size:16px;color:#1E7B7B;margin:3px 0}
.s-ec span{display:block;font-size:11.5px;color:var(--txt-dim);line-height:1.8}
body.dark .s-ec{background:linear-gradient(135deg,#12292C,var(--card))}

/* لوحة الترشيحات */
.ec-head{background:var(--card);border:1.5px solid var(--qteal);border-radius:14px;padding:13px 15px;margin-bottom:12px}
.ec-h1{font-family:'Reem Kufi',sans-serif;font-size:17px;color:var(--qteal)}
.ec-h2{font-size:11.5px;color:var(--txt-dim);margin-top:4px}
.ec-card{background:var(--card);border:1.5px solid var(--line);border-radius:15px;padding:13px;margin-bottom:11px}
.ec-card.ready{border-color:var(--qteal);border-width:2px;background:linear-gradient(160deg,var(--card),rgba(30,123,123,.06))}
.ec-top{display:flex;gap:12px;margin-bottom:11px}
.ec-top img,.ec-noimg{width:82px;height:82px;border-radius:12px;object-fit:cover;flex-shrink:0;cursor:pointer;background:var(--card2);display:flex;align-items:center;justify-content:center;font-size:26px}
.ec-info{flex:1;min-width:0}
.ec-title{font-weight:700;font-size:14px;margin-bottom:3px}
.ec-meta{font-size:11.5px;color:var(--txt-dim)}
.ec-by{font-size:11px;color:var(--qteal);font-weight:700;margin-top:5px}
.ec-reason{font-size:11.5px;color:var(--txt-dim);margin-top:5px;line-height:1.8;font-style:italic}
.ec-votes{border-top:1px solid var(--line);padding-top:10px}
.ec-bar{display:flex;align-items:center;gap:10px;margin-bottom:9px;flex-wrap:wrap}
.ec-yes{color:var(--palm);font-weight:700;font-size:13px}
.ec-no{color:var(--sadu);font-weight:700;font-size:13px}
.ec-ready{background:var(--qteal);color:#fff;border-radius:9px;padding:2px 10px;font-size:10.5px;font-weight:700}
.ec-need{font-size:11px;color:var(--txt-dim)}
.ec-btns{display:flex;gap:7px;flex-wrap:wrap}
.ec-v{flex:1;min-width:90px;background:var(--card2);border:1.5px solid var(--line);border-radius:10px;padding:8px;font-family:'Tajawal';font-size:12px;font-weight:700;color:var(--txt-dim);cursor:pointer}
.ec-v.yes.on{background:var(--palm);border-color:var(--palm);color:#fff}
.ec-v.no.on{background:var(--sadu);border-color:var(--sadu);color:#fff}
.ec-approve{flex:1;min-width:110px;background:var(--qteal);border:none;border-radius:10px;padding:8px;font-family:'Tajawal';font-size:12px;font-weight:700;color:#fff;cursor:pointer}
.ec-rej{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer}
.cu-row{display:flex;align-items:center;justify-content:space-between;gap:9px;background:var(--card2);border:1px solid var(--line);border-radius:11px;padding:9px 12px;margin-bottom:7px}
.cu-name{font-size:13px;font-weight:700}
.cu-auto{font-size:10.5px;color:var(--qteal);font-weight:700}
.cu-tg{background:var(--card);border:1.5px solid var(--line);border-radius:9px;padding:6px 12px;font-family:'Tajawal';font-size:11px;font-weight:700;color:var(--txt-dim);cursor:pointer}
.cu-tg.on{background:var(--qteal);border-color:var(--qteal);color:#fff}
.cu-empty{text-align:center;padding:12px;font-size:11.5px;color:var(--txt-dim)}
.cu-del{background:var(--card);border:1px solid var(--sadu);border-radius:9px;width:28px;height:28px;color:var(--sadu);font-size:13px;cursor:pointer}
.cu-add{margin-top:12px}
#cuSearch{width:100%;background:var(--card2);border:1.5px solid var(--line);border-radius:11px;padding:10px 13px;color:var(--txt);font-family:'Tajawal';font-size:12.5px;outline:none}
#cuSearch:focus{border-color:var(--qteal)}
.cu-results{max-height:160px;overflow-y:auto;overscroll-behavior:contain;margin-top:7px}
.cu-res{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:5px;cursor:pointer;font-size:12.5px;font-weight:700}
.cu-res:active{transform:scale(.98);border-color:var(--qteal)}
.cu-res small{font-size:10.5px;color:var(--txt-dim);font-weight:400}
.cu-picked{display:flex;align-items:center;justify-content:space-between;background:#EAF6F6;border:1.5px solid var(--qteal);border-radius:11px;padding:9px 13px;margin-top:8px;font-size:13px}
.cu-picked b{color:var(--qteal)}
.cu-picked button{background:none;border:none;color:var(--txt-dim);font-size:14px;cursor:pointer}
body.dark .cu-picked{background:#12292C}
#cuAddBtn{width:100%;background:var(--qteal);border:none;border-radius:11px;padding:11px;margin-top:9px;font-family:'Tajawal';font-size:13px;font-weight:700;color:#fff;cursor:pointer}
#cuAddBtn:disabled{opacity:.45;cursor:default}

/* ====== بنر التحديثات ====== */
.news-banner{background:linear-gradient(135deg,#1E7B7B,#2E9B9B);border-radius:16px;padding:15px 17px;margin-bottom:12px;color:#fff;box-shadow:0 3px 12px rgba(30,123,123,.28);animation:nbIn .35s ease}
@keyframes nbIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.nb-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.nb-tag{background:rgba(255,255,255,.22);border-radius:11px;padding:3px 12px;font-size:11.5px;font-weight:700}
.nb-x{background:none;border:none;color:rgba(255,255,255,.75);font-size:15px;cursor:pointer;padding:2px 5px}
.nb-title{font-family:'Reem Kufi',sans-serif;font-size:17px;margin-bottom:6px;line-height:1.6}
.nb-body{font-size:13px;line-height:1.95;color:rgba(255,255,255,.92);white-space:pre-wrap}
.nb-ok{background:rgba(255,255,255,.95);border:none;border-radius:12px;padding:9px 0;width:100%;margin-top:12px;font-family:'Tajawal';font-size:13px;font-weight:700;color:#1E7B7B;cursor:pointer}
.nb-ok:active{transform:scale(.98)}

/* ====== تعديل الموقع ====== */
.ed-geo{display:flex;align-items:center;gap:12px;background:var(--card2);border:1.5px solid var(--line);border-radius:13px;padding:12px 14px;cursor:pointer;transition:.15s}
.ed-geo:active{transform:scale(.99);border-color:var(--sadu)}
.ed-geo.warn{border-color:var(--star);background:#FFF7E0}
body.dark .ed-geo.warn{background:#2E2519}
.eg-ic{font-size:20px;flex-shrink:0}
.eg-txt{flex:1;min-width:0}
.eg-main{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eg-sub{font-size:11px;color:var(--txt-dim);margin-top:2px;direction:ltr;text-align:right}
.ed-geo.warn .eg-sub{direction:rtl}
.eg-go{font-size:17px;opacity:.65}

/* ====== دعوة التسجيل ====== */
.join-box{display:none;position:fixed;inset:0;background:rgba(36,31,28,.72);z-index:9992;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.join-box.show{display:flex;animation:jbFade .3s ease}
@keyframes jbFade{from{opacity:0}to{opacity:1}}
.jb-card{background:var(--card);border:2px solid var(--ink);border-radius:22px;padding:26px 22px;max-width:390px;width:100%;text-align:center;animation:jbUp .35s cubic-bezier(.2,.9,.3,1.1)}
@keyframes jbUp{from{transform:translateY(24px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.jb-ic{font-size:46px;margin-bottom:10px}
.jb-title{font-family:'Reem Kufi',sans-serif;font-size:24px;color:var(--sadu);margin-bottom:5px}
.jb-sub{font-size:13px;color:var(--txt-dim);margin-bottom:20px}
.jb-list{display:flex;flex-direction:column;gap:11px;margin-bottom:22px;text-align:right}
.jb-list div{display:flex;align-items:center;gap:11px;font-size:13.5px;line-height:1.7}
.jb-list span{font-size:19px;flex-shrink:0;width:26px;text-align:center}
.jb-go{width:100%;background:var(--sadu);border:none;border-radius:14px;padding:14px;font-family:'Tajawal';font-size:15px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 3px 10px rgba(214,58,47,.3)}
.jb-go:active{transform:scale(.98)}
.jb-later{width:100%;background:none;border:none;padding:12px 0 0;font-family:'Tajawal';font-size:13px;font-weight:700;color:var(--txt-dim);cursor:pointer}

/* ====== حالات أضواء الديرة ====== */
.rs-states{display:flex;flex-direction:column;gap:7px}
.rs-st{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--card2);border:1.5px solid var(--line);border-radius:12px;padding:10px 13px;font-family:'Tajawal';cursor:pointer;text-align:right;transition:.15s}
.rs-st b{font-size:13px;font-weight:700;color:var(--txt-dim)}
.rs-st span{font-size:11px;color:var(--txt-dim);opacity:.8}
.rs-st.on{border-width:2px}
.rs-st.on b{color:var(--txt)}
.rs-st.on:not(.soon):not(.open){border-color:var(--line);background:var(--card)}
.rs-st.on.soon{border-color:var(--star);background:#FFF7E0}
.rs-st.on.soon b{color:#A87500}
.rs-st.on.open{border-color:var(--palm);background:#EFF7F1}
.rs-st.on.open b{color:var(--palm)}
.rs-st:active{transform:scale(.98)}
body.dark .rs-st.on.soon{background:#2E2519}
body.dark .rs-st.on.open{background:#1B2A21}

/* ═══ المَعلم الرئيسي لا يُنشئ صندوقاً ═══
   display:contents يُلغي صندوق الغلاف فتبقى الصفحات أبناءً للجسد
   في التخطيط، ويبقى <main> في الشجرة لقارئ الشاشة.
   وهذا ليس تجميلاً: قِسْتُ الغلاف بأربع صيغ — block وflow-root
   وmin-height و contents — فالثلاثة الأولى ترفع الإزاحة من 0.001
   إلى 0.23، وcontents وحدها تُبقيها. فالصندوق الزائد يكسر انطباق
   الهوامش بين الجسد وأوّل صفحة، فتنزاح الصفحة أربعة بكسل مع كل
   نموٍّ للمحتوى. */
main#mainArea{display:contents}

/* ═══ شريط مدى التاريخ ═══
   خمس درجاتٍ لا حقل تاريخ: حركةُ إصبعٍ واحدة بدل تقويمين وحساب.
   وارتفاع المسار ٦ بكسل ومقبضه ٢٢ — أصغر من ذلك لا تمسكه الإبهام
   على الجوال، وهذا الدرج لا يُفتح إلا بالإبهام. */
.fd-days-val{color:var(--sadu);font-weight:700;margin-inline-start:6px}
.fd-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;
  background:linear-gradient(to left,var(--sadu),var(--line));outline:none;margin:10px 0 4px}
.fd-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;
  background:var(--card);border:2.5px solid var(--sadu);cursor:pointer;box-shadow:0 1px 4px rgba(36,31,28,.2)}
.fd-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--card);
  border:2.5px solid var(--sadu);cursor:pointer}
.fd-range-ends{display:flex;justify-content:space-between;font-size:11.5px;color:var(--txt-dim)}