/* =====================================================================
   BASHA ACCOUNT — منطقة الطالب
   يُحمَّل بعد account.css / account-course.css / account-lecture.css / exams.css
   ويعيد صياغة شكلها بالكامل بهوية الأحمر الغامق والأبيض.
   ===================================================================== */

:root{ --acc-topbar-h:84px; }

/* ======================= الشريط العلوي ======================= */
.acc-topbar{
  position:sticky !important;
  top:0;
  z-index:10000;
  padding:0 !important;
  background:var(--grad-brand) !important;
  border-bottom:1px solid rgba(0,0,0,.18);
  box-shadow:0 6px 22px rgba(43,5,8,.28);
}
.acc-topbar::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 2px,transparent 2px 40px);
}
.acc-topbar > .container{ position:relative; z-index:1; }

.acc-topbar__bar{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:12px 0 !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:var(--acc-topbar-h);
}
.acc-topbar__bar::before,
.acc-topbar__bar::after{ display:none !important; }

/* العلامة داخل الشريط */
.acc-brand{ color:#fff !important; gap:12px !important; }
.acc-brand:hover{ transform:none !important; }
.acc-brand__logo,
.acc-brand__logoFallback{
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.12) !important;
  border:2px solid rgba(255,255,255,.5);
  padding:4px;
  object-fit:contain;
  color:#fff !important;
  font-family:var(--font-display);
  font-size:1.05rem;
  font-weight:700;
}
.acc-brand__logoFallback{ display:grid; place-items:center; }
.acc-brand__logo.platform-logo__img--light{ display:block; }
.acc-brand__logo.platform-logo__img--dark{ display:none; }
html[data-theme="dark"] .acc-brand__logo.platform-logo__img--light{ display:none; }
html[data-theme="dark"] .acc-brand__logo.platform-logo__img--dark{ display:block; }
.acc-brand__name{
  font-family:var(--font-display) !important;
  font-size:1.24rem !important;
  font-weight:700 !important;
  color:#fff !important;
  max-width:none !important;
}
.acc-brand__sub{
  font-size:.76rem !important;
  font-weight:700 !important;
  color:rgba(255,255,255,.72) !important;
  letter-spacing:.4px;
}

/* مبدّل الثيم فوق الأحمر */
.acc-topbar .acc-theme,
.acc-topbar .theme-switch{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.4) !important;
}
.acc-topbar .acc-theme__knob,
.acc-topbar .theme-switch__knob{
  background:#fff !important;
  color:var(--red-800) !important;
  box-shadow:0 3px 10px rgba(0,0,0,.28) !important;
}

/* الأزرار الدائرية: الجرس والقائمة */
.acc-bell,
.acc-burger{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  border:1.5px solid rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  transition:background-color var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.acc-bell:hover,
.acc-burger:hover{
  background:#fff !important;
  color:var(--red-800) !important;
  border-color:#fff !important;
  transform:translateY(-1px) !important;
}
.acc-burger span{ background:currentColor !important; }
.acc-bell__badge{
  background:#fff !important;
  color:var(--red-800) !important;
  border:2px solid var(--red-700);
  font-weight:800;
}

/* بطاقة اسم الطالب + المحفظة */
.acc-student,
.acc-pill{
  border-radius:var(--radius) !important;
  background:rgba(255,255,255,.12) !important;
  border:1.5px solid rgba(255,255,255,.34) !important;
  color:#fff !important;
  font-weight:800 !important;
  padding:10px 14px !important;
}
.acc-pill--link:hover{
  background:#fff !important;
  color:var(--red-800) !important;
  border-color:#fff !important;
  box-shadow:0 6px 16px rgba(0,0,0,.22) !important;
}
.acc-student__ico,
.acc-pill__ico{ color:rgba(255,255,255,.85); }
.acc-pill--link:hover .acc-pill__ico{ color:var(--red-700); }

/* الإشعارات */
.acc-notifs{
  border-radius:var(--radius-lg) !important;
  border:1.5px solid var(--border-strong) !important;
  box-shadow:var(--shadow-strong) !important;
  overflow:hidden;
}
.acc-notifs__head{
  background:var(--grad-brand) !important;
  border-bottom:0 !important;
  color:#fff;
}
.acc-notifs__title{ color:#fff !important; font-family:var(--font-display); font-weight:700 !important; }
.acc-notifs__close{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.36) !important;
  color:#fff !important;
  border-radius:var(--radius) !important;
}
.acc-notifs__close:hover{ background:#fff !important; color:var(--red-800) !important; }
.acc-notifs__loading,
.acc-notifs__empty,
.acc-notifs__err{ border-radius:var(--radius) !important; }

/* ========================== التخطيط ========================== */
.acc-page{ gap:18px !important; margin-top:18px !important; }

.acc-sidebar{
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--border) !important;
  border-top:4px solid var(--red-700) !important;
  background:var(--card-bg) !important;
  box-shadow:var(--shadow-soft) !important;
  padding:14px !important;
}

.acc-nav{ gap:5px !important; }
.acc-nav__item{
  position:relative;
  border-radius:var(--radius) !important;
  border:1px solid transparent !important;
  font-weight:800 !important;
  color:var(--muted-strong) !important;
  padding:12px 14px !important;
  transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease),
             border-color var(--dur) var(--ease), transform var(--dur) var(--ease);
}
html[data-theme="dark"] .acc-nav__item{
  color:#F6E6E8 !important;
}
html[data-theme="dark"] .acc-nav__item.is-active,
html[data-theme="dark"] .acc-nav__item.is-active .acc-nav__lbl{
  color:#fff !important;
}
.acc-nav__item::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:50%;
  translate:0 -50%;
  width:3px;
  height:0;
  border-radius:3px;
  background:var(--red-700);
  transition:height var(--dur) var(--ease);
}
.acc-nav__item:hover{
  background:var(--surface-soft) !important;
  color:var(--accent) !important;
  transform:translateX(-3px);
}
.acc-nav__item:hover::before{ height:60%; }
.acc-nav__item.is-active{
  background:var(--red-700) !important;
  border-color:var(--red-700) !important;
  color:#fff !important;
  box-shadow:var(--shadow-red);
}
.acc-nav__item.is-active::before{ background:#fff; height:60%; }
.acc-nav__item.is-active .acc-nav__ico,
.acc-nav__item.is-active .acc-nav__lbl{ color:#fff !important; }
html[data-theme="dark"] .acc-nav__item.is-active{ background:var(--red-500) !important; border-color:var(--red-500) !important; }
.acc-nav__item.is-danger{
  background:var(--danger-soft-bg) !important;
  border-color:var(--danger-soft-border) !important;
  color:var(--danger) !important;
}
.acc-nav__item.is-danger .acc-nav__lbl,
.acc-nav__item.is-danger .acc-nav__ico,
.acc-nav__item.is-danger .acc-nav__ico svg{
  color:var(--danger) !important;
  stroke:currentColor !important;
}
.acc-nav__soon{
  font-size:.72rem !important;
  font-weight:800 !important;
  padding:3px 9px;
  border-radius:var(--radius-pill);
  background:var(--surface-strong);
  color:var(--accent) !important;
}

/* ========================= لوحة الطالب ========================= */
.acc-hero{
  position:relative;
  overflow:hidden;
  border:0 !important;
  border-radius:var(--radius-lg) !important;
  background:var(--grad-hero) !important;
  color:#fff !important;
  padding:34px 32px !important;
  box-shadow:var(--shadow-strong) !important;
  backdrop-filter:none !important;
}
.acc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 42px);
  pointer-events:none;
}
.acc-hero::after{
  content:"";
  position:absolute;
  inset-block-start:-30%;
  inset-inline-start:-6%;
  width:300px;
  height:300px;
  border-radius:50%;
  border:2px dashed rgba(255,255,255,.14);
  pointer-events:none;
}
.acc-hero > *{ position:relative; z-index:1; }
.acc-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px !important;
  padding:6px 14px;
  border-radius:var(--radius-pill);
  border:1px solid rgba(255,255,255,.36);
  background:rgba(255,255,255,.10);
  font-size:.84rem;
  font-weight:800;
  color:rgba(255,255,255,.92) !important;
  letter-spacing:.4px;
}
.acc-hero h1{
  font-family:var(--font-display) !important;
  font-size:clamp(1.6rem,3.4vw,2.35rem) !important;
  font-weight:700 !important;
  color:#fff !important;
  margin:0 0 8px !important;
}
.acc-hero__sub{
  color:rgba(255,255,255,.82) !important;
  font-size:1rem !important;
  font-weight:600 !important;
  max-width:58ch;
}
.acc-hero__seal{
  position:absolute;
  z-index:0;
  inset-inline-end:28px;
  top:50%;
  translate:0 -50%;
  width:132px;
  height:132px;
  color:rgba(255,255,255,.16);
}

/* الخط الزمني داخل الحساب */
.acc-journey{
  position:relative;
  z-index:1;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:26px !important;
}
.acc-journey__step{
  display:grid !important;
  justify-items:center;
  gap:4px;
  padding:16px 10px !important;
  border-radius:var(--radius) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  text-align:center;
  text-decoration:none;
  transition:background-color var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.acc-journey__step:hover{ background:#fff !important; color:var(--red-800) !important; transform:translateY(-4px); }
.acc-journey__foot{ display:none !important; }
.acc-journey__num{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid currentColor;
  font-family:var(--font-display);
  font-size:1.24rem;
  font-weight:700;
}
.acc-journey__label{ font-family:var(--font-display); font-size:1.08rem; font-weight:700; }
.acc-journey__hint{ font-size:.8rem; font-weight:700; opacity:.75; }

/* بطاقات العصور داخل الحساب (بديل بطاقات "المرشدين") */
.acc-companions{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
  margin-top:18px !important;
}
.acc-companion{
  display:flex !important;
  align-items:center;
  gap:14px;
  padding:18px !important;
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--border) !important;
  border-top:3px solid var(--red-700) !important;
  background:var(--card-bg) !important;
  box-shadow:var(--shadow-soft) !important;
  transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.acc-companion:hover{ transform:translateY(-4px); box-shadow:var(--shadow-strong) !important; }
.acc-companion__ico{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  flex:none;
  border-radius:var(--radius);
  background:var(--surface-strong);
  color:var(--accent);
}
.acc-companion img{
  width:52px !important;
  height:52px !important;
  border-radius:var(--radius) !important;
  object-fit:cover;
  flex:none;
}
.acc-companion h3{
  margin:0 0 2px !important;
  font-family:var(--font-display);
  font-size:1.16rem;
  font-weight:700;
  color:var(--text-strong);
}
.acc-companion p{ margin:0 !important; color:var(--muted); font-size:.92rem; font-weight:600; line-height:1.75; }
.acc-companion__span{
  display:inline-block;
  margin-top:4px;
  padding:2px 9px;
  border-radius:var(--radius);
  background:var(--surface-soft);
  border:1px solid var(--border);
  color:var(--accent);
  font-size:.76rem;
  font-weight:800;
}

/* الإحصائيات */
.acc-stats__grid{ gap:16px !important; }
.acc-stat{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-soft) !important;
  padding:20px 22px !important;
  transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
  text-decoration:none !important;
  color:inherit !important;
  cursor:pointer;
  display:block;
}
.acc-stat::before{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  height:3px;
  background:var(--grad-brand);
}
.acc-stat:hover{ transform:translateY(-4px); box-shadow:var(--shadow-strong) !important; }
.acc-stat:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}
.acc-stat__ico{
  border-radius:50% !important;
  background:var(--red-700) !important;
  color:#fff !important;
  box-shadow:var(--shadow-red);
}
.acc-stat__val{
  font-family:var(--font-display) !important;
  font-weight:700 !important;
  color:var(--text-strong) !important;
}
.acc-stat__lbl{ font-weight:700 !important; }

/* =========================== البطاقات =========================== */
.acc-card{
  position:relative;
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-soft) !important;
  padding:22px !important;
  backdrop-filter:none !important;
}
.acc-card__head h2{
  font-family:var(--font-display) !important;
  font-size:1.42rem !important;
  font-weight:700 !important;
  color:var(--text-strong) !important;
  padding-bottom:12px;
  margin-bottom:16px !important;
  border-bottom:2px solid var(--border);
  position:relative;
}
.acc-card__head h2::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  bottom:-2px;
  width:70px;
  height:2px;
  background:var(--red-700);
}

.acc-alert{
  border-radius:var(--radius) !important;
  border-inline-start-width:4px !important;
  font-weight:800 !important;
}
.acc-alert--success{ border-inline-start-color:var(--success) !important; }
.acc-alert--error{ border-inline-start-color:var(--danger) !important; }

/* =========================== الأزرار =========================== */
.acc-btn,
.acc-btnx--solid,
.acc-modal-btn--primary{
  border-radius:var(--radius) !important;
  border:1.5px solid var(--red-700) !important;
  background:var(--red-700) !important;
  color:#fff !important;
  font-weight:800 !important;
  box-shadow:var(--shadow-red);
  transition:background-color var(--dur) var(--ease), transform var(--dur) var(--ease) !important;
}
.acc-btn:hover,
.acc-modal-btn--primary:hover{
  background:var(--red-800) !important;
  border-color:var(--red-800) !important;
  filter:none !important;
  transform:translateY(-2px) !important;
}
html[data-theme="dark"] .acc-btn,
html[data-theme="dark"] .acc-modal-btn--primary{ background:var(--red-500) !important; border-color:var(--red-500) !important; }

.acc-btn--ghost,
.acc-btnx--ghost,
.acc-modal-btn--ghost{
  background:transparent !important;
  color:var(--accent) !important;
  border:1.5px solid var(--border-strong) !important;
  box-shadow:none !important;
}
.acc-btn--ghost:hover,
.acc-modal-btn--ghost:hover{ background:var(--accent) !important; color:#fff !important; border-color:var(--accent) !important; }

.acc-badge,
.pill,
.buy-pill,
.acc-chip,
.acc-onlinePill,
.timer-pill{
  border-radius:var(--radius) !important;
  border:1px solid var(--border) !important;
  font-weight:800 !important;
}
.acc-badge--free{ background:var(--success-soft-bg) !important; color:var(--success) !important; border-color:var(--success-soft-border) !important; }
.acc-badge--buy{ background:var(--red-700) !important; color:#fff !important; border-color:var(--red-700) !important; }
.acc-badge--att{ background:var(--surface-strong) !important; color:var(--accent) !important; }

.acc-unread{ background:var(--red-700) !important; color:#fff !important; border-radius:var(--radius-pill) !important; }

/* ====================== الكورسات والمحاضرات ====================== */
.acc-course,
.acc-assess-card,
.acc-feedCard,
.acc-chatCard,
.wallet-summary__card,
.wallet-history__item{
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-soft) !important;
  transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.acc-course:hover,
.acc-assess-card:hover,
.wallet-history__item:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-strong) !important;
  border-color:var(--border-strong) !important;
}
.acc-course{ position:relative; overflow:hidden; }
.acc-course::before{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  height:3px;
  z-index:2;
  background:var(--grad-brand);
}
.acc-course__cover{
  background:
    repeating-linear-gradient(115deg,var(--surface-soft) 0 2px,transparent 2px 30px),
    linear-gradient(135deg,var(--surface-strong),var(--surface-soft)) !important;
}
.acc-course__imgFallback{
  font-family:var(--font-latin) !important;
  font-size:2.4rem !important;
  letter-spacing:4px;
  color:var(--accent) !important;
}
.acc-course__title,
.acc-item__title,
.acc-assess-card__title,
.wallet-history__title{
  font-family:var(--font-display) !important;
  font-weight:700 !important;
  color:var(--text-strong) !important;
}
.acc-course__grade,
.acc-course__meta,
.acc-price__label,
.wallet-history__meta,
.wallet-summary__label{
  color:var(--muted) !important;
}
.acc-course__details,
.acc-metaRow span{
  color:var(--text) !important;
}
.acc-price{ color:var(--accent) !important; font-weight:800 !important; }
.acc-price__val,
.acc-price__val--after{ color:var(--primary-strong) !important; }
.acc-price__val--before{ color:var(--accent) !important; }

/* قائمة مسار المحاضرات */
.mp-pathList{ display:grid; gap:12px; }
.mp-pathItem{
  position:relative;
  border-radius:var(--radius) !important;
  border:1px solid var(--border) !important;
  background:var(--card-bg) !important;
  padding:16px 18px !important;
  transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.mp-pathItem:hover{ transform:translateX(-4px); border-color:var(--border-strong) !important; box-shadow:var(--shadow-soft) !important; }
.mp-pathItem__num{
  display:grid;
  place-items:center;
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  clip-path:none !important;
  background:var(--surface-strong) !important;
  border:2px solid var(--border-strong) !important;
  color:var(--accent) !important;
  font-family:var(--font-display) !important;
  font-size:1.14rem !important;
  font-weight:700 !important;
}
.mp-pathItem__title{ font-family:var(--font-display) !important; font-weight:700 !important; }
.mp-pathItem.is-next{ border-color:var(--red-700) !important; box-shadow:0 0 0 3px var(--accent-soft) !important; }
.mp-pathItem.is-next .mp-pathItem__num{ background:var(--red-700) !important; border-color:var(--red-700) !important; color:#fff !important; }
.mp-pathItem.is-locked{ opacity:.62; }

/* رؤوس صفحات الكورس/المحاضرة/العرض — خلفية حمراء دائماً → نص أبيض دائماً */
.acc-courseHero,
.acc-lectureHero,
.acc-viewerHero,
.acc-lectureInfo{
  position:relative;
  overflow:hidden;
  border:0 !important;
  border-radius:var(--radius-lg) !important;
  background:var(--grad-hero) !important;
  color:#fff !important;
  box-shadow:var(--shadow-strong) !important;
}
.acc-courseHero::before,
.acc-lectureHero::before,
.acc-viewerHero::before,
.acc-lectureInfo::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 42px);
}
.acc-courseHero > *,
.acc-lectureHero > *,
.acc-viewerHero > *,
.acc-lectureInfo > *{ position:relative; z-index:1; }

.acc-courseHero,
.acc-courseHero *,
.acc-lectureHero,
.acc-lectureHero *,
.acc-viewerHero,
.acc-viewerHero *,
.acc-lectureInfo,
.acc-lectureInfo *{
  color:#FFFFFF !important;
}
.acc-courseHero h1,.acc-courseHero h2,
.acc-lectureHero h1,.acc-lectureHero h2,
.acc-viewerHero h1,.acc-viewerHero h2,
.acc-viewerHero__title,
.acc-lectureInfo h1,.acc-lectureInfo h2,
.acc-courseHero__title{
  font-family:var(--font-display) !important;
  font-weight:700 !important;
  color:#fff !important;
}
.acc-viewerHero__sub,
.acc-courseHero p,
.acc-courseHero__sub,
.acc-courseHero__details,
.acc-lectureInfo p,
.acc-lectureInfo__row{
  color:rgba(255,255,255,.9) !important;
}
.acc-courseHero .acc-badge,
.acc-lectureInfo .acc-badge,
.acc-viewerHero .pill,
.acc-viewerStats .pill,
.acc-courseHero .acc-count,
.acc-courseHero .buy-pill{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.4) !important;
  color:#fff !important;
}
.acc-courseHero .acc-price,
.acc-courseHero .acc-price__label,
.acc-courseHero .acc-price__val,
.acc-courseHero .acc-price__val--after,
.acc-courseHero .acc-price__val--before,
.acc-courseHero .acc-count > svg,
.acc-courseHero__sub > svg,
.acc-lectureInfo__row > svg,
.acc-courseHero b,
.acc-lectureInfo b{
  color:#fff !important;
}
.acc-courseHero .acc-modal-btn--ghost,
.acc-lectureInfo .acc-modal-btn--ghost,
.acc-courseHero .acc-btn--ghost{
  background:rgba(255,255,255,.1) !important;
  border-color:rgba(255,255,255,.55) !important;
  color:#fff !important;
}
.acc-courseHero .acc-modal-btn--primary,
.acc-lectureInfo .acc-modal-btn--primary,
.acc-courseHero .acc-btn:not(.acc-btn--ghost){
  background:rgba(255,255,255,.95) !important;
  border-color:#fff !important;
  color:var(--red-800) !important;
}
.acc-courseHero .acc-modal-btn--primary svg,
.acc-courseHero .acc-btn:not(.acc-btn--ghost) svg{
  color:var(--red-800) !important;
}
.acc-lectureInfo .ui-status--success,
.acc-lectureInfo .ui-status--success *{
  color:#9AE6B4 !important;
}
.acc-lectureInfo .ui-status--danger,
.acc-lectureInfo .ui-status--danger *{
  color:#FEB2B2 !important;
}
.acc-courseHero__img{ border-radius:var(--radius) !important; border:2px solid rgba(255,255,255,.4); }

/* عناصر المحاضرة (فيديو / PDF) */
.acc-item{
  border-radius:var(--radius) !important;
  border:1px solid var(--border) !important;
  background:var(--card-bg) !important;
  transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.acc-item:hover{ transform:translateX(-4px); border-color:var(--border-strong) !important; }
.acc-item__badge{ border-radius:var(--radius) !important; background:var(--surface-strong) !important; color:var(--accent) !important; }
.acc-item__badge--danger{ background:var(--danger-soft-bg) !important; color:var(--danger) !important; }
.acc-item.is-blocked{ opacity:.6; }

/* مشغّل الفيديو */
.acc-viewerFrameShell{
  --yt-red:#A31E2C;
  --yt-bar:#170609;
}
.acc-playerStage,
.acc-viewerFrameShell{
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--border-strong) !important;
  overflow:hidden;
  box-shadow:var(--shadow-strong) !important;
}
.acc-ytProgress__fill,
.acc-ytBar__fill{ background:var(--red-500) !important; }
/* زر التشغيل الكبير بأسلوب يوتيوب: جسم أحمر + مثلث أبيض */
.acc-ytBigPlay{
  background:transparent !important;
  border:0 !important;
  color:#E11D2E !important;
  -webkit-text-fill-color:#E11D2E !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.55));
}
.acc-ytBigPlay svg{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
.acc-ytBigPlay svg path:first-child{
  fill:currentColor !important;
}
.acc-ytBigPlay svg path:last-child{
  fill:#FFFFFF !important;
}
.acc-ytBtn{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
.acc-ytBtn:hover{ color:#F2C9CE !important; -webkit-text-fill-color:#F2C9CE !important; }
.acc-ytBtn:disabled{
  color:rgba(255,255,255,.45) !important;
  -webkit-text-fill-color:rgba(255,255,255,.45) !important;
}
.acc-ytBtn svg,
.acc-ytBtn svg path,
.acc-ytBtn svg text{
  fill:currentColor !important;
  stroke:none !important;
  color:inherit !important;
}
.acc-playerOverlay__chip{
  border-radius:var(--radius) !important;
  background:rgba(43,5,8,.62) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.acc-playerNotice{
  border-radius:var(--radius) !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  background:#2B0508 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  font-weight:700;
}

/* ======================= الواجبات والامتحانات ======================= */
.acc-assess-card{ position:relative; overflow:hidden; }
.acc-assess-card::before{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  height:3px;
  background:var(--grad-brand);
}
.acc-assess-empty,
.acc-emptyBox,
.acc-notifications-empty{
  border-radius:var(--radius) !important;
  border:1px dashed var(--border-strong) !important;
  background:var(--surface-soft) !important;
}

/* صفحة أداء الامتحان */
.ass-wrap{ background:var(--page-bg); }
.ass-top{
  background:var(--grad-brand) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:0 !important;
}
.ass-top a,
.ass-top .ass-brand{ color:#fff !important; }
.ass-top .acc-btn--ghost{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.42) !important;
  color:#fff !important;
}
.ass-top .acc-btn--ghost:hover{ background:#fff !important; color:var(--red-800) !important; border-color:#fff !important; }
.ass-hero{
  border-radius:var(--radius-lg) !important;
  background:var(--grad-hero) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:var(--shadow-strong) !important;
}
.ass-hero__title{ font-family:var(--font-display) !important; font-weight:700 !important; color:#fff !important; }
.ass-hero__meta,.ass-meta{ color:rgba(255,255,255,.82) !important; }
.as-modal__card,
.ass-result-card,
.as-q{
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--border) !important;
  background:var(--card-bg) !important;
  box-shadow:var(--shadow-soft) !important;
}
.as-choice{
  border-radius:var(--radius) !important;
  border:1.5px solid var(--border) !important;
  transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);
}
.as-choice:hover{ border-color:var(--border-strong) !important; background:var(--surface-soft) !important; }
.as-choice.is-selected,
.as-choice input:checked + *{ border-color:var(--red-700) !important; background:var(--accent-soft) !important; }
.as-choice__idx{
  border-radius:50% !important;
  background:var(--surface-strong) !important;
  color:var(--accent) !important;
  font-family:var(--font-display) !important;
  font-weight:700 !important;
}
.qnum{
  border-radius:var(--radius) !important;
  border:1px solid var(--border) !important;
  font-weight:800 !important;
}
.qnum.is-current,
.qnum.is-answered{ background:var(--red-700) !important; color:#fff !important; border-color:var(--red-700) !important; }
.ass-alert.ok{ background:var(--success-soft-bg) !important; color:var(--success) !important; border-color:var(--success-soft-border) !important; }
.ass-alert.err{ background:var(--danger-soft-bg) !important; color:var(--danger) !important; border-color:var(--danger-soft-border) !important; }

/* =========================== المحفظة =========================== */
.wallet-summary__card{ position:relative; overflow:hidden; }
.wallet-summary__card::before{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  height:3px;
  background:var(--grad-brand);
}
.wallet-summary__value{
  font-family:var(--font-display) !important;
  font-weight:700 !important;
  color:var(--accent) !important;
}
.wallet-history__amount.is-positive{ color:var(--success) !important; }
.wallet-history__amount.is-negative{ color:var(--danger) !important; }

/* ====================== المنشورات والمحادثة ====================== */
.acc-reactionBtn{
  border-radius:var(--radius) !important;
  border:1px solid var(--border) !important;
  background:var(--surface-soft) !important;
  color:var(--text) !important;
  font-weight:800 !important;
}
.acc-reactionBtn:hover{ background:var(--surface-strong) !important; color:var(--accent) !important; }
.acc-reactionBtn.is-active{ background:var(--red-700) !important; color:#fff !important; border-color:var(--red-700) !important; }
.acc-chatItem{ border-radius:var(--radius) !important; background:var(--surface-soft) !important; }
.acc-chatItem.is-active{ border-color:var(--red-700) !important; background:var(--accent-soft) !important; }
.acc-chatMsg{ border-radius:var(--radius-lg) !important; }
.acc-chatMsg--student{ background:var(--accent-soft) !important; border-color:var(--border-strong) !important; }
.acc-chatMsg--admin{ background:var(--surface-soft) !important; }
.acc-comment,
.acc-commentReply{ border-radius:var(--radius) !important; }
.acc-avatar{ border:2px solid var(--border-strong) !important; }
.acc-feedImage{ border-radius:var(--radius) !important; }

/* ===================== عارض PDF داخل التطبيق ===================== */
.ykpdf__open,
.acc-pdfNativeOpen{
  border-radius:var(--radius) !important;
  background:var(--red-700) !important;
  color:#fff !important;
  border:1.5px solid var(--red-700) !important;
  font-weight:800 !important;
}
.ykpdf__page{ border-radius:var(--radius) !important; border:1px solid var(--border) !important; box-shadow:var(--shadow-soft) !important; }
.pdf-app__top{ background:var(--grad-brand) !important; color:#fff !important; }
.pdf-app__btn{
  border-radius:var(--radius) !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  color:#fff !important;
}

/* ========================== الاستجابة ========================== */
@media (max-width:980px){
  :root{ --acc-topbar-h:auto; }
  .acc-topbar__bar{ padding:10px 0 !important; }
  .acc-hero{ padding:26px 20px !important; }
  .acc-hero__seal{ display:none; }
  .acc-journey{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .acc-sidebar{ border-top-width:4px !important; }

  body:has(#accSideNavToggle:checked) .acc-sidebar,
  body.acc-sidebar-open .acc-sidebar,
  .acc-sidebar.is-open{
    background:var(--card-bg-strong) !important;
    color:var(--text) !important;
  }
  body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item,
  .acc-sidebar.is-open .acc-nav__item{
    color:var(--text) !important;
  }
  body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item.is-active,
  .acc-sidebar.is-open .acc-nav__item.is-active{
    background:var(--red-700) !important;
    border-color:var(--red-700) !important;
    color:#fff !important;
  }
  body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item.is-active .acc-nav__lbl,
  body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item.is-active .acc-nav__ico,
  .acc-sidebar.is-open .acc-nav__item.is-active .acc-nav__lbl,
  .acc-sidebar.is-open .acc-nav__item.is-active .acc-nav__ico{
    color:#fff !important;
  }
  body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item.is-danger,
  .acc-sidebar.is-open .acc-nav__item.is-danger{
    background:var(--danger-soft-bg) !important;
    border-color:var(--danger-soft-border) !important;
    color:var(--danger) !important;
  }
  body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item.is-danger .acc-nav__lbl,
  body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item.is-danger .acc-nav__ico,
  .acc-sidebar.is-open .acc-nav__item.is-danger .acc-nav__lbl,
  .acc-sidebar.is-open .acc-nav__item.is-danger .acc-nav__ico{
    color:var(--danger) !important;
  }
}

@media (max-width:640px){
  .acc-journey{ grid-template-columns:1fr; }
  .acc-card{ padding:18px 16px !important; }
  .acc-card__head h2{ font-size:1.22rem !important; }
  .acc-brand__logo,
  .acc-brand__logoFallback{ width:42px !important; height:42px !important; }
}

/* ====== أيقونات SVG داخل النصوص (بديل الإيموجي) ====== */
.acc-card__head h2 > svg,
.acc-item__title > svg,
.acc-item__meta > svg,
.acc-count > svg,
.acc-lectureInfo__row > svg,
.acc-courseHero__sub > svg,
.acc-updateNote > svg,
.acc-alert > svg,
.acc-badge > svg,
.pill > svg,
.buy-pill > svg,
.acc-btn > svg,
.acc-btnx > svg,
.acc-modal-btn > svg,
.ui-btn > svg,
.as-q__foot strong > svg,
.ass-top > svg{
  vertical-align:-.22em;
  margin-inline-end:6px;
  flex:none;
}
.acc-card__head h2 > svg,
.acc-item__title > svg,
.acc-count > svg,
.acc-lectureInfo__row > svg,
.acc-courseHero__sub > svg{ color:inherit; }
.acc-courseHero .acc-count > svg,
.acc-courseHero__sub > svg,
.acc-lectureInfo__row > svg{ color:#fff !important; }
.acc-btn > svg,
.acc-btnx > svg,
.acc-modal-btn > svg,
.ui-btn > svg,
.acc-badge > svg,
.pill > svg,
.buy-pill > svg{ color:currentColor; }

.acc-item__lock{ display:grid; place-items:center; }
.acc-item__lock > svg{ color:var(--muted); }

.as-q__foot strong > svg{ color:currentColor; }

/* ====================== وضوح النصوص — فاتح وداكن ====================== */

/* الوضع الفاتح: نص داكن على خلفيات فاتحة */
html[data-theme="light"] .acc-card,
html[data-theme="light"] .acc-course,
html[data-theme="light"] .acc-assess-card,
html[data-theme="light"] .acc-item,
html[data-theme="light"] .acc-feedCard,
html[data-theme="light"] .acc-chatCard,
html[data-theme="light"] .mp-pathItem,
html[data-theme="light"] .wallet-summary__card,
html[data-theme="light"] .wallet-history__item,
html:not([data-theme="dark"]) .acc-card,
html:not([data-theme="dark"]) .acc-course,
html:not([data-theme="dark"]) .acc-assess-card,
html:not([data-theme="dark"]) .acc-item,
html:not([data-theme="dark"]) .mp-pathItem,
html:not([data-theme="dark"]) .wallet-summary__card,
html:not([data-theme="dark"]) .wallet-history__item{
  color:var(--text) !important;
}
html[data-theme="light"] .acc-course__title,
html[data-theme="light"] .acc-item__title,
html[data-theme="light"] .acc-assess-card__title,
html[data-theme="light"] .acc-card__head h2,
html[data-theme="light"] .mp-pathItem__title,
html[data-theme="light"] .wallet-history__title,
html:not([data-theme="dark"]) .acc-course__title,
html:not([data-theme="dark"]) .acc-item__title,
html:not([data-theme="dark"]) .acc-card__head h2,
html:not([data-theme="dark"]) .mp-pathItem__title{
  color:var(--text-strong) !important;
}
html[data-theme="light"] .acc-course__grade,
html[data-theme="light"] .acc-course__meta,
html[data-theme="light"] .acc-price__label,
html[data-theme="light"] .mp-pathItem__meta,
html[data-theme="light"] .acc-card__head p,
html[data-theme="light"] .wallet-history__meta,
html:not([data-theme="dark"]) .acc-course__grade,
html:not([data-theme="dark"]) .acc-course__meta,
html:not([data-theme="dark"]) .mp-pathItem__meta,
html:not([data-theme="dark"]) .acc-card__head p{
  color:var(--muted) !important;
}
html[data-theme="light"] .acc-course__details,
html[data-theme="light"] .acc-metaRow span,
html[data-theme="light"] .acc-lecture__details,
html:not([data-theme="dark"]) .acc-course__details,
html:not([data-theme="dark"]) .acc-metaRow span,
html:not([data-theme="dark"]) .acc-lecture__details{
  color:var(--text) !important;
}
html[data-theme="light"] .acc-btn--ghost,
html[data-theme="light"] .acc-modal-btn--ghost,
html:not([data-theme="dark"]) .acc-btn--ghost,
html:not([data-theme="dark"]) .acc-modal-btn--ghost{
  color:var(--red-700) !important;
  border-color:var(--border-strong) !important;
  background:transparent !important;
}

/* الوضع الداكن: نص فاتح على خلفيات داكنة */
html[data-theme="dark"] .acc-main,
html[data-theme="dark"] .acc-page,
html[data-theme="dark"] .acc-layout{
  color:#FFF8F8 !important;
}
html[data-theme="dark"] .acc-course,
html[data-theme="dark"] .acc-card,
html[data-theme="dark"] .acc-assess-card,
html[data-theme="dark"] .acc-item,
html[data-theme="dark"] .acc-feedCard,
html[data-theme="dark"] .acc-chatCard,
html[data-theme="dark"] .mp-pathItem,
html[data-theme="dark"] .wallet-summary__card,
html[data-theme="dark"] .wallet-history__item,
html[data-theme="dark"] .acc-sidebar,
html[data-theme="dark"] .acc-stat{
  color:#FFF8F8 !important;
}
html[data-theme="dark"] .acc-course__title,
html[data-theme="dark"] .acc-course__head,
html[data-theme="dark"] .acc-item__title,
html[data-theme="dark"] .acc-assess-card__title,
html[data-theme="dark"] .acc-card__head h2,
html[data-theme="dark"] .acc-companion h3,
html[data-theme="dark"] .wallet-history__title,
html[data-theme="dark"] .mp-pathItem__title,
html[data-theme="dark"] .acc-lecture__title,
html[data-theme="dark"] .acc-stat__val,
html[data-theme="dark"] .wallet-summary__value{
  color:#FFFFFF !important;
}
html[data-theme="dark"] .acc-course__grade,
html[data-theme="dark"] .acc-course__meta,
html[data-theme="dark"] .acc-price__label,
html[data-theme="dark"] .acc-companion p,
html[data-theme="dark"] .acc-stat__lbl,
html[data-theme="dark"] .wallet-history__meta,
html[data-theme="dark"] .wallet-summary__label,
html[data-theme="dark"] .mp-pathItem__meta,
html[data-theme="dark"] .mp-pathItem__status,
html[data-theme="dark"] .acc-card__head p,
html[data-theme="dark"] .acc-lecture__details,
html[data-theme="dark"] .acc-item__meta{
  color:#F0D9DC !important;
}
html[data-theme="dark"] .acc-course__details,
html[data-theme="dark"] .acc-metaRow,
html[data-theme="dark"] .acc-metaRow span,
html[data-theme="dark"] .acc-alert,
html[data-theme="dark"] .acc-emptyBox,
html[data-theme="dark"] .acc-assess-empty,
html[data-theme="dark"] .acc-notifications-empty{
  color:#FFF8F8 !important;
}
html[data-theme="dark"] .acc-btn--ghost,
html[data-theme="dark"] .acc-btnx--ghost,
html[data-theme="dark"] .acc-modal-btn--ghost{
  color:#F2C9CE !important;
  border-color:rgba(242,201,206,.55) !important;
  background:rgba(255,255,255,.04) !important;
}
html[data-theme="dark"] .acc-price,
html[data-theme="dark"] .acc-price__val,
html[data-theme="dark"] .acc-price__val--after{
  color:#EFB2B8 !important;
}
html[data-theme="dark"] .acc-price__val--before{
  color:#E0505E !important;
}
html[data-theme="dark"] .acc-nav__item{
  color:#F6E6E8 !important;
}
html[data-theme="dark"] .acc-nav__lbl{
  color:inherit !important;
}
html[data-theme="dark"] .mp-pathItem__num{
  color:var(--accent) !important;
}
html[data-theme="dark"] .mp-pathItem.is-next .mp-pathItem__num{
  color:#fff !important;
}
html[data-theme="dark"] .acc-badge--buy{
  background:rgba(224,80,94,.2) !important;
  color:#F6D8DB !important;
  border-color:rgba(232,136,146,.4) !important;
}