/* ═══════════════════════════════════════════════════════════════
   منصة عمر عقل — لوحة الطالب "محطة الميدان"
   يُحمَّل بعد account.css فيتقدّم عليه.
   ═══════════════════════════════════════════════════════════════ */

body.legend-platform.student-no-header,
body.arabic-platform.student-no-header { padding-top: 0 !important; }

/* ───────────────────────────────────────────────────────────────
   1) الشريط العلوي
   ─────────────────────────────────────────────────────────────── */
.acc-topbar { position: relative; z-index: 900; }

.acc-topbar__bar {
  position: relative;
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--radius-xl) var(--radius-xl) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text) !important;
  overflow: visible;
  padding: 12px 18px !important;
}
/* account.css يفرض background:none !important على هذا العنصر */
.acc-topbar__bar::before {
  content: "";
  position: absolute;
  inset-inline: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  height: 3px !important;
  background: var(--grad-spectrum) !important;
  border-radius: 0 0 3px 3px !important;
}

/* الشعار */
.acc-brand { gap: 11px !important; }
.acc-brand__logo,
.acc-brand__logoFallback {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 50% !important;
  clip-path: none !important;
  color: #fff !important;
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  object-fit: cover !important;
  padding: 0 !important;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(15, 42, 34, .12);
}
.acc-brand__name {
  font-family: var(--font-display) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  color: var(--text-strong) !important;
}
.acc-brand__sub {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: var(--life-600) !important;
}
html[data-theme="dark"] .acc-brand__sub { color: var(--life-400) !important; }

/* كبسولات الطالب والمحفظة */
.acc-student,
.acc-pill {
  background: var(--surface-soft) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-pill) !important;
  color: var(--text) !important;
  font-weight: 800 !important;
  padding: 9px 15px !important;
  transition: border-color .22s var(--ease), background-color .22s var(--ease), transform .22s var(--ease);
}
.acc-student__ico,
.acc-pill__ico { color: var(--life-600) !important; }
.acc-pill { background: var(--insight-soft) !important; border-color: var(--brand-border) !important; }
.acc-pill__ico { color: var(--life-700) !important; }
html[data-theme="dark"] .acc-pill__ico,
html[data-theme="dark"] .acc-student__ico { color: var(--life-400) !important; }
.acc-pill--link:hover {
  transform: translateY(-2px);
  border-color: var(--life-500) !important;
  box-shadow: 0 8px 20px -10px rgba(0, 168, 120, .8) !important;
}

/* الجرس والقائمة */
.acc-bell,
.acc-burger {
  width: 44px !important;
  height: 44px !important;
  background: var(--surface-soft) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  color: var(--text-strong) !important;
  transition: background-color .22s var(--ease), border-color .22s var(--ease);
}
.acc-bell:hover,
.acc-burger:hover { background: var(--insight-soft) !important; border-color: var(--brand-border) !important; }
.acc-burger span { background: var(--text-strong) !important; }
.acc-bell__badge {
  background: var(--earth-500) !important;
  color: #fff !important;
  border: 2px solid var(--card-bg) !important;
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
}

/* لوحة الإشعارات */
.acc-notifs {
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-strong) !important;
  overflow: hidden;
}
.acc-notifs__head {
  background: var(--grad-plate) !important;
  color: #fff !important;
  border: 0 !important;
  padding: 14px 16px !important;
}
.acc-notifs__title { font-family: var(--font-display) !important; font-weight: 900 !important; color: #fff !important; }
.acc-notifs__close { color: rgba(255, 255, 255, .8) !important; background: transparent !important; border: 0 !important; }
.acc-notif { border-block-end: 1px solid var(--border) !important; }
.acc-notif__title { font-family: var(--font-display) !important; font-weight: 800 !important; color: var(--text-strong) !important; }
.acc-notif__time { color: var(--muted) !important; font-family: var(--font-mono) !important; font-size: 12px !important; }
.acc-notif__newTag { background: var(--insight-soft) !important; color: var(--life-700) !important; border-radius: var(--radius-pill) !important; }

/* ───────────────────────────────────────────────────────────────
   2) القائمة الجانبية
   ─────────────────────────────────────────────────────────────── */
.acc-sidebar {
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-soft) !important;
  color: var(--text) !important;
  padding: 14px 10px !important;
  overflow: hidden;
}
.acc-sidebar::before {
  content: "";
  display: block;
  height: 4px !important;
  margin: 2px 8px 14px !important;
  border-radius: 999px !important;
  background: var(--grad-spectrum) !important;
  background-image: var(--grad-spectrum) !important;
  border: 0 !important;
}

.acc-nav { display: grid; gap: 4px; }
.acc-nav__item {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 12px !important;
  padding: 12px 14px !important;
  color: var(--muted-strong) !important;
  border: 1px solid transparent !important;
  border-radius: var(--radius) !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  transition: background-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);
}
.acc-nav__lbl { color: inherit !important; }
.acc-nav__ico {
  display: grid;
  place-items: center;
  width: 34px;
  height: 37px;
  flex: none;
  background: var(--surface-soft) !important;
  color: var(--muted) !important;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  transition: background-color .2s var(--ease), color .2s var(--ease);
}
.acc-nav__ico svg { width: 17px; height: 17px; stroke: currentColor !important; }

.acc-nav__item:hover {
  background: var(--surface-soft) !important;
  color: var(--text-strong) !important;
}
.acc-nav__item:hover .acc-nav__ico { background: var(--insight-soft) !important; color: var(--life-600) !important; }

.acc-nav__item.is-active {
  background: var(--insight-soft) !important;
  border-color: transparent !important;
  color: var(--life-700) !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}
.acc-nav__item.is-active::before {
  content: "";
  position: absolute;
  inset-block: 9px;
  inset-inline-start: 0;
  width: 3px;
  border-radius: 3px;
  background: var(--grad-brand);
}
.acc-nav__item.is-active .acc-nav__ico {
  background: var(--grad-brand) !important;
  color: #fff !important;
}
html[data-theme="dark"] .acc-nav__item.is-active { color: var(--life-300) !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__ico { background: transparent !important; color: var(--danger) !important; }
.acc-nav__item.is-disabled { opacity: .55; }
.acc-nav__soon {
  margin-inline-start: auto;
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  background: var(--surface-strong) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--muted) !important;
}

html[data-theme="dark"] .acc-sidebar { background: var(--card-bg) !important; border-color: var(--border) !important; }
html[data-theme="dark"] .acc-nav__item { color: var(--muted-strong) !important; }

/* الدرج على الموبايل */
body:has(#accSideNavToggle:checked) .acc-sidebar,
.acc-sidebar.is-open {
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-strong) !important;
  color: var(--text) !important;
}
body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item,
.acc-sidebar.is-open .acc-nav__item { color: var(--muted-strong) !important; }
body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__item.is-active,
.acc-sidebar.is-open .acc-nav__item.is-active { color: var(--life-700) !important; }
body:has(#accSideNavToggle:checked) .acc-sidebar .acc-nav__ico,
.acc-sidebar.is-open .acc-nav__ico { color: var(--muted) !important; }
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__ico { color: #fff !important; }

/* ───────────────────────────────────────────────────────────────
   3) هيرو لوحة الطالب
   ─────────────────────────────────────────────────────────────── */
.acc-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 4vw, 36px) clamp(20px, 3vw, 32px) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-xl) !important;
  background: var(--grad-plate) !important;
  color: #fff !important;
  box-shadow: var(--shadow) !important;
}
.acc-hero::before {
  content: "";
  position: absolute;
  inset: 0 !important;
  width: auto !important;
  background: var(--hexcell) 0 0 / 56px 97px !important;
  opacity: .55;
}
.acc-hero::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 3px;
  background: var(--grad-spectrum);
}
.acc-hero > * { position: relative; z-index: 1; }

.acc-hero__guides { display: flex; gap: 8px; margin-bottom: 14px; }
.acc-hero__guides .acc-companion__icon,
.acc-hero__guides .lg-hdr__companionMark {
  width: 44px !important;
  height: 48px !important;
  margin-inline-start: 0 !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 0 !important;
  color: var(--life-300) !important;
}
.acc-hero__guides .acc-companion__icon + .acc-companion__icon { color: var(--earth-300) !important; }
.acc-hero__guides .acc-companion__icon svg { width: 21px; height: 21px; }
.acc-hero__guides img {
  width: 44px; height: 44px; border-radius: 50%;
  object-fit: cover; object-position: center top;
  border: 2px solid rgba(255, 255, 255, .2);
}
.acc-hero__guides img + img { margin-inline-start: -10px; }

.acc-hero__kicker {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px !important;
  padding: 5px 13px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, .1);
  font-family: var(--font-body) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--life-300) !important;
}
.acc-hero h1 {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  font-size: clamp(24px, 3.4vw, 36px) !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 10px !important;
  color: #fff !important;
}
.acc-hero__sub {
  margin: 0 !important;
  max-width: 62ch;
  font-size: 14.5px;
  line-height: 1.95;
  color: rgba(234, 247, 242, .78) !important;
}

/* خطوات المسار داخل الهيرو */
.acc-journey {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0 0 !important;
}
.acc-journey__step {
  display: grid !important;
  gap: 4px;
  padding: 14px 15px !important;
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: var(--radius) !important;
  text-decoration: none;
  color: #fff !important;
  transition: background-color .22s var(--ease), transform .22s var(--ease), border-color .22s var(--ease);
}
.acc-journey__step:hover {
  background: rgba(255, 255, 255, .13) !important;
  border-color: var(--life-500) !important;
  transform: translateY(-3px);
  color: #fff !important;
}
.acc-journey__foot { width: 22px; height: 22px; opacity: 1; color: var(--life-300); }
.acc-journey__foot svg { width: 20px; height: 20px; color: var(--life-300) !important; }
.acc-journey__foot img { width: 100%; height: 100%; object-fit: contain; }
.acc-journey__num {
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--life-300) !important;
}
.acc-journey__label {
  font-family: var(--font-display);
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #fff !important;
}
.acc-journey__hint { font-size: 11.5px !important; color: rgba(234, 247, 242, .6) !important; }

/* ───────────────────────────────────────────────────────────────
   4) بطاقات المواد
   ─────────────────────────────────────────────────────────────── */
.acc-companions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 8px; }
.acc-companion {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.acc-companion:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.acc-companion__icon {
  width: 52px;
  height: 57px;
  flex: none;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--insight-soft);
  color: var(--life-600);
}
.acc-companion:nth-child(2) .acc-companion__icon { background: var(--earth-soft); color: var(--earth-600); }
.acc-companion:nth-child(3) .acc-companion__icon { background: var(--sky-soft); color: var(--aqua-600); }
.acc-companion__icon svg { width: 25px; height: 25px; }
.acc-companion img {
  width: 52px; height: 52px; flex: none;
  border-radius: 50%; object-fit: cover; object-position: center top;
  border: 2px solid var(--life-500); background: var(--card-soft);
}
.acc-companion h3 {
  margin: 0 0 3px;
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 900;
  color: var(--text-strong);
}
.acc-companion p { margin: 0; font-size: 13px; line-height: 1.65; color: var(--muted); }

/* ───────────────────────────────────────────────────────────────
   5) بطاقات الإحصاء
   ─────────────────────────────────────────────────────────────── */
.acc-stat {
  position: relative;
  overflow: hidden;
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-soft) !important;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
}
.acc-stat::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 3px;
  z-index: 2;
  background: var(--grad-spectrum) !important;
}
.acc-stat:hover { transform: translateY(-4px); box-shadow: var(--shadow) !important; border-color: var(--brand-border) !important; }
.acc-stat__ico {
  display: grid;
  place-items: center;
  width: 42px !important;
  height: 46px !important;
  background: var(--insight-soft) !important;
  color: var(--life-600) !important;
  border-radius: 0 !important;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
}
.acc-stat__ico svg { width: 20px; height: 20px; }
.acc-stat__val {
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  color: var(--text-strong) !important;
}
.acc-stat__lbl { color: var(--muted) !important; font-weight: 700 !important; }

/* ───────────────────────────────────────────────────────────────
   6) البطاقات العامة والكورسات
   ─────────────────────────────────────────────────────────────── */
.acc-card,
.acc-feedCard,
.acc-chatCard,
.acc-assess-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-soft) !important;
}
.acc-card__head h2,
.acc-course__title,
.acc-courseHero__title {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  letter-spacing: -0.015em !important;
  color: var(--text-strong) !important;
}

.acc-course {
  position: relative;
  overflow: hidden;
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-inline-start: 0 !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-soft) !important;
  transition: transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease);
}
.acc-course::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inset-inline-end: auto;
  width: 4px;
  z-index: 2;
  background: var(--grad-brand);
}
.acc-course:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow) !important;
  border-color: var(--brand-border) !important;
}
.acc-course__imgFallback,
.acc-courseHero__imgFallback {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  color: var(--life-600) !important;
  background: linear-gradient(150deg, var(--insight-soft), var(--sky-soft)) !important;
}
.acc-course__progress > span,
.acc-progress__bar { background: var(--grad-brand) !important; }

.acc-courseHero,
.acc-lectureHero,
.acc-viewerHero {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border) !important;
  border-top: 0 !important;
  border-radius: var(--radius-xl) !important;
  background: var(--card-bg) !important;
}
.acc-courseHero::after,
.acc-lectureHero::after,
.acc-viewerHero::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 3px;
  background: var(--grad-spectrum);
}

/* شارات وأسعار */
.acc-badge,
.acc-chip {
  border-radius: var(--radius-pill) !important;
  background: var(--insight-soft) !important;
  color: var(--life-700) !important;
  font-weight: 800 !important;
}
html[data-theme="dark"] .acc-badge,
html[data-theme="dark"] .acc-chip { color: var(--life-300) !important; }
.acc-price__val {
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  color: var(--earth-600) !important;
}
html[data-theme="dark"] .acc-price__val { color: var(--earth-400) !important; }

/* أزرار اللوحة */
.acc-btn--primary,
a.acc-btn.acc-btn--primary,
.acc-btnx--solid {
  background: var(--btn-solid-bg) !important;
  color: var(--btn-solid-text) !important;
  border-color: transparent !important;
  border-radius: var(--radius-pill) !important;
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 20px -10px rgba(0, 168, 120, .8) !important;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease);
}
.acc-btn--primary:hover,
a.acc-btn.acc-btn--primary:hover,
.acc-btnx--solid:hover { transform: translateY(-2px); }
.acc-btnx--ghost {
  border: 1.5px solid var(--border-strong) !important;
  border-radius: var(--radius-pill) !important;
  color: var(--text-strong) !important;
  font-family: var(--font-display) !important;
}
.acc-btnx--ghost:hover { border-color: var(--life-500) !important; background: var(--insight-soft) !important; }

/* ───────────────────────────────────────────────────────────────
   7) قائمة المحاضرات (المسار)
   ─────────────────────────────────────────────────────────────── */
.mp-pathList { display: grid; gap: 0; margin-top: 8px; }
.mp-pathItem {
  display: grid;
  grid-template-columns: 50px 1fr auto;
  gap: 15px;
  align-items: center;
  padding: 16px 10px;
  border-block-end: 1px solid var(--border);
  text-decoration: none;
  color: inherit;
  border-radius: var(--radius);
  transition: background-color .2s var(--ease);
}
.mp-pathItem:hover { background: var(--insight-soft); }
.mp-pathItem__num {
  display: grid;
  place-items: center;
  width: 42px;
  height: 46px;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  background: var(--insight-soft) !important;
  color: var(--life-700) !important;
  font-family: var(--font-mono) !important;
  font-weight: 700;
}
.mp-pathItem.is-locked .mp-pathItem__num {
  background: var(--surface-strong) !important;
  color: var(--muted) !important;
}
.mp-pathItem.is-next .mp-pathItem__num {
  background: var(--grad-brand) !important;
  color: #fff !important;
  animation: mpPulse 2.4s ease-in-out infinite;
}
@keyframes mpPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(0, 168, 120, .45); }
  50%      { box-shadow: 0 0 0 10px rgba(0, 168, 120, 0); }
}
.mp-pathItem__title {
  font-family: var(--font-display);
  font-size: 16.5px;
  font-weight: 800;
  color: var(--text-strong);
}
.mp-pathItem__meta { font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.mp-pathItem__status {
  font-size: 12.5px;
  font-weight: 800;
  color: var(--life-700);
  white-space: nowrap;
}
html[data-theme="dark"] .mp-pathItem__status { color: var(--life-300); }
.mp-pathItem.is-locked .mp-pathItem__status { color: var(--muted); }

/* ───────────────────────────────────────────────────────────────
   8) العناصر والقوائم
   ─────────────────────────────────────────────────────────────── */
.acc-item {
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  transition: border-color .2s var(--ease), transform .2s var(--ease);
}
.acc-item:hover { border-color: var(--brand-border) !important; transform: translateY(-2px); }
.acc-item__title { font-family: var(--font-display) !important; font-weight: 800 !important; color: var(--text-strong) !important; }
.acc-item__meta, .acc-item__desc { color: var(--muted) !important; }

.acc-alert {
  border-radius: var(--radius-lg) !important;
  border: 1px solid var(--border) !important;
  font-weight: 700 !important;
  padding: 14px 18px !important;
}
.acc-alert--success { background: var(--success-soft-bg) !important; border-color: var(--success-soft-border) !important; color: var(--success) !important; }
.acc-alert--error { background: var(--danger-soft-bg) !important; border-color: var(--danger-soft-border) !important; color: var(--danger) !important; }

.acc-emptyBox,
.acc-assess-empty {
  border: 1px dashed var(--border-strong) !important;
  border-radius: var(--radius-lg) !important;
  background: var(--surface-soft) !important;
  color: var(--muted) !important;
  font-weight: 700 !important;
}

/* الحقول */
.acc-input,
.acc-form input,
.acc-form select,
.acc-form textarea,
.acc-commentForm textarea,
.acc-chatSend textarea {
  border: 1.5px solid var(--field-border) !important;
  border-radius: var(--radius) !important;
  background: var(--field-bg) !important;
  color: var(--field-text) !important;
  font-family: var(--font-body) !important;
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.acc-input:focus,
.acc-form input:focus,
.acc-form select:focus,
.acc-form textarea:focus,
.acc-commentForm textarea:focus,
.acc-chatSend textarea:focus {
  outline: none;
  border-color: var(--field-focus) !important;
  box-shadow: 0 0 0 4px var(--insight-soft) !important;
}
.acc-label { font-weight: 800 !important; color: var(--text-strong) !important; }

/* المحفظة */
.wallet-summary__card {
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-soft) !important;
  position: relative;
  overflow: hidden;
}
.wallet-summary__value { font-family: var(--font-mono) !important; color: var(--life-600) !important; }
.wallet-history__item {
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
}
.wallet-history__amount.is-positive { color: var(--success) !important; }
.wallet-history__amount.is-negative { color: var(--danger) !important; }

/* المحادثة */
.acc-chatItem {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  background: var(--surface-soft) !important;
}
.acc-chatItem.is-active { border-color: var(--life-500) !important; background: var(--insight-soft) !important; }
.acc-chatMsg { border-radius: var(--radius-lg) !important; border: 1px solid var(--border) !important; }
.acc-chatMsg--student { background: var(--insight-soft) !important; }
.acc-chatMsg--admin { background: var(--sky-soft) !important; }
.acc-unread { background: var(--earth-500) !important; font-family: var(--font-mono) !important; }
.acc-onlinePill { background: var(--success-soft-bg) !important; color: var(--success) !important; }
.acc-avatar { border: 2px solid var(--brand-border) !important; }
.acc-reactionBtn { background: var(--surface-strong) !important; color: var(--text) !important; }
.acc-reactionBtn.is-active { background: var(--insight-soft) !important; color: var(--life-700) !important; }
.acc-comment { background: var(--surface-soft) !important; border: 1px solid var(--border) !important; border-radius: var(--radius-lg) !important; }
.acc-commentReply { background: var(--insight-soft) !important; border: 1px dashed var(--brand-border) !important; }

/* ───────────────────────────────────────────────────────────────
   9) الاستجابة
   ─────────────────────────────────────────────────────────────── */
@media (max-width: 1080px) {
  .acc-companions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .acc-journey { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .acc-journey { grid-template-columns: 1fr; }
  .acc-companions { grid-template-columns: 1fr; }
  .mp-pathItem { grid-template-columns: 42px 1fr; }
  .mp-pathItem__status { grid-column: 2; }
  .acc-topbar__bar { border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important; }
}

.as-q {
  background: var(--card-bg) !important;
  border-color: var(--border) !important;
  border-radius: var(--radius-lg) !important;
  color: var(--text) !important;
}
.as-q::before {
  content: "";
  display: block;
  height: 3px;
  background: var(--grad-spectrum);
}
.as-modal__card {
  background: var(--card-bg-strong) !important;
  color: var(--text) !important;
  border-radius: var(--radius-xl) !important;
}
.metric {
  background: var(--card-bg) !important;
  border-color: var(--border) !important;
  border-radius: var(--radius-lg) !important;
}

/* تقليل الفراغ بين هيرو حساب الطالب وبطاقات الصفحة */
@media (min-width: 901px){
  .acc-hero{
    padding-bottom: 18px !important;
    padding-top: 18px !important;
  }
  .acc-journey{
    margin-top: 0 !important;
  }
  .acc-hero__guides{
    margin-bottom: 8px !important;
  }
  .acc-companions{
    margin: 8px 0 6px !important;
  }
  .acc-stats{
    margin-top: 0 !important;
  }
}