/* v28.45 — تحسينات الواجهة (الخط، زر التشغيل، مؤشر السحب، قائمة الخيارات، رسم المشاهدات، الشارات).
   هذا الملف الأخير في الترتيب، لذلك يتغلّب على ما قبله. لحذف التعديلات: احذف هذا الملف وسطره من index.html */

/* الخط: IBM Plex Sans Arabic في كل التطبيق (الشعار يبقى بخطه الأصلي) */
html body, html body *:not(.brand-name):not(.brand-mark) {
  font-family: 'IBM Plex Sans Arabic', Cairo, system-ui, sans-serif !important;
}

/* زر التشغيل في وسط الفيديو: أصغر وشفاف مثل التطبيقات الكبيرة */
.video-card .play-hint {
  width: 58px !important; height: 58px !important; border-radius: 50% !important;
  background: rgba(0, 0, 0, .28) !important; border: 0 !important; backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.video-card .play-hint svg { width: 24px !important; height: 24px !important; filter: drop-shadow(0 1px 4px #0009); }

/* مؤشر «اسحب للتحديث»: ينزل تحت شريط التبويبات ولا يغطيها */
.pull-ind.spin { transform: translate(-50%, 112px) !important; }

/* قائمة «خيارات» الفيديو: خط أصغر وأوضح */
.sheet-row b { font-size: 14px !important; font-weight: 600 !important; }
.sheet-row small { font-size: 11.5px !important; line-height: 1.5 !important; }

/* مشاهدات آخر الفيديوهات: رسم أهدأ وأنحف */
.st-chart { height: 96px !important; gap: 12px !important; justify-content: center; padding-top: 6px !important; }
.st-bar { flex: 0 0 30px !important; }
.st-bar i { border-radius: 10px 10px 4px 4px !important; opacity: .92; }
.st-bar small { font-size: 10px !important; }

/* الشارات والأيقونات الصغيرة: SVG بخط موحّد */
.st-badges span svg, .st-ic svg, .st-draft button svg {
  width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.st-badges span { color: #FACC15; }
.st-ic { display: inline-flex; color: #FF6B8B; }

/* الرسائل الصغيرة (toast) تظهر فوق القائمة والنوافذ — كانت تختفي خلف قائمة الإعدادات */
.toast { z-index: 400 !important; }

/* زر «رجوع» نصي بدل السهم في كل التطبيق */
.back-btn, .fl-back, .po-back, .dm-back {
  width: auto !important; min-width: 0 !important; height: 34px !important; padding: 0 14px !important; border-radius: 17px !important;
  display: inline-flex !important; align-items: center; justify-content: center; white-space: nowrap;
  font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; transform: none !important; color: #fff;
}
.back-btn:not(.static) { background: #0000008c; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid #ffffff1f; }
.back-btn.static, .dm-back { padding: 0 8px !important; background: none; color: #FF6B8B; }
.fl-back, .po-back { background: #ffffff12 !important; }
.admin-v25 .adm-head .back-btn.adm-back { padding: 0 6px !important; }

/* v28.47: الرسالة الصغيرة (toast) داكنة وفي أسفل الشاشة، ولا تغطي القائمة أو المحتوى */
.toast { top: auto !important; bottom: calc(96px + env(safe-area-inset-bottom)) !important; background: #1C1A3Af2 !important; color: #fff !important;
  border: 1px solid #ffffff26; border-radius: 16px !important; padding: 11px 18px !important; font-size: 13px !important; line-height: 1.6;
  white-space: normal !important; max-width: calc(100% - 32px); width: max-content; text-align: center; box-shadow: 0 10px 30px #000a !important;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateX(-50%) translateY(12px) !important; }
.toast.show { transform: translateX(-50%) translateY(0) !important; }