/* ============================================================
   dark-fix.css  —  v444
   الوضع الليلي: كل أيقونة تُرسم خطوطاً بيضاء (outline)، لا كتل مصمتة.
   أُزيلت القاعدة الشاملة [style*="background:#fff"] من v443
   لأنها كانت تُسوّد عناصر مقصود أن تكون بيضاء (خط تبويب الشورتس).
   ============================================================ */

/* 1) متغيّرات كانت مستعملة وغير مُعرَّفة أصلاً */
:root{ --bg2:#f0f2f5; --hover:#f2f2f2; --overlay:rgba(0,0,0,.45); }
[data-theme="dark"]{ --bg2:#1c1c1e; --hover:#2c2c2e; --overlay:rgba(0,0,0,.7); }

/* 2) سيلكتور مكسور في pages.css (نقطة بدل قوس) */
[data-theme="dark"] .profile-tab{color:#8e8e8e !important;}
[data-theme="dark"] .profile-tab.active{color:#fff !important;border-bottom-color:#fff !important;opacity:1 !important;}
[data-theme="dark"] .profile-tab svg{stroke:currentColor !important;}
[data-theme="dark"] .profile-tab.active svg{stroke:#fff !important;}
[data-theme="dark"] .profile-tab.active svg[fill]:not([fill="none"]){fill:#fff !important;}

/* 3) الأيقونات — خطوط بيضاء، نطاق محدود */
[data-theme="dark"] .icon-btn svg,
[data-theme="dark"] .top-bar svg,
[data-theme="dark"] .profile-top-bar svg,
[data-theme="dark"] .create-header svg,
[data-theme="dark"] .nav-btn svg,
[data-theme="dark"] .action-btn svg,
[data-theme="dark"] .btn-back svg,
[data-theme="dark"] .settings-row svg,
[data-theme="dark"] .settings-item svg,
[data-theme="dark"] .menu-row svg,
[data-theme="dark"] .list-row svg,
[data-theme="dark"] .drawer-menu svg,
[data-theme="dark"] .post-menu-btn svg,
[data-theme="dark"] .comment-send-btn svg,
[data-theme="dark"] .comment-del svg,
[data-theme="dark"] .search-bar-wrap svg,
[data-theme="dark"] .user-row svg,
[data-theme="dark"] .notif-item svg,
[data-theme="dark"] .chat-header svg{
  stroke:#fff !important; color:#fff !important;
}
/* الأشكال المصمتة داخل تلك الأيقونات: نُفرّغها فتصير خطوطاً */
[data-theme="dark"] .icon-btn svg [fill]:not([fill="none"]):not([fill="currentColor"]),
[data-theme="dark"] .top-bar svg [fill]:not([fill="none"]):not([fill="currentColor"]),
[data-theme="dark"] .nav-btn svg [fill]:not([fill="none"]):not([fill="currentColor"]),
[data-theme="dark"] .settings-row svg [fill]:not([fill="none"]):not([fill="currentColor"]),
[data-theme="dark"] .menu-row svg [fill]:not([fill="none"]):not([fill="currentColor"]){
  fill:none !important; stroke:#fff !important;
}
/* SVG منفرد بلون أسود ثابت (voice.js #222، feed.js #111، profile-tabs.js #111) */
[data-theme="dark"] svg[stroke="#111"],[data-theme="dark"] svg[stroke="#222"],
[data-theme="dark"] svg[stroke="#333"],[data-theme="dark"] svg[stroke="#000"],
[data-theme="dark"] svg[stroke="#000000"],[data-theme="dark"] svg[stroke="black"],
[data-theme="dark"] [stroke="#111"],[data-theme="dark"] [stroke="#222"],
[data-theme="dark"] [stroke="#333"],[data-theme="dark"] [stroke="#000"]{ stroke:#fff !important; }
[data-theme="dark"] svg[fill="#111"],[data-theme="dark"] svg[fill="#222"],
[data-theme="dark"] svg[fill="#333"],[data-theme="dark"] svg[fill="#000"],
[data-theme="dark"] svg[fill="#000000"],[data-theme="dark"] svg[fill="black"],
[data-theme="dark"] [fill="#111"],[data-theme="dark"] [fill="#222"],
[data-theme="dark"] [fill="#333"],[data-theme="dark"] [fill="#000000"]{ fill:#fff !important; }

/* استثناءات دلالية */
[data-theme="dark"] .action-btn.liked svg{stroke:#E53935 !important;fill:#E53935 !important;}
[data-theme="dark"] .action-btn.saved svg{stroke:#FFD700 !important;fill:#FFD700 !important;}
/* [v525] أُزيلت { stroke:initial; fill:initial } لأيقونات المشاركة والهدايا (= أسود) */
/* [v525] أُزيلت قاعدة v444 (stroke:initial/fill:initial) — كانت تُسوّد
   أيقونات الشورتس والبث والعارض. الآن تُترك سمات SVG الأصلية تعمل. */

/* الخط تحت تبويب الشورتس — أبيض دائماً */
[data-theme="dark"] #shortsTabUnderline{background:#fff !important;}

/* 4) [v525] زر + في البار: مربّع أبيض مصمت والعلامة + سوداء (كالوضع النهاري) */
[data-theme="dark"] #globalBottomBar #nbCreate > div,
[data-theme="dark"] .nav-btn.center-btn > div{
  background:#fff !important; border:none !important; border-radius:10px !important;
}
[data-theme="dark"] #globalBottomBar #nbCreate svg,
[data-theme="dark"] .nav-btn.center-btn svg{stroke:#111 !important;fill:none !important;}

/* 5) البطاقات والشيتات */
[data-theme="dark"] .post-menu-sheet,[data-theme="dark"] .gx-share-sheet,
[data-theme="dark"] .menu-sheet,[data-theme="dark"] .bottom-sheet,
[data-theme="dark"] .modal-content,[data-theme="dark"] .dialog,
[data-theme="dark"] .popup,[data-theme="dark"] .dropdown,
[data-theme="dark"] .emoji-picker,[data-theme="dark"] .mini-profile-card{
  background:var(--card) !important; color:var(--text) !important; border-color:var(--border) !important;
}

/* 6) بطاقات بيضاء من inline style في JS — مقيّدة داخل .page فقط */
[data-theme="dark"] .page [style*="background:#fff"]:not(#shortsTabUnderline):not([class*="share"]):not([class*="gift"]),
[data-theme="dark"] .page [style*="background: #fff"]:not(#shortsTabUnderline),
[data-theme="dark"] .page [style*="background:#ffffff"]:not(#shortsTabUnderline),
[data-theme="dark"] .page [style*="background:#fafafa"],
[data-theme="dark"] .page [style*="background:#f5f5f5"],
[data-theme="dark"] .page [style*="background:#eee"]{
  background:var(--card) !important; color:var(--text) !important;
}
[data-theme="dark"] .page [style*="color:#000"],
[data-theme="dark"] .page [style*="color:#111"],
[data-theme="dark"] .page [style*="color:#222"]{color:var(--text) !important;}

/* 7) الحقول */
[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{
  background:var(--input-bg) !important; color:var(--text) !important;
  border-color:var(--border) !important; -webkit-text-fill-color:var(--text);
}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:var(--text2) !important;}
[data-theme="dark"] input:-webkit-autofill,[data-theme="dark"] input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--text) !important;
  -webkit-box-shadow:0 0 0 1000px var(--input-bg) inset !important; caret-color:var(--text);
}

/* 8) الحالات الفارغة والتحميل */
[data-theme="dark"] .feed-empty,[data-theme="dark"] .conv-empty,
[data-theme="dark"] .notif-empty,[data-theme="dark"] .search-empty,
[data-theme="dark"] .comments-empty{color:var(--text2) !important;}
[data-theme="dark"] .skel{
  background:linear-gradient(90deg,#1c1c1e 25%,#2c2c2e 50%,#1c1c1e 75%) !important;
  background-size:200% 100% !important;
}
[data-theme="dark"] .notif-unread{background:#141416 !important;}

/* 9) تبقى ملوّنة */
[data-theme="dark"] .btn-primary{background:#EE1D52 !important;color:#fff !important;}
[data-theme="dark"] .btn-primary svg{stroke:#fff !important;}
[data-theme="dark"] .follow-btn:not(.following),[data-theme="dark"] .tt-follow-btn,
[data-theme="dark"] .follow-profile-btn:not(.following){background:#EE1D52 !important;color:#fff !important;}
[data-theme="dark"] .btn-share.ready{background:#2AABEE !important;color:#fff !important;border-color:#2AABEE !important;}

/* ============================================================
   v445 — تصحيحات
   ============================================================ */

/* [v525] أُزيلت هنا قاعدة { stroke:unset; fill:unset; }
   السبب: stroke/fill خاصيتان موروثتان، و unset = inherit ⇒ تعود للأسود،
   وتتغلّب على سمات SVG (fill="white" / stroke="#fff") لأن سمات العرض
   أضعف من أي قاعدة CSS. هذا هو سبب اسوداد: البث، البحث، الحفظ، المشاركة. */

/* ضمان: أزرار الشورتس بيضاء دائماً (لايك/تعليق/حفظ/مشاركة) */
[data-theme="dark"] #shortsOverlay svg[fill="white"],
[data-theme="dark"] #shortsOverlay svg[fill="#fff"]{fill:#fff !important;stroke:#fff !important;}
[data-theme="dark"] #shortsOverlay svg[fill="#E53935"]{fill:#E53935 !important;stroke:#E53935 !important;}

/* ✅ حبّة أزرار الاتصال في الشات */
/* [v448] أُزيلت الخلفية الرمادية والخلفية البيضاء النشطة — أيقونات مجرّدة فقط */
.chat-call-pill{background:none;}
.chat-call-pill button{color:#1a1a1a;background:none;}
.chat-call-pill .chat-call-active{background:none;box-shadow:none;}
[data-theme="dark"] .chat-call-pill{background:none !important;}
[data-theme="dark"] .chat-call-pill button{color:#fff !important;}
[data-theme="dark"] .chat-call-pill button svg{fill:#fff !important;stroke:none !important;}
[data-theme="dark"] .chat-call-pill .chat-call-active{background:none !important;box-shadow:none !important;}

/* ✅ زر ➕ السفلي: يتبع الوضع */
#globalBottomBar #nbCreate > div{background:#000;border:none;}
#globalBottomBar #nbCreate svg{stroke:#fff;fill:none;}
[data-theme="dark"] #globalBottomBar:not(.bar-dark) #nbCreate > div{
  background:#fff !important; border:none !important; border-radius:10px !important;
}
[data-theme="dark"] #globalBottomBar:not(.bar-dark) #nbCreate svg{stroke:#111 !important;fill:none !important;}

/* ✅ أيقونات شيت المشاركة الملوّنة: تبقى كما صُمّمت، والرموز البيضاء تبقى بيضاء */
/* [v525] أُزيلت { stroke:unset; fill:unset } — كانت تُسوّد أيقونة «نسخ الرابط» */
[data-theme="dark"] .gx-share-icon svg[fill="#fff"],
[data-theme="dark"] .gx-share-icon svg[fill="white"]{fill:#fff !important;}

/* ✅ شريط الحالة/التنقل للنظام */
html,body{background-color:var(--bg);}

/* [v445] زر الخيارات ⋮ في المحادثة */
#chatMoreBtn{color:var(--text);}
#chatMoreBtn svg{fill:currentColor !important;stroke:none !important;}
[data-theme="dark"] #chatMoreBtn{color:#fff !important;}
[data-theme="dark"] #chatMoreBtn svg{fill:#fff !important;}

/* ============================================================
   v447 — السبب الجذري لـ«كل شيء أبيض» في الوضع الليلي
   base.css يعرّف:  [data-theme="dark"]{ --primary:#ffffff }
   و --primary مستعمل في ~40 موضع (المفاتيح، الهاشتاغ، المنشن،
   زر البحث، زر إضافة الميديا، السبينر...) ⇒ كلها كتل بيضاء.
   نُعيد لون العلامة التجارية للعناصر الدلالية.
   ============================================================ */
:root{ --accent:#EE1D52; }
[data-theme="dark"]{ --accent:#EE1D52; }

/* المفاتيح (Toggles) — كانت بيضاء ساطعة عند التفعيل */
[data-theme="dark"] .vy-switch input:checked + .vy-slider{
  background:var(--accent) !important;
}
[data-theme="dark"] .vy-switch .vy-slider{
  background:#3a3a3c !important;
}
[data-theme="dark"] .vy-switch .vy-slider::before{
  background:#fff !important;
}

/* أزرار الإجراء الملوّنة — تبقى بلون العلامة لا بيضاء */
[data-theme="dark"] .search-go-btn{
  background:var(--accent) !important; color:#fff !important;
}
[data-theme="dark"] .search-go-btn svg{stroke:#fff !important;}
[data-theme="dark"] .add-media-btn{color:var(--accent) !important;}
[data-theme="dark"] .add-media-btn svg{stroke:var(--accent) !important;}
[data-theme="dark"] .edit-ava-hint{color:var(--accent) !important;}

/* الهاشتاغ والمنشن والروابط */
[data-theme="dark"] .hashtag,
[data-theme="dark"] .mention{color:#4ea3ff !important;}
[data-theme="dark"] .post-link{color:#4ea3ff !important;}

/* السبينر */
[data-theme="dark"] .spinner{border-top-color:var(--accent) !important;}

/* [v455] لا خلفية رمادية خلف أزرار الإشعارات/البحث في الرسائل (فاتح وداكن) */
[data-theme="dark"] #messagesPage .top-bar { border-bottom:none !important; }
[data-theme="dark"] #notificationsPage .top-bar { border-bottom:none !important; }
[data-theme="dark"] #notificationsPage .notif-item,
[data-theme="dark"] #notificationsPage .notif-unread { background:transparent !important; border-bottom:none !important; }
[data-theme="dark"] #notificationsPage .notif-item:active { background:#1c1c1e !important; }

/* ============================================================
   v525 — مطابقة الوضع الليلي للوضع النهاري في الشورتس والمشاركة
   السبب الجذري: stroke/fill خاصيتان موروثتان، و unset/initial تُعيدهما
   إلى الأسود وتتغلّب على سمات SVG. أُزيلت تلك القواعد أعلاه،
   وهنا ضمانات صريحة لكل عنصر.
   ============================================================ */

/* 1) الشريط العلوي للشورتس: أيقونة البث (يسار) وأيقونة البحث (يمين) */
[data-theme="dark"] #shortsTopBar svg,
[data-theme="dark"] #shortsTopBar svg *{
  stroke:#fff !important;
  fill:none !important;
}
[data-theme="dark"] #shortsTopBar svg text{
  fill:#fff !important;
  stroke:none !important;
}

/* 2) العمود الجانبي للشورتس — نفس ألوان الوضع النهاري */
[data-theme="dark"] #shortsOverlay svg[fill="#FFD700"],
[data-theme="dark"] #shortsOverlay svg[fill="#FFD60A"]{
  fill:#FFD700 !important;
  stroke:#FFD700 !important;
}
[data-theme="dark"] #shortsOverlay svg[fill="#E53935"]{
  fill:#E53935 !important;
  stroke:#E53935 !important;
}
[data-theme="dark"] #shortsOverlay svg[fill="none"][stroke="white"],
[data-theme="dark"] #shortsOverlay svg[fill="none"][stroke="#fff"],
[data-theme="dark"] #shortsOverlay svg[fill="none"][stroke="#ffffff"]{
  fill:none !important;
  stroke:#fff !important;
}
[data-theme="dark"] #shortsOverlay svg[fill="none"][stroke="white"] *,
[data-theme="dark"] #shortsOverlay svg[fill="none"][stroke="#fff"] *{
  fill:none !important;
  stroke:#fff !important;
}
[data-theme="dark"] #shortsOverlay svg[fill="white"],
[data-theme="dark"] #shortsOverlay svg[fill="#ffffff"]{
  fill:#fff !important;
}
[data-theme="dark"] #shortsOverlay button[id^="short-follow-btn-"]{
  background:#EE1D52 !important;
  color:#fff !important;
}

/* 3) شيت «إرسال إلى»: زر الإرسال وردي كزر المتابعة */
[data-theme="dark"] #storySendToSheet button[data-send],
[data-theme="dark"] #shareSendList button[data-send],
[data-theme="dark"] .gx-share-sheet button[data-send]{
  background:#EE1D52 !important;
  color:#fff !important;
  border:none !important;
}
[data-theme="dark"] #storySendToSheet button[data-send]:disabled{
  background:var(--input-bg,#2c2c2e) !important;
  color:var(--text,#f5f5f5) !important;
}

/* 4) زر ➕ الأوسط: مربّع أبيض مصمت وعلامة + سوداء دائماً */
#globalBottomBar #nbCreate > div,
#globalBottomBar.bar-dark #nbCreate > div,
[data-theme="dark"] #globalBottomBar #nbCreate > div,
[data-theme="dark"] #globalBottomBar.bar-dark #nbCreate > div,
#nbCreateBox{
  background:#fff !important;
  border:none !important;
  border-radius:10px !important;
}
#globalBottomBar #nbCreate svg,
#globalBottomBar.bar-dark #nbCreate svg,
[data-theme="dark"] #globalBottomBar #nbCreate svg,
[data-theme="dark"] #globalBottomBar.bar-dark #nbCreate svg{
  stroke:#111 !important;
  fill:none !important;
}

/* ============================================================
   v529 — حقول الإدخال + غرفة البث
   ============================================================ */

/* 1) الحقول المصمّمة شفافة داخل غلاف مدوّر (بحث الرسائل، بحث الصفحة،
      حقل الدردشة) كانت تأخذ خلفية رمادية مربّعة فوق الغلاف المدوّر
      فتظهر كمستطيل حاد. نُبقيها شفافة كما في الوضع النهاري. */
[data-theme="dark"] input[style*="background:none"],
[data-theme="dark"] input[style*="background: none"],
[data-theme="dark"] input[style*="background:transparent"],
[data-theme="dark"] textarea[style*="background:transparent"],
[data-theme="dark"] textarea[style*="background: transparent"],
[data-theme="dark"] .ig-input,
[data-theme="dark"] .tt-chat-input,
[data-theme="dark"] #chatInput,
[data-theme="dark"] #convSearchInput,
[data-theme="dark"] #searchInput{
  background:transparent !important;
  border:none !important;
}

/* 2) غلاف حقل الدردشة وزر التسجيل: كانا rgba(0,0,0,.06) و #1a1a1a
      أي أسود على أسود = غير مرئيين في الوضع الليلي */
[data-theme="dark"] #chatInputBar [style*="rgba(0,0,0,0.06)"],
[data-theme="dark"] #chatInputBar [style*="rgba(0,0,0,.06)"]{
  background:rgba(255,255,255,.10) !important;
}
[data-theme="dark"] #voiceBtn{
  background:#fff !important;
}
[data-theme="dark"] #voiceBtn svg{ stroke:#111 !important; }

/* 3) شبكة أمان: غرفة البث بألوان نهارية دائماً (بالإضافة لقفل السمة في
      live-light-lock.js — هذه لو حُمّل الـ JS متأخّراً) */
#liveStreamRoom, .live-room,
.live-cohost-overlay, .live-invite-overlay, .live-mod-overlay,
.live-profile-sheet-ov, #liveSettingsSheet{
  --bg:#fafafa; --bg2:#f0f2f5; --card:#ffffff; --card-rgb:255,255,255;
  --text:#262626; --text2:#8e8e8e; --text3:#c7c7c7;
  --border:#dbdbdb; --input-bg:#f0f2f5; --hover:#f2f2f2;
  --primary:#EE1D52; --accent:#EE1D52;
  color-scheme: light;
}

/* ═══════════════════════════════════════════════════════════════════
 *  [v530] تحسينات صفحة الرسائل + قفل نهاري للمحرّر
 * ═══════════════════════════════════════════════════════════════════ */

/* ── البند 3: كبسولة البحث في الرسائل — واضحة في الوضع الليلي وأيقونتها بيضاء ── */
#convSearchWrap .conv-search-cap{
  border-radius:999px !important;
  padding:10px 15px !important;
}
[data-theme="dark"] #convSearchWrap .conv-search-cap{
  background:#1f1f22 !important;
  border:1px solid #35353a !important;
}
[data-theme="dark"] #convSearchWrap .conv-search-cap svg{
  stroke:#ffffff !important;
  color:#ffffff !important;
  opacity:1 !important;
}
[data-theme="dark"] #convSearchInput{ color:#ffffff !important; }
[data-theme="dark"] #convSearchInput::placeholder{ color:#b5b5bb !important; }

/* نفس المعالجة لحقل البحث في صفحة البحث (ig-field) */
[data-theme="dark"] .ig-field{
  background:#1f1f22 !important;
  border:1px solid #35353a !important;
  border-radius:999px !important;
}
[data-theme="dark"] .ig-field .ig-field-icon{
  color:#ffffff !important;
  stroke:#ffffff !important;
}
[data-theme="dark"] .ig-input{ color:#ffffff !important; }
[data-theme="dark"] .ig-input::placeholder{ color:#b5b5bb !important; }

/* ── البند 4: وقت المحادثة — أغمق وأكبر قليلاً (وأبيض ساطع في الليلي) ── */
.conv-time{
  font-size:12.5px !important;
  font-weight:700 !important;
  color:#1a1a1a !important;
  letter-spacing:-.1px;
}
[data-theme="dark"] .conv-time{ color:#ffffff !important; }

/* ── البند 6: لا إطار سفلي تحت أي بار علوي ── */
.top-bar{ border-bottom:none !important; box-shadow:none !important; }

/* ── البند 1: شبكة أمان — المحرّر بألوان نهارية دائماً ──
      (بالإضافة لقفل السمة في live-light-lock.js، تحسّباً لتأخّر تحميل الـ JS) */
#shortUploadOverlay{
  --bg:#fafafa; --bg2:#f0f2f5; --card:#ffffff; --card-rgb:255,255,255;
  --text:#262626; --text2:#8e8e8e; --text3:#c7c7c7;
  --border:#dbdbdb; --input-bg:#f0f2f5; --hover:#f2f2f2;
  --primary:#EE1D52; --accent:#EE1D52;
  color-scheme: light;
}

/* ═══════════════════════════════════════════════════════════════════
 *  [v531] زر (+) الأوسط — تثبيت السلوك المطلوب
 *    داخل الشورتس (bar-dark): مربّع أبيض وعلامة سوداء — كما هو، بلا تغيير.
 *    أي صفحة أخرى في الوضع النهاري: مربّع أسود وعلامة + بيضاء.
 * ═══════════════════════════════════════════════════════════════════ */
html:not([data-theme="dark"]) #globalBottomBar:not(.bar-dark) #nbCreate > div,
html:not([data-theme="dark"]) #globalBottomBar:not(.bar-dark) #nbCreateBox{
  background:#000 !important;
  border:none !important;
  border-radius:10px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.30) !important;
}
html:not([data-theme="dark"]) #globalBottomBar:not(.bar-dark) #nbCreate svg{
  stroke:#ffffff !important;
  fill:none !important;
}

/* داخل الشورتس يبقى كما هو تماماً */
#globalBottomBar.bar-dark #nbCreate > div,
#globalBottomBar.bar-dark #nbCreateBox{ background:#fff !important; }
#globalBottomBar.bar-dark #nbCreate svg{ stroke:#111 !important; fill:none !important; }

/* ═══════════════════════════════════════════════════════════════════
 *  [v532] أوقات الرسائل + إخفاء زر المسح الأصلي لحقول type=search
 * ═══════════════════════════════════════════════════════════════════ */

/* وقت الرسالة خارج الفقاعة الزرقاء: أسود قوي نهاراً، أبيض واضح ليلاً */
.msg-time{
  font-size:11px;
  font-weight:700;
  color:#000000;
  font-variant-numeric:tabular-nums;
}
[data-theme="dark"] .msg-time{ color:#ffffff; }

/* المتصفّح يضيف (×) داخلياً لحقول type=search — نخفيه */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}

/* ═══════════════════════════════════════════════════════════════════
 *  [v535] علامة الاستلام/القراءة في المحادثة والقائمة
 *    • أُرسلت ولم تُقرأ → ✓ واحدة أكبر قليلاً بلون وردي (لون زر Follow)
 *    • قُرئت           → صورة بروفايل الطرف الآخر دائرية صغيرة (مثل فيسبوك)
 * ═══════════════════════════════════════════════════════════════════ */
.msg-tick-sent{
  font-size:14px;
  font-weight:800;
  line-height:1;
  color:#EE1D52;
  margin-inline-start:3px;
  flex-shrink:0;
}
.msg-seen-ava{
  width:15px;height:15px;
  border-radius:50%;
  object-fit:cover;
  display:inline-block;
  vertical-align:middle;
  margin-inline-start:4px;
  flex-shrink:0;
  border:1px solid rgba(0,0,0,.10);
}
.msg-seen-ava-ph{
  background:#c9c9d1;
}

/* [v535] منع قائمة المتصفّح والسحب على وسائط الستوري والشورتس */
.vy-nocallout,
#storyViewerOverlay img, #storyViewerOverlay video,
#shortsOverlay img, #shortsOverlay video{
  -webkit-touch-callout:none !important;
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
  pointer-events:auto;
}

/* [v536] خلفية المحادثة رمادية خفيفة (تبان قليلاً فقط) */
:root{ --chat-bg:#ffffff; }  /* [v550] أبيض بدل الرمادي */
[data-theme="dark"]{ --chat-bg:#0f0f12; }
#chatMessages{ background:var(--chat-bg) !important; }