/* ====================================================
   الوضع الداكن — أخضر الطيبات + ذهب muted
   يُفعَّل عبر html[data-theme="dark"]
   ==================================================== */

html[data-theme="dark"] {
  color-scheme: dark;

  --clr-primary: #52B788;
  --clr-primary-dark: #95D5B2;
  --clr-primary-light: #40916C;
  --clr-primary-xlight: #1B4332;
  --clr-primary-bg: #0F2319;

  --clr-accent: #C9A227;
  --clr-accent-dark: #A68B1E;
  --clr-accent-light: #D4B84A;
  --clr-accent-bg: #1A1810;

  --clr-bg: #0D1A14;
  --clr-bg-alt: #122820;
  --clr-surface: #1A2E26;
  --clr-surface-elevated: #223D32;

  --clr-text: #E8F5EE;
  --clr-text-md: #B8D4C4;
  --clr-text-light: #7A9B8A;
  --clr-text-muted: #5C7A6C;

  --clr-border: #1F3D30;
  --clr-border-dark: #2D5A47;

  --clr-red: #F07167;
  --clr-red-bg: #2A1513;
  --clr-green: #52B788;
  --clr-green-bg: #0F2319;

  /* لوحة التغذية / dashboard */
  --nt-green: #52B788;
  --nt-green-dark: #95D5B2;
  --nt-green-light: #40916C;
  --nt-green-bg: #0F2319;
  --nt-gold: #C9A227;
  --nt-gold-dark: #A68B1E;
  --nt-gold-light: #D4B84A;
  --nt-gold-bg: #1A1810;
  --nt-teal: #2DD4BF;
  --nt-teal-bg: #0F2A26;
  --nt-red: #F07167;
  --nt-red-bg: #2A1513;
  --nt-card-bg: #1A2E26;

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.45);
  --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.5);
  --shadow-accent: 0 8px 30px rgba(201, 162, 39, 0.18);

  --btn-shadow:
    0 var(--btn-depth) 0 rgba(0, 0, 0, 0.35),
    0 calc(var(--btn-depth) + 2px) 16px rgba(0, 0, 0, 0.25);
  --btn-shadow-hover:
    0 var(--btn-depth-hover) 0 rgba(0, 0, 0, 0.38),
    0 calc(var(--btn-depth-hover) + 4px) 20px rgba(0, 0, 0, 0.3);
  --btn-shadow-active:
    0 var(--btn-depth-active) 0 rgba(0, 0, 0, 0.32),
    0 calc(var(--btn-depth-active) + 1px) 8px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] body {
  background-color: var(--clr-bg);
  color: var(--clr-text);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: var(--clr-text);
}

html[data-theme="dark"] p {
  color: var(--clr-text-md);
}

/* شريط علوي */
html[data-theme="dark"] .navbar {
  background: rgba(13, 26, 20, 0.9);
  border-bottom-color: rgba(45, 90, 71, 0.45);
}

html[data-theme="dark"] .navbar.scrolled {
  background: rgba(13, 26, 20, 0.96);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .navbar-inner {
  border-color: rgba(45, 106, 79, 0.35);
  background: linear-gradient(180deg, rgba(26, 46, 38, 0.95), rgba(18, 40, 32, 0.88));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

html[data-theme="dark"] .navbar-menu a {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .navbar-menu a:hover,
html[data-theme="dark"] .navbar-menu a.active {
  color: var(--clr-primary-dark);
  background: rgba(82, 183, 136, 0.12);
}

html[data-theme="dark"] .nav-mega-trigger {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .nav-mega-panel {
  background: linear-gradient(165deg, #1a2e26 0%, #122820 100%);
  border-color: rgba(45, 106, 79, 0.35);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .nav-mega-hint,
html[data-theme="dark"] .nav-mega-col-title {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .nav-mega-list a {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .nav-mega-list a:hover {
  color: var(--clr-primary-dark);
  background: rgba(82, 183, 136, 0.1);
}

html[data-theme="dark"] .notice-bar {
  background: linear-gradient(90deg, #0f2319, #1b4332);
  color: var(--clr-text);
  border-bottom: 1px solid rgba(201, 162, 39, 0.25);
}

/* بطاقات وأقسام */
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .signup-step-card,
html[data-theme="dark"] .about-main-card,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .food-card,
html[data-theme="dark"] .tajrubat-card,
html[data-theme="dark"] .tayibat-food-figure,
html[data-theme="dark"] .mt-weight-ba__card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .foods-section,
html[data-theme="dark"] .signup-steps-section {
  background: linear-gradient(180deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%) !important;
  border-color: var(--clr-border);
}

html[data-theme="dark"] .about-section,
html[data-theme="dark"] .features-section,
html[data-theme="dark"] .home-pillars-section,
html[data-theme="dark"] .home-ai-try,
html[data-theme="dark"] .home-golden-rules {
  background: var(--clr-bg);
}

html[data-theme="dark"] .home-ai-try {
  background: linear-gradient(180deg, var(--clr-bg-alt) 0%, var(--clr-bg) 100%) !important;
}

html[data-theme="dark"] .about-section {
  background: var(--clr-bg-alt);
}

html[data-theme="dark"] .principle-item {
  background: var(--clr-bg);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .principle-item:hover {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .stats-section {
  background: linear-gradient(135deg, #0f2319 0%, #1b4332 50%, #153d28 100%);
}

html[data-theme="dark"] .stat-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(82, 183, 136, 0.2);
}

html[data-theme="dark"] .stat-num {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .doctor-section {
  background: linear-gradient(160deg, #0f2319 0%, #1b4332 100%);
}

html[data-theme="dark"] .faq-question {
  background: var(--clr-surface);
  color: var(--clr-text);
}

html[data-theme="dark"] .faq-question:hover {
  background: var(--clr-surface-elevated);
}

html[data-theme="dark"] .faq-answer-inner {
  color: var(--clr-text-md);
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .hero-card-float {
  background: var(--clr-surface-elevated);
  border: 1px solid var(--clr-border);
}

html[data-theme="dark"] .float-text strong {
  color: var(--clr-text);
}

/* أزرار ثانوية */
html[data-theme="dark"] .btn-secondary {
  background: var(--clr-surface-elevated);
  color: var(--clr-primary-dark);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-secondary:focus-visible {
  background: var(--clr-surface);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .btn-accent {
  color: #1a2e24;
}

html[data-theme="dark"] .btn-accent:hover,
html[data-theme="dark"] .btn-accent:focus-visible {
  color: #0d1a14;
}

html[data-theme="dark"] .badge-primary {
  background: var(--clr-primary-bg);
  color: var(--clr-primary);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .badge-accent {
  background: var(--clr-accent-bg);
  color: var(--clr-accent-light);
  border-color: rgba(201, 162, 39, 0.35);
}

/* قائمة جوال */
html[data-theme="dark"] .mobile-menu__sheet {
  background: linear-gradient(185deg, #1a2e26 0%, #122820 55%, #0d1a14 100%);
  border-inline-start-color: rgba(45, 106, 79, 0.3);
}

html[data-theme="dark"] .mobile-menu-head {
  background: rgba(26, 46, 38, 0.85);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .mobile-menu-close {
  background: var(--clr-surface-elevated);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .mobile-nav-row {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow: none;
  color: var(--clr-text-md);
}

html[data-theme="dark"] .mobile-nav-row:hover {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .mobile-menu-actions {
  background: linear-gradient(180deg, transparent 0%, rgba(13, 26, 20, 0.95) 24%);
}

/* فوتر */
html[data-theme="dark"] .footer {
  background: linear-gradient(180deg, #0a1410 0%, #0d1a14 100%);
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .footer-col a,
html[data-theme="dark"] .footer-bottom a {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .footer-col a:hover {
  color: var(--clr-accent-light);
}

/* هيرو الرئيسية — أعمق قليلاً */
html[data-theme="dark"] .hero.hero--home {
  background:
    radial-gradient(ellipse 115% 85% at 100% 0%, rgba(201, 162, 39, 0.12) 0%, transparent 52%),
    radial-gradient(ellipse 95% 75% at 0% 100%, rgba(82, 183, 136, 0.14) 0%, transparent 55%),
    linear-gradient(160deg, #0a1410 0%, #0f2319 42%, #1b4332 100%);
}

html[data-theme="dark"] .hero-home-card {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(82, 183, 136, 0.2);
}

/* إحصاءات الصفحة الرئيسية (inline) */
html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background:#f0fdf4"],
html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background: #f0fdf4"] {
  background: var(--clr-green-bg) !important;
  border: 1px solid rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background:#fef2f2"],
html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background: #fef2f2"] {
  background: var(--clr-red-bg) !important;
  border: 1px solid rgba(240, 113, 103, 0.35);
}

html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background:#f8fafc"],
html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background: #f8fafc"] {
  background: var(--clr-surface) !important;
  border: 1px solid var(--clr-border);
}

html[data-theme="dark"] .home-catalog-stats .stat-num[style*="color:#166534"],
html[data-theme="dark"] .home-catalog-stats .stat-num[style*="color: #166534"] {
  color: var(--clr-green) !important;
}

html[data-theme="dark"] .home-catalog-stats .stat-num[style*="color:#991b1b"],
html[data-theme="dark"] .home-catalog-stats .stat-num[style*="color: #991b1b"] {
  color: var(--clr-red) !important;
}

/* زر التبديل — أيقونة قمر/شمس SVG */
.mt-theme-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(30, 58, 95, 0.22);
  background: linear-gradient(145deg, #e8f4ec 0%, #d0e8da 100%);
  color: #1e3a5f;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset, var(--shadow-sm);
  transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
  overflow: hidden;
}

.mt-theme-toggle::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 28% 22%, rgba(30, 58, 95, 0.12) 0%, transparent 52%);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.mt-theme-toggle:hover,
.mt-theme-toggle:focus-visible {
  border-color: rgba(45, 106, 79, 0.45);
  background: linear-gradient(145deg, #dcefe4 0%, #bfe6d0 100%);
  color: var(--clr-primary-dark);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 14px rgba(27, 67, 50, 0.14);
  outline: none;
  transform: translateY(-1px);
}

.mt-theme-toggle:active {
  transform: translateY(0);
}

.mt-theme-toggle__icons {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 1;
}

.mt-theme-toggle__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.28s ease, transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.mt-theme-toggle__svg--moon {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.mt-theme-toggle__svg--sun {
  opacity: 0;
  transform: rotate(-72deg) scale(0.55);
}

.mt-theme-toggle[aria-pressed="true"],
html[data-theme="dark"] .mt-theme-toggle {
  background: linear-gradient(145deg, rgba(201, 162, 39, 0.18) 0%, rgba(27, 67, 50, 0.35) 100%);
  border-color: rgba(201, 162, 39, 0.42);
  color: var(--clr-accent-light);
  box-shadow: 0 0 0 1px rgba(201, 162, 39, 0.12) inset, 0 4px 16px rgba(0, 0, 0, 0.2);
}

.mt-theme-toggle[aria-pressed="true"]::before,
html[data-theme="dark"] .mt-theme-toggle::before {
  background: radial-gradient(circle at 72% 28%, rgba(244, 208, 63, 0.22) 0%, transparent 55%);
}

.mt-theme-toggle[aria-pressed="true"]:hover,
html[data-theme="dark"] .mt-theme-toggle:hover {
  border-color: rgba(244, 208, 63, 0.55);
  color: #fff8e7;
}

.mt-theme-toggle[aria-pressed="true"] .mt-theme-toggle__svg--moon,
html[data-theme="dark"] .mt-theme-toggle__svg--moon {
  opacity: 0;
  transform: rotate(72deg) scale(0.55);
}

.mt-theme-toggle[aria-pressed="true"] .mt-theme-toggle__svg--sun,
html[data-theme="dark"] .mt-theme-toggle__svg--sun {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.mobile-nav-row__ico--theme {
  background: linear-gradient(145deg, rgba(30, 58, 95, 0.1) 0%, rgba(45, 106, 79, 0.06) 100%);
  color: #1e3a5f;
}

.mobile-nav-row__ico--theme .mt-theme-toggle__icons {
  width: 22px;
  height: 22px;
}

html[data-theme="dark"] .mobile-nav-row__ico--theme {
  background: linear-gradient(145deg, rgba(201, 162, 39, 0.2) 0%, rgba(27, 67, 50, 0.25) 100%);
  color: var(--clr-accent-light);
}

@media (prefers-reduced-motion: reduce) {
  .mt-theme-toggle,
  .mt-theme-toggle__svg,
  .mt-theme-toggle::before {
    transition: none;
  }

  .mt-theme-toggle:hover {
    transform: none;
  }
}

html[data-theme="dark"] .mobile-nav-row--theme {
  border-color: rgba(201, 162, 39, 0.35);
  background: rgba(201, 162, 39, 0.08);
}

button.mobile-nav-row {
  width: 100%;
  font-family: var(--font-primary);
  text-align: inherit;
  cursor: pointer;
}

.navbar-actions .mt-theme-toggle {
  flex-shrink: 0;
}

html[data-theme="dark"] .navbar-actions .btn-nav-toolbar.btn-primary {
  border-color: rgba(201, 162, 39, 0.35);
}

html[data-theme="dark"] .navbar-actions .btn-nav-toolbar.btn-secondary {
  background: rgba(201, 162, 39, 0.1);
  border-color: rgba(201, 162, 39, 0.28);
  color: var(--clr-accent-light);
}

html[data-theme="dark"] #reading-progress {
  background: linear-gradient(90deg, var(--clr-primary-light), var(--clr-accent));
}

html[data-theme="dark"] .scroll-top {
  background: var(--clr-surface-elevated);
  color: var(--clr-accent-light);
  border: 1px solid var(--clr-border);
}

html[data-theme="dark"] .hamburger {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .hamburger span {
  background: var(--clr-text);
}

html[data-theme="dark"] .hamburger:hover {
  background: rgba(82, 183, 136, 0.12);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .section-header h2 {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .nav-pill {
  background: linear-gradient(135deg, #2a2418, #3d3420);
  color: var(--clr-accent-light);
  border-color: rgba(201, 162, 39, 0.3);
}

/* ====================================================
   أقسام عامة — style.css
   ==================================================== */
html[data-theme="dark"] .faq-section {
  background: var(--clr-bg-alt);
}

html[data-theme="dark"] .cta-section {
  background: linear-gradient(135deg, var(--clr-accent-bg) 0%, var(--clr-primary-bg) 100%);
}

html[data-theme="dark"] .cta-section__glass {
  background: rgba(26, 46, 38, 0.75);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .cta-section--canva .cta-section__glass .mt-spw-odometer,
html[data-theme="dark"] .hero-home-below .mt-spw-odometer,
html[data-theme="dark"] .hero.hero--home .mt-spw-odometer {
  --spw-odo-bg: linear-gradient(180deg, rgba(38, 68, 54, 0.98) 0%, rgba(22, 42, 34, 0.96) 100%);
  --spw-odo-border: rgba(140, 210, 175, 0.28);
  --spw-odo-num: #b8f0d0;
  --spw-odo-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 2px 10px rgba(0, 0, 0, 0.35);
  --spw-value-bg: linear-gradient(180deg, rgba(64, 145, 108, 0.35) 0%, rgba(27, 67, 50, 0.28) 100%);
  --spw-value-border: rgba(140, 210, 175, 0.25);
  --spw-ticker-bg: rgba(10, 24, 18, 0.72);
  --spw-ticker-border: rgba(140, 210, 175, 0.18);
  --spw-ticker-msg: #d4f5e4;
  --spw-badge: #9fd9b8;
  --spw-text: var(--clr-text-md);
  --spw-divider: rgba(140, 210, 175, 0.16);
}

html[data-theme="dark"] .cta-section--canva .cta-section__glass .mt-spw-counter__live-dot,
html[data-theme="dark"] .cta-section--canva .cta-section__glass .mt-spw-ticker-dot {
  box-shadow: 0 0 0 3px rgba(72, 187, 120, 0.28);
}

html[data-theme="dark"] .hero.hero--home .mt-spw-odometer {
  --spw-odo-bg: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.22) 100%);
  --spw-odo-border: rgba(255, 255, 255, 0.22);
  --spw-odo-num: #fde68a;
  --spw-odo-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .cta-section__title,
html[data-theme="dark"] .cta-section__lead,
html[data-theme="dark"] .cta-footnote {
  color: var(--clr-text);
}

html[data-theme="dark"] .page-hero {
  background: linear-gradient(160deg, #0a1410 0%, #0f2319 45%, #1b4332 100%);
  color: var(--clr-text);
}

html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .page-hero p,
html[data-theme="dark"] .page-hero-note {
  color: inherit;
}

html[data-theme="dark"] .page-hero-card,
html[data-theme="dark"] .page-hero-cards .page-hero-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .breadcrumb a {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .breadcrumb a:hover {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .breadcrumb .current {
  color: var(--clr-text);
}

html[data-theme="dark"] .page-hero--trend__pills li {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
}

html[data-theme="dark"] .page-hero--trend__kicker {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .page-hero--trend__note a {
  color: #fde68a;
}

html[data-theme="dark"] .hero.hero--subpage {
  background: linear-gradient(160deg, #0a1410 0%, #0f2319 42%, #1b4332 100%);
}

html[data-theme="dark"] .hero-subpage-panel,
html[data-theme="dark"] .hero--majadid .hero-content {
  color: var(--clr-text);
}

html[data-theme="dark"] .food-card {
  background: var(--clr-bg);
}

html[data-theme="dark"] .faq-icon {
  background: var(--clr-bg);
  color: var(--clr-primary);
}

html[data-theme="dark"] .faq-item.open .faq-icon {
  background: var(--clr-primary);
  color: #fff;
}

html[data-theme="dark"] .bg-white {
  background: var(--clr-surface) !important;
}

html[data-theme="dark"] .btn-white,
html[data-theme="dark"] .btn-white:hover,
html[data-theme="dark"] .btn-white:focus-visible {
  background: rgba(232, 245, 238, 0.95);
  color: #1b4332;
  border-color: rgba(255, 255, 255, 0.35);
}

html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: var(--clr-surface);
  color: var(--clr-text);
  border-color: var(--clr-border);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .mt-updates-snackbar__inner {
  background: var(--clr-surface-elevated);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .mt-wa-float__btn,
html[data-theme="dark"] .mt-pwa-float__btn {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .mt-pwa-float__label {
  color: #f8faf9;
}

/* ====================================================
   تسجيل الدخول — auth.css
   ==================================================== */
html[data-theme="dark"] .reg-progress {
  background: linear-gradient(180deg, var(--clr-primary-bg), var(--clr-bg-alt));
}

html[data-theme="dark"] .reg-step::after {
  background: var(--clr-border);
}

html[data-theme="dark"] .btn-google {
  background: var(--clr-surface-elevated);
  color: var(--clr-text);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .btn-google:hover {
  background: var(--clr-surface);
  border-color: var(--clr-border-dark);
}

/* ====================================================
   المدونة — blog.css
   ==================================================== */
html[data-theme="dark"] .blog-page::before {
  background:
    radial-gradient(ellipse 80% 70% at 50% -20%, rgba(82, 183, 136, 0.12), transparent 55%),
    radial-gradient(ellipse 50% 40% at 100% 0%, rgba(201, 162, 39, 0.08), transparent 50%),
    radial-gradient(ellipse 50% 40% at 0% 0%, rgba(27, 67, 50, 0.35), transparent 45%);
}

html[data-theme="dark"] .blog-hero {
  background: linear-gradient(165deg, rgba(26, 46, 38, 0.95) 0%, rgba(18, 40, 32, 0.88) 100%);
  border-color: var(--clr-border);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .blog-hero__badge {
  background: linear-gradient(135deg, var(--clr-primary-bg), rgba(15, 35, 25, 0.8));
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .blog-post-card,
html[data-theme="dark"] .blog-sidebar-card,
html[data-theme="dark"] .blog-filter-bar,
html[data-theme="dark"] .blog-pagination .page-link {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .blog-card:hover,
html[data-theme="dark"] .blog-post-card:hover {
  border-color: var(--clr-border-dark);
}

/* ====================================================
   المجتمع — community-hub.css
   ==================================================== */
html[data-theme="dark"] .comm-hero-canva {
  background: linear-gradient(180deg, var(--clr-bg-alt) 0%, var(--clr-bg) 55%);
}

html[data-theme="dark"] .comm-hero-canva__title {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-hero-canva__subtitle,
html[data-theme="dark"] .comm-hero-canva__badge-label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-tabs {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-tabs__btn {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-tabs__btn.is-active,
html[data-theme="dark"] .comm-tabs__btn:hover {
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-toolbar {
  background: linear-gradient(
    165deg,
    var(--clr-surface) 0%,
    var(--clr-primary-bg) 48%,
    var(--clr-bg-alt) 100%
  );
  border-color: var(--clr-border-dark);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .comm-sort label {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-sort select {
  background-color: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2352b788' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .comm-sort select:hover {
  background-color: var(--clr-surface);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .comm-sort select:focus {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px rgba(82, 183, 136, 0.22);
  background-color: var(--clr-surface);
}

html[data-theme="dark"] .comm-sort select option {
  background: var(--clr-surface);
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-toolbar .btn-accent {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .comm-q-card,
html[data-theme="dark"] .comm-q-card--canva {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-q-card:hover {
  border-color: var(--clr-border-dark);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .comm-q-card__title,
html[data-theme="dark"] .comm-q-card__title a {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-q-card__excerpt,
html[data-theme="dark"] .comm-q-card__meta {
  color: var(--clr-text-light);
}

/* قائمة الأسئلة — بطاقة canva */
html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva {
  background: linear-gradient(
    165deg,
    var(--clr-surface) 0%,
    var(--clr-primary-bg) 48%,
    var(--clr-bg-alt) 100%
  ) !important;
  border-color: var(--clr-border-dark) !important;
  box-shadow: var(--shadow-md) !important;
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva:hover {
  border-color: var(--clr-primary) !important;
  box-shadow: var(--shadow-lg) !important;
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva::before {
  background: linear-gradient(90deg, #c9a227, var(--clr-primary) 60%, #52b788);
  opacity: 0.9;
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-q-card__title a {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-q-card__title a:hover {
  color: var(--clr-green);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-author-row {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-author-row__name {
  color: var(--clr-text);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-author-row__meta {
  color: var(--clr-text-light);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-author-row__guest {
  background: var(--clr-surface-elevated);
  color: var(--clr-text-light);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-author-row__avatar {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-q-card__excerpt {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-q-card__stats--pro {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-vote-btn--pro {
  background: linear-gradient(180deg, var(--clr-surface) 0%, var(--clr-primary-bg) 100%);
  border-color: var(--clr-border-dark);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-vote-btn__icon {
  background: rgba(82, 183, 136, 0.15);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-vote-btn__label {
  color: var(--clr-text-light);
  border-inline-start-color: var(--clr-border);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-stat-chip {
  background: linear-gradient(180deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%);
  border-color: var(--clr-border);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-stat-chip__icon {
  background: var(--clr-surface-elevated);
  color: var(--clr-text-light);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-stat-chip__count {
  color: var(--clr-text);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-stat-chip__label {
  color: var(--clr-text-light);
  border-inline-start-color: var(--clr-border);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-badge--gold {
  color: #1a3d2e;
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-q-card__cta {
  background: linear-gradient(135deg, #0f2918 0%, #1b4332 50%, #2d6a4f 100%);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] #comm-questions-list > .comm-q-card--canva .comm-q-card__cta:hover {
  box-shadow: 0 6px 20px rgba(82, 183, 136, 0.2);
}

html[data-theme="dark"] .comm-stat-pill {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

/* نماذج منبثقة — طرح سؤال / تشجيع */
html[data-theme="dark"] .comm-modal__panel {
  background: var(--clr-surface);
  color: var(--clr-text);
  box-shadow: var(--shadow-lg);
}

html[data-theme="dark"] .comm-modal__head {
  background: linear-gradient(180deg, var(--clr-primary-bg) 0%, var(--clr-surface) 100%);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .comm-modal__head h2 {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-modal__lead {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-modal__close {
  background: var(--clr-surface-elevated);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-modal__close:hover,
html[data-theme="dark"] .comm-modal__close:focus-visible {
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-modal__head-ico {
  background: var(--clr-surface-elevated);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-field__label {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-field__opt,
html[data-theme="dark"] .comm-field__hint {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .comm-field__input,
html[data-theme="dark"] select.comm-field__input {
  background-color: var(--clr-bg-alt);
  color: var(--clr-text);
  border-color: var(--clr-border);
}

html[data-theme="dark"] select.comm-field__input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2395D5B2' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .comm-field__input:hover {
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .comm-field__input:focus {
  background-color: var(--clr-surface-elevated);
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px rgba(82, 183, 136, 0.22);
}

html[data-theme="dark"] .comm-field__input option,
html[data-theme="dark"] select.comm-field__input option {
  background-color: var(--clr-surface-elevated);
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-form__consent {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-consent,
html[data-theme="dark"] .comm-form label.comm-consent {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-consent__lead {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-consent__box {
  background: var(--clr-surface);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .comm-form__actions {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .comm-form__msg.is-ok {
  background: var(--clr-green-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-form__msg.is-err {
  background: var(--clr-red-bg);
  color: var(--clr-red);
}

html[data-theme="dark"] .comm-empty {
  color: var(--clr-text-md);
}

/* تجارب الزوار — بطاقات + نموذج المشاركة */
html[data-theme="dark"] .tajrubat-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .tajrubat-card__title {
  color: var(--clr-text);
}

html[data-theme="dark"] .tajrubat-card__cats,
html[data-theme="dark"] .tajrubat-card__body,
html[data-theme="dark"] .tajrubat-card__foot {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .tajrubat-modal__backdrop {
  background: rgba(0, 0, 0, 0.65);
}

html[data-theme="dark"] .tajrubat-modal__panel {
  background: var(--clr-surface);
  border-color: var(--clr-border-dark);
  box-shadow: var(--shadow-lg);
}

html[data-theme="dark"] .tajrubat-modal__head {
  background: linear-gradient(180deg, var(--clr-primary-bg) 0%, var(--clr-surface) 100%);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .tajrubat-modal__head h2 {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .tajrubat-modal__lead {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .tajrubat-modal__ico {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .tajrubat-modal__close {
  background: var(--clr-bg-alt);
  color: var(--clr-text-light);
  box-shadow: none;
}

html[data-theme="dark"] .tajrubat-modal__close:hover {
  background: var(--clr-surface-elevated);
  color: var(--clr-text);
}

html[data-theme="dark"] .tajrubat-form__label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .tajrubat-form__label input,
html[data-theme="dark"] .tajrubat-form__label textarea {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .tajrubat-form__label input:focus,
html[data-theme="dark"] .tajrubat-form__label textarea:focus {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px rgba(82, 183, 136, 0.22);
  background: var(--clr-surface);
}

html[data-theme="dark"] .tajrubat-form__hint {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .tajrubat-form__fieldset {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .tajrubat-form__fieldset legend {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .tajrubat-form__check {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .tajrubat-form__check:hover {
  background: var(--clr-surface-elevated);
}

html[data-theme="dark"] .tajrubat-form__msg.is-ok {
  background: var(--clr-green-bg);
  color: var(--clr-primary-dark);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .tajrubat-form__msg.is-err {
  background: var(--clr-red-bg);
  color: var(--clr-red);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .tajrubat-form .btn-accent {
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .comm-form__pending-note,
html[data-theme="dark"] .comm-pending-strip__inner {
  background: linear-gradient(145deg, var(--clr-accent-bg) 0%, var(--clr-surface) 70%);
  border-color: rgba(201, 162, 39, 0.35);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-pending-strip__title,
html[data-theme="dark"] .comm-pending-badge {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .comm-pending-strip__lead {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-pending-badge {
  background: rgba(201, 162, 39, 0.15);
  border-color: rgba(201, 162, 39, 0.35);
}

html[data-theme="dark"] .comm-auto-verified {
  color: var(--clr-primary-dark);
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .comm-pending-card {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-pending-card__label {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-pending-card__hint,
html[data-theme="dark"] .comm-pending-card__type {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-pending-card__dismiss {
  background: var(--clr-surface-elevated);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-pending-card__link {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-pending-card__link:hover,
html[data-theme="dark"] .comm-pending-card__link:focus-visible {
  background: var(--clr-surface-elevated);
}

html[data-theme="dark"] .comm-pending-toast__panel.is-info {
  background: linear-gradient(145deg, var(--clr-accent-bg) 0%, var(--clr-surface) 70%);
}

html[data-theme="dark"] .comm-pending-toast__panel.is-info .comm-pending-toast__title {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .comm-pending-toast__panel {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-pending-toast__panel.is-ok {
  background: linear-gradient(145deg, var(--clr-primary-bg) 0%, var(--clr-surface) 70%);
}

html[data-theme="dark"] .comm-pending-toast__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-pending-toast__label {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-ai-answer__note {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-ai-answer__error {
  background: var(--clr-red-bg);
  color: var(--clr-red);
}

/* ====================================================
   التغذية واللوحة — nutrition.css
   ==================================================== */
html[data-theme="dark"] .onboarding-page {
  background: linear-gradient(135deg, #0d1a14 0%, #1a1810 50%, #0d1a14 100%);
}

html[data-theme="dark"] .onboarding-page::before {
  opacity: 0.06;
}

html[data-theme="dark"] .onboarding-blob {
  opacity: 0.08;
}

html[data-theme="dark"] .onboarding-brand__title {
  color: var(--clr-text);
}

html[data-theme="dark"] .onboarding-brand__subtitle,
html[data-theme="dark"] .onboarding-ai-card__subtitle {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .onboarding-ai-card {
  background: rgba(26, 46, 38, 0.75);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .onboarding-ai-card::before {
  background: linear-gradient(135deg, rgba(26, 46, 38, 0.5), rgba(82, 183, 136, 0.08));
}

html[data-theme="dark"] .onboarding-ai-card__title,
html[data-theme="dark"] .onboarding-ai-card__body {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .onboarding-ai-rich-msg__bubble {
  background: linear-gradient(180deg, rgba(26, 46, 38, 0.95), rgba(18, 40, 32, 0.88));
  border-color: var(--clr-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .onboarding-ai-rich-msg__head {
  color: var(--clr-text);
}

html[data-theme="dark"] .onboarding-ai-rich-msg__intro,
html[data-theme="dark"] .onboarding-ai-rich-msg__closing,
html[data-theme="dark"] .onboarding-ai-rich-msg__list li {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .onboarding-ai-rich-msg__label {
  color: var(--nt-green-light);
}

html[data-theme="dark"] .form-group input,
html[data-theme="dark"] .form-group select,
html[data-theme="dark"] .form-group textarea {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .radio-card {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .radio-card.selected {
  background: rgba(82, 183, 136, 0.12) !important;
  border-color: var(--nt-green-light) !important;
}

html[data-theme="dark"] .btn-back:hover {
  background: var(--clr-bg-alt);
}

html[data-theme="dark"] .onboarding-card--programs {
  border-color: rgba(212, 160, 23, 0.28) !important;
}

html[data-theme="dark"] .onboarding-card-body--programs {
  background: linear-gradient(180deg, var(--clr-bg-alt) 0%, var(--clr-surface) 120px);
}

html[data-theme="dark"] .onboarding-card-body--programs .onboarding-gold-bar {
  box-shadow: 0 1px 10px rgba(212, 160, 23, 0.2);
}

html[data-theme="dark"] .program-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 4px 18px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .program-card:hover {
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .program-card.selected {
  background: linear-gradient(180deg, rgba(82, 183, 136, 0.14) 0%, var(--clr-surface) 52px);
  border-color: var(--nt-green-light);
  box-shadow:
    0 0 0 3px rgba(82, 183, 136, 0.2),
    0 8px 24px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .program-card.ai-recommended:not(.selected) {
  background: linear-gradient(180deg, rgba(82, 183, 136, 0.12) 0%, var(--clr-surface) 56px);
  border-color: rgba(82, 183, 136, 0.45);
  box-shadow: 0 0 0 1px rgba(82, 183, 136, 0.15), 0 6px 20px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .program-card.ai-recommended.selected {
  box-shadow:
    0 0 0 3px rgba(82, 183, 136, 0.25),
    0 0 20px rgba(82, 183, 136, 0.12),
    0 8px 24px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .program-card[data-level="advanced"].selected {
  background: linear-gradient(180deg, rgba(212, 160, 23, 0.12) 0%, var(--clr-surface) 52px);
  border-color: var(--nt-gold);
  box-shadow:
    0 0 0 3px rgba(212, 160, 23, 0.22),
    0 8px 24px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .program-ai-badge {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.22), rgba(45, 106, 79, 0.35));
  border-color: rgba(82, 183, 136, 0.45);
  color: #a7f3d0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .program-name {
  color: var(--clr-text);
}

html[data-theme="dark"] .program-desc,
html[data-theme="dark"] .program-rules .rule-item {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .program-rules {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .program-card[data-level="intermediate"] .program-rules {
  background: rgba(13, 148, 136, 0.12);
  border-color: rgba(13, 148, 136, 0.25);
}

html[data-theme="dark"] .program-card[data-level="advanced"] .program-rules {
  background: rgba(212, 160, 23, 0.1);
  border-color: rgba(212, 160, 23, 0.22);
}

html[data-theme="dark"] .badge-beginner {
  background: rgba(82, 183, 136, 0.18);
  color: #a7f3d0;
}

html[data-theme="dark"] .badge-intermediate {
  background: rgba(13, 148, 136, 0.2);
  color: #5eead4;
}

html[data-theme="dark"] .badge-advanced {
  background: rgba(212, 160, 23, 0.18);
  color: #fde68a;
}

html[data-theme="dark"] .onboarding-rec-box,
html[data-theme="dark"] .onboarding-card-body--programs .onboarding-rec-box {
  background: linear-gradient(135deg, rgba(30, 58, 138, 0.25), var(--clr-bg-alt));
  border-color: rgba(96, 165, 250, 0.35);
  box-shadow: none;
}

html[data-theme="dark"] .onboarding-rec-box__title {
  color: #93c5fd;
}

html[data-theme="dark"] .onboarding-rec-box__list {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .onboarding-rec-box__list li::before {
  color: #60a5fa;
}

html[data-theme="dark"] .onboarding-preview-box,
html[data-theme="dark"] .onboarding-card-body--programs .onboarding-preview-box {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .onboarding-preview-box__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .onboarding-preview-box__body {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .onboarding-tip-box,
html[data-theme="dark"] .onboarding-card-body--programs .onboarding-tip-box {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.14), rgba(45, 106, 79, 0.08));
  border-color: rgba(82, 183, 136, 0.3);
}

html[data-theme="dark"] .onboarding-tip-box__text {
  color: #a7f3d0;
}

html[data-theme="dark"] .onboarding-tip-box__text strong {
  color: var(--clr-text);
}

html[data-theme="dark"] .onboarding-ai-slot:not(.onboarding-ai-slot--hidden) {
  background:
    linear-gradient(180deg, rgba(82, 183, 136, 0.1) 0%, var(--clr-surface) 80px),
    var(--clr-surface);
  border-color: rgba(82, 183, 136, 0.28);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 8px 28px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .onboarding-ai-slot::before {
  opacity: 1;
}

html[data-theme="dark"] .onboarding-ai-slot__loading {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .onboarding-ai-slot__spinner {
  border-color: rgba(82, 183, 136, 0.2);
  border-top-color: var(--nt-green-light);
}

html[data-theme="dark"] .onboarding-ai-slot__fail {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .onboarding-ai-slot__head {
  background: rgba(0, 0, 0, 0.15);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .onboarding-ai-slot__avatar {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .onboarding-ai-slot__title {
  color: #a7f3d0;
}

html[data-theme="dark"] .onboarding-ai-slot__hint {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .onboarding-ai-slot__question {
  color: var(--clr-text);
  background: var(--clr-bg-alt);
  border-inline-start-color: var(--nt-green-light);
}

html[data-theme="dark"] .onboarding-ai-slot__label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .onboarding-ai-slot__input {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .onboarding-ai-slot__input::placeholder {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .onboarding-ai-slot__input:focus {
  border-color: var(--nt-green-light);
  background: var(--clr-surface);
  box-shadow: 0 0 0 3px rgba(82, 183, 136, 0.22);
}

/* لوحة حسابي — account.php */
html[data-theme="dark"] .dashboard-page--account {
  background:
    radial-gradient(ellipse 90% 55% at 100% 0%, rgba(82, 183, 136, 0.12) 0%, transparent 52%),
    radial-gradient(ellipse 70% 45% at 0% 100%, rgba(201, 162, 39, 0.06) 0%, transparent 48%),
    linear-gradient(180deg, var(--clr-bg) 0%, #0a1612 100%);
}

html[data-theme="dark"] .dashboard-page--account .account-panel.dashboard-soft-card,
html[data-theme="dark"] .dashboard-page--account .account-summary-card.dashboard-soft-card,
html[data-theme="dark"] .dashboard-page--account .account-achievement-card.dashboard-soft-card,
html[data-theme="dark"] .dashboard-page--account .account-quick-links.dashboard-soft-card,
html[data-theme="dark"] .dashboard-page--account .account-hero.dashboard-soft-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    var(--shadow-md);
}

html[data-theme="dark"] .dashboard-page--account .account-panel.dashboard-soft-card:hover {
  border-color: var(--clr-border-dark);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    var(--shadow-lg);
}

html[data-theme="dark"] .account-hero {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.14) 0%, var(--clr-surface) 48%, rgba(201, 162, 39, 0.08) 100%);
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 10px 32px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .account-hero::before {
  background: radial-gradient(circle, rgba(82, 183, 136, 0.18) 0%, transparent 68%);
}

html[data-theme="dark"] .account-hero__avatar {
  background: linear-gradient(145deg, var(--nt-green-light), var(--clr-primary-xlight));
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] .account-hero__avatar .dash-hero-avatar {
  border-color: var(--clr-surface-elevated);
}

html[data-theme="dark"] .account-hero__name {
  color: var(--clr-text);
}

html[data-theme="dark"] .account-hero__email,
html[data-theme="dark"] .account-hero__sub {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .account-hero__sub {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .account-badge--method {
  background: var(--clr-bg-alt);
  color: var(--clr-text-md);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .account-badge--verified {
  background: rgba(82, 183, 136, 0.15);
  color: #a7f3d0;
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .account-badge--passkey {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  border-color: rgba(96, 165, 250, 0.35);
}

html[data-theme="dark"] .account-alert--ok {
  background: rgba(82, 183, 136, 0.12);
  border-color: rgba(82, 183, 136, 0.35);
  color: #a7f3d0;
}

html[data-theme="dark"] .account-alert--err {
  background: var(--clr-red-bg);
  border-color: rgba(240, 113, 103, 0.35);
  color: #fca5a5;
}

html[data-theme="dark"] .account-panel__head {
  background: linear-gradient(180deg, rgba(82, 183, 136, 0.12) 0%, transparent 100%);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .account-panel__icon {
  background: linear-gradient(145deg, var(--clr-surface-elevated) 0%, var(--clr-bg-alt) 100%);
  border-color: var(--clr-border-dark);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .account-panel__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .account-panel__lead,
html[data-theme="dark"] .account-muted,
html[data-theme="dark"] .account-hint {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .account-subtitle {
  color: var(--clr-text);
}

html[data-theme="dark"] .account-form .form-group label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .account-form .form-group input,
html[data-theme="dark"] .account-form .account-select {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .account-form .form-group input:hover,
html[data-theme="dark"] .account-form .account-select:hover {
  border-color: var(--clr-border-dark);
  background: var(--clr-surface-elevated);
}

html[data-theme="dark"] .account-form .form-group input:focus,
html[data-theme="dark"] .account-select--tz optgroup {
  color: var(--clr-primary-dark);
  background: var(--clr-bg-alt);
}

html[data-theme="dark"] .account-select--tz option {
  color: var(--clr-text-md);
  background: var(--clr-surface);
}

html[data-theme="dark"] .account-form .account-select:focus {
  background: var(--clr-surface-elevated);
  border-color: var(--nt-green);
  box-shadow: 0 0 0 3px rgba(82, 183, 136, 0.22);
}

html[data-theme="dark"] .account-checks .checkbox-item {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .account-checks .checkbox-item.checked {
  background: var(--clr-primary-bg);
  border-color: rgba(82, 183, 136, 0.4);
  color: var(--clr-text);
}

html[data-theme="dark"] .account-panel--privacy .account-privacy-export {
  background: linear-gradient(180deg, rgba(82, 183, 136, 0.1) 0%, var(--clr-bg-alt) 100%);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .account-export-list li::before {
  color: var(--nt-green);
}

html[data-theme="dark"] .dashboard-page--account .dashboard-inline-link {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--account .dashboard-inline-link:hover {
  color: var(--clr-text);
}

html[data-theme="dark"] .account-passkey-block {
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .achievement-card,
html[data-theme="dark"] .account-achievement-card {
  background: linear-gradient(145deg, rgba(82, 183, 136, 0.12), rgba(45, 106, 79, 0.08));
  border-color: var(--clr-border);
}

html[data-theme="dark"] .achievement-list {
  color: #a7f3d0;
}

html[data-theme="dark"] .account-quick-links__list a {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .account-quick-links__list a:hover {
  background: var(--clr-primary-bg);
}

html[data-theme="dark"] .dashboard-kv dt {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-kv dd {
  color: var(--clr-text);
}

html[data-theme="dark"] .account-export-list {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .account-danger-zone {
  background: linear-gradient(180deg, rgba(127, 29, 29, 0.2) 0%, var(--clr-surface) 100%);
  border-top-color: rgba(248, 113, 113, 0.35);
}

html[data-theme="dark"] .account-danger-zone__title {
  color: #fecaca;
}

html[data-theme="dark"] .account-danger-zone__warn {
  color: #fca5a5;
}

html[data-theme="dark"] .account-delete-form .form-group input {
  border-color: rgba(248, 113, 113, 0.35);
}

html[data-theme="dark"] .account-delete-form .form-group input:focus {
  border-color: #f87171;
  box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.2);
}

html[data-theme="dark"] .account-btn-danger {
  background: #b91c1c;
}

html[data-theme="dark"] .onboarding-ai-slot__count {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .onboarding-ai-slot__preview {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.14), rgba(45, 106, 79, 0.08));
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .onboarding-ai-slot__preview-text {
  color: #a7f3d0;
}

html[data-theme="dark"] .generating-orb__core {
  background: linear-gradient(135deg, rgba(26, 46, 38, 0.95), rgba(45, 106, 79, 0.35));
}

html[data-theme="dark"] .generating-progress-bar {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .generating-steps--canva li {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .generating-steps--canva li.done {
  background: rgba(82, 183, 136, 0.12);
  color: var(--nt-green-light);
}

html[data-theme="dark"] .generating-steps--canva li.active {
  background: var(--nt-card-bg);
  color: var(--clr-text);
}

html[data-theme="dark"] .progress-step-circle {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .onboarding-card,
html[data-theme="dark"] .dashboard-shell,
html[data-theme="dark"] .dashboard-header,
html[data-theme="dark"] .meal-item,
html[data-theme="dark"] .nt-card,
html[data-theme="dark"] .nt-panel,
html[data-theme="dark"] .nt-stat-card,
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .chat-bubble-ai,
html[data-theme="dark"] .nutrition-sidebar {
  background: var(--nt-card-bg);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-greeting h1,
html[data-theme="dark"] .dashboard-hero-title {
  color: var(--clr-text);
}

/* رأس بطاقة الإعداد يبقى أبيض على التدرج الأخضر */
html[data-theme="dark"] .onboarding-card-header h2,
html[data-theme="dark"] .onboarding-card-header--programs h2 {
  color: #fff !important;
}

html[data-theme="dark"] .onboarding-card-header__text p,
html[data-theme="dark"] .onboarding-card-header--programs p {
  color: rgba(255, 255, 255, 0.88) !important;
}

html[data-theme="dark"] .dash-hero-avatar {
  background: linear-gradient(145deg, #1a2e24 0%, #243d32 55%, #3d3520 100%);
  box-shadow:
    0 0 0 3px var(--nt-card-bg),
    0 0 0 5px rgba(82, 183, 136, 0.25),
    0 12px 28px -8px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .dash-hero-avatar__initials {
  color: #a7f3d0;
}

html[data-theme="dark"] .dashboard-hero-tagline {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dash-hero-toast {
  background: linear-gradient(135deg, #1a2e24, #243d32);
  border-color: rgba(82, 183, 136, 0.3);
  color: #a7f3d0;
}

html[data-theme="dark"] .dashboard-page {
  background: var(--clr-bg);
}

/* لوحة اليوم — dashboard/index (#nt-dashboard-content) */
html[data-theme="dark"] .dashboard-page--today {
  background:
    radial-gradient(ellipse 90% 55% at 100% 0%, rgba(82, 183, 136, 0.14) 0%, transparent 52%),
    radial-gradient(ellipse 70% 45% at 0% 100%, rgba(201, 162, 39, 0.07) 0%, transparent 48%),
    linear-gradient(180deg, var(--clr-bg) 0%, #0a1612 100%);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav {
  background: rgba(26, 46, 38, 0.92);
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    var(--shadow-md);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav a,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav a {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav a:hover,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav a:hover {
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav a.active,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav a.active {
  background: var(--nt-green-light);
  color: #fff;
  box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-more > summary,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-more > summary {
  color: var(--clr-text-md);
  background: rgba(82, 183, 136, 0.1);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-more > summary:hover,
html[data-theme="dark"] .dashboard-page .dashboard-nav-more[open] > summary,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-more > summary:hover,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-more[open] > summary {
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-more--contains-active > summary,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-more--contains-active > summary {
  border-color: rgba(82, 183, 136, 0.4);
  box-shadow: 0 0 0 1px rgba(82, 183, 136, 0.2);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-more__panel,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-more__panel {
  background: var(--clr-surface-elevated);
  border-color: var(--clr-border);
  box-shadow: var(--shadow-lg);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-more__panel-divider,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-more__panel-divider {
  background: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-more__panel a,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-more__panel a {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-more__panel a:hover,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-more__panel a:hover {
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-more__panel a.active,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-more__panel a.active {
  background: var(--nt-green-light);
  color: #fff;
}

html[data-theme="dark"] .dashboard-nav-more-backdrop {
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-restart,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-restart {
  color: var(--clr-text-muted) !important;
  border-color: var(--clr-border) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-nav-restart:hover,
html[data-theme="dark"] .dashboard-layout-page .dashboard-nav-restart:hover {
  color: var(--clr-red) !important;
  background: var(--clr-red-bg) !important;
  border-color: rgba(240, 113, 103, 0.35) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-page-header__title,
html[data-theme="dark"] .dashboard-page--hub .dashboard-page-header__title {
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-page .dashboard-page-header__sub,
html[data-theme="dark"] .dashboard-page--hub .dashboard-page-header__sub {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--hub .program-progress-card,
html[data-theme="dark"] .dashboard-page--hub .sidebar-card-lite,
html[data-theme="dark"] .dashboard-page--hub .rules-card,
html[data-theme="dark"] .dashboard-page--hub .rescue-card,
html[data-theme="dark"] .dashboard-page--hub .tip-card,
html[data-theme="dark"] .dashboard-page--hub .motivation-card,
html[data-theme="dark"] .dashboard-page--hub .dashboard-ai-feed {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    var(--shadow-md);
}

html[data-theme="dark"] .dashboard-page--hub .program-progress-card h3,
html[data-theme="dark"] .dashboard-page--hub .sidebar-card-lite h3,
html[data-theme="dark"] .dashboard-page--hub .rules-card h3,
html[data-theme="dark"] .dashboard-page--hub .dashboard-ai-feed__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--hub .sidebar-list,
html[data-theme="dark"] .dashboard-page--hub .rules-list li {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--hub .dashboard-notifications-lead {
  color: var(--clr-text-md);
}

/* ملفي الصحي — profile.php */
html[data-theme="dark"] .profile-page--dashboard {
  background: transparent;
}

html[data-theme="dark"] .profile-page--dashboard .profile-alert-success {
  background: rgba(82, 183, 136, 0.12);
  border-color: rgba(82, 183, 136, 0.35);
  color: #a7f3d0;
}

html[data-theme="dark"] .profile-page--dashboard .profile-alert-error {
  background: var(--clr-red-bg);
  border-color: rgba(240, 113, 103, 0.35);
  color: #fca5a5;
}

html[data-theme="dark"] .profile-page--dashboard .profile-hero {
  background:
    radial-gradient(ellipse 85% 100% at 100% 0%, rgba(82, 183, 136, 0.2) 0%, transparent 52%),
    radial-gradient(ellipse 65% 85% at 0% 100%, rgba(201, 162, 39, 0.12) 0%, transparent 48%),
    linear-gradient(135deg, #0a1612 0%, #0f2319 40%, #1b4332 100%);
  border-color: rgba(82, 183, 136, 0.25);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    var(--shadow-lg);
}

html[data-theme="dark"] .profile-page--dashboard .profile-program-chip {
  background: rgba(82, 183, 136, 0.15);
  border-color: rgba(82, 183, 136, 0.3);
}

html[data-theme="dark"] .profile-page--dashboard .profile-mini-stat {
  background: rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .profile-page--dashboard .profile-mini-stat:hover {
  background: rgba(82, 183, 136, 0.12);
}

html[data-theme="dark"] .profile-page--dashboard .profile-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    var(--shadow-md);
}

html[data-theme="dark"] .profile-page--dashboard .bmi-display.normal {
  background: rgba(82, 183, 136, 0.12);
  border-color: rgba(82, 183, 136, 0.3);
}

html[data-theme="dark"] .profile-page--dashboard .bmi-display.overweight {
  background: rgba(201, 162, 39, 0.12);
  border-color: rgba(201, 162, 39, 0.35);
}

html[data-theme="dark"] .profile-page--dashboard .bmi-display.obese {
  background: rgba(240, 113, 103, 0.12);
  border-color: rgba(240, 113, 103, 0.35);
}

html[data-theme="dark"] .profile-page--dashboard .bmi-display.normal .bmi-value {
  color: #a7f3d0;
}

html[data-theme="dark"] .profile-page--dashboard .bmi-display.overweight .bmi-value {
  color: #fde68a;
}

html[data-theme="dark"] .profile-page--dashboard .bmi-display.obese .bmi-value {
  color: #fca5a5;
}

html[data-theme="dark"] .profile-bmi-label,
html[data-theme="dark"] .profile-bmi-status,
html[data-theme="dark"] .profile-form-lead,
html[data-theme="dark"] .profile-form-note,
html[data-theme="dark"] .profile-notif-hint {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .profile-bmi-status {
  color: var(--clr-text);
}

html[data-theme="dark"] .profile-form-note {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .profile-inline-link {
  color: var(--nt-green);
}

html[data-theme="dark"] .profile-inline-link:hover {
  color: #a7f3d0;
}

html[data-theme="dark"] .profile-page--dashboard .form-section {
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .profile-page--dashboard .form-section-title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .profile-page--dashboard .form-group label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .profile-page--dashboard .form-group input,
html[data-theme="dark"] .profile-page--dashboard .form-group textarea {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .profile-page--dashboard .form-group input:focus,
html[data-theme="dark"] .profile-page--dashboard .form-group textarea:focus {
  background: var(--clr-surface);
  border-color: var(--nt-green-light);
  box-shadow: 0 0 0 4px rgba(82, 183, 136, 0.2);
}

html[data-theme="dark"] .profile-page--dashboard .radio-card {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .profile-page--dashboard .radio-card:hover {
  background: var(--clr-primary-bg);
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .profile-page--dashboard .radio-card.selected {
  background: linear-gradient(160deg, rgba(82, 183, 136, 0.18), var(--clr-bg-alt)) !important;
  border-color: var(--nt-green-light) !important;
}

html[data-theme="dark"] .profile-page--dashboard .radio-card .rc-label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .profile-page--dashboard .radio-card.selected .rc-label {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .profile-page--dashboard .checkbox-item {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .profile-page--dashboard .checkbox-item:hover {
  background: var(--clr-primary-bg);
}

html[data-theme="dark"] .profile-page--dashboard .checkbox-item.checked {
  background: rgba(82, 183, 136, 0.15);
  border-color: rgba(82, 183, 136, 0.4);
  color: var(--clr-text);
}

html[data-theme="dark"] .profile-page--dashboard .webauthn-lead,
html[data-theme="dark"] .profile-page--dashboard .webauthn-empty,
html[data-theme="dark"] .profile-page--dashboard .webauthn-loading {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .profile-page--dashboard .webauthn-cred-row {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .profile-page--dashboard .webauthn-cred-name {
  color: var(--clr-text);
}

html[data-theme="dark"] .profile-page--dashboard .webauthn-cred-meta {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .profile-page--dashboard .webauthn-status--ok {
  color: #a7f3d0;
}

html[data-theme="dark"] .profile-page--dashboard .webauthn-status--err {
  color: #fca5a5;
}

html[data-theme="dark"] .profile-page--dashboard .bmi-meta {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-card {
  background:
    radial-gradient(ellipse 70% 80% at 0% -10%, rgba(82, 183, 136, 0.16) 0%, transparent 55%),
    radial-gradient(ellipse 60% 70% at 100% 110%, rgba(201, 162, 39, 0.1) 0%, transparent 50%),
    linear-gradient(160deg, var(--clr-surface) 0%, var(--clr-bg-alt) 55%, #142820 100%) !important;
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    var(--shadow-lg);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-card::after {
  opacity: 0.12;
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-greet {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-name {
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-eyebrow {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-eyebrow__weekday {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-live-clock {
  color: #a7f3d0;
  background: rgba(82, 183, 136, 0.14);
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-greeting .greeting-sub .day-badge {
  background: var(--clr-primary-bg);
  color: #a7f3d0;
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-badge--fasting {
  background: rgba(201, 162, 39, 0.15);
  color: #fde68a;
  border-color: rgba(201, 162, 39, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .dash-hero-chip {
  background: var(--clr-bg-alt);
  color: var(--clr-text-md);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page--today .dash-hero-chip--meals {
  background: rgba(201, 162, 39, 0.12);
  color: #fde68a;
  border-color: rgba(201, 162, 39, 0.3);
}

html[data-theme="dark"] .dashboard-page--today .dash-hero-streak-mini {
  background: rgba(249, 115, 22, 0.12);
  color: #fdba74;
  border-color: rgba(249, 115, 22, 0.3);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-program-pill {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  box-shadow: none;
}

html[data-theme="dark"] .dashboard-page--today .dashboard-program-pill__label {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-program-pill__text {
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-program-pill__level {
  color: var(--nt-green);
}

html[data-theme="dark"] .dashboard-page--today .dash-hero-profile-link {
  color: var(--clr-primary-dark);
  border-bottom-color: rgba(149, 213, 178, 0.4);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-progress {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-progress-title {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-progress-track {
  background: rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-streak-bar {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-hero-streak-bar__meta {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .dash-streak-badge {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .dash-streak-badge--active {
  background: rgba(249, 115, 22, 0.14);
  border-color: rgba(251, 146, 60, 0.35);
  color: #fdba74;
}

html[data-theme="dark"] .dashboard-page--today .dashboard-quick-chip {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-quick-chip:hover {
  background: var(--nt-green-light);
  border-color: var(--nt-green-light);
  color: #fff;
}

html[data-theme="dark"] .dashboard-page--today .dashboard-quick-chip--gold {
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.14), rgba(26, 24, 16, 0.6));
  border-color: rgba(201, 162, 39, 0.35);
  color: #fde68a;
}

html[data-theme="dark"] .dashboard-page--today .dashboard-quick-chip--gold:hover {
  background: linear-gradient(135deg, var(--nt-gold-dark), #7a6318);
  color: #fff;
}

html[data-theme="dark"] .dashboard-page--today .dashboard-stats-section__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-stats-section__sub {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .stat-card {
  background: linear-gradient(168deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%) !important;
  border-color: var(--clr-border);
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .dashboard-page--today .stat-card:hover {
  box-shadow: var(--shadow-md) !important;
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .dashboard-page--today .stat-card .stat-value {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--today .stat-card .stat-label {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .stat-icon-green {
  background: var(--clr-primary-bg);
}

html[data-theme="dark"] .dashboard-page--today .stat-icon-gold {
  background: var(--nt-gold-bg);
}

html[data-theme="dark"] .dashboard-page--today .stat-icon-teal {
  background: var(--nt-teal-bg);
}

html[data-theme="dark"] .dashboard-page--today .meals-card {
  background: var(--clr-surface) !important;
  border-color: var(--clr-border);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .dashboard-page--today .meals-card-body {
  background: linear-gradient(180deg, var(--clr-bg-alt) 0%, var(--clr-surface) 28%);
}

html[data-theme="dark"] .dashboard-page--today .meal-item {
  background: linear-gradient(165deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%) !important;
  border-color: var(--clr-border);
  box-shadow: none;
}

html[data-theme="dark"] .dashboard-page--today .meal-item:hover {
  border-color: var(--clr-border-dark);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .dashboard-page--today .meal-item.has-completed {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.14), rgba(15, 35, 25, 0.9)) !important;
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .meal-name__slot,
html[data-theme="dark"] .dashboard-page--today .meal-name__hint,
html[data-theme="dark"] .dashboard-page--today .meal-name__detail {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .meal-name__dish {
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-page--today .meal-time {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredients--snacks .meal-ingredients__lead {
  color: #fde68a;
  background: rgba(201, 162, 39, 0.12);
  border-color: rgba(201, 162, 39, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredient {
  background: linear-gradient(135deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%);
  border-color: var(--clr-border);
  box-shadow: 0 2px 12px -6px rgba(0, 0, 0, 0.35);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredient::before {
  background: linear-gradient(180deg, var(--nt-green), var(--nt-green-light));
  opacity: 0.9;
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredient:hover {
  border-color: var(--clr-border-dark);
  box-shadow: 0 4px 18px -6px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredient__name {
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredient__qty {
  color: #a7f3d0;
  background: rgba(82, 183, 136, 0.16);
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredient__prep {
  color: var(--clr-text-muted);
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredients--snacks .meal-ingredient {
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.14) 0%, rgba(26, 24, 16, 0.65) 100%);
  border-color: rgba(201, 162, 39, 0.3);
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredients--snacks .meal-ingredient::before {
  background: linear-gradient(180deg, var(--nt-gold), #d97706);
}

html[data-theme="dark"] .dashboard-page--today .meal-ingredients--snacks .meal-ingredient__qty {
  color: #fde68a;
  background: rgba(201, 162, 39, 0.16);
  border-color: rgba(201, 162, 39, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .meal-item.has-completed .meal-ingredient {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.12) 0%, var(--clr-bg-alt) 100%);
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .meal-complete-btn {
  background: var(--clr-surface);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .dashboard-page--today .meal-complete-btn::after {
  border-color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .meal-complete-btn:hover {
  background: var(--clr-primary-bg);
  border-color: var(--nt-green);
}

html[data-theme="dark"] .dashboard-page--today .meal-complete-btn.completed {
  background: var(--nt-green-light) !important;
  border-color: var(--nt-green-light) !important;
}

html[data-theme="dark"] .dashboard-page--today .meal-blocked {
  background: rgba(201, 162, 39, 0.12);
  border-color: rgba(201, 162, 39, 0.35);
  color: #fde68a;
}

html[data-theme="dark"] .dashboard-page--today .meal-note {
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.16) 0%, rgba(26, 24, 16, 0.55) 100%);
  border-color: rgba(201, 162, 39, 0.32);
  border-inline-start-color: var(--nt-gold);
  color: #fde68a;
  box-shadow: 0 2px 12px -6px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .meal-item.has-completed .meal-note {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.14) 0%, rgba(201, 162, 39, 0.1) 100%);
  border-color: rgba(82, 183, 136, 0.3);
  border-inline-start-color: var(--nt-green);
  color: #bbf7d0;
}

html[data-theme="dark"] .dashboard-page--today .meal-plan-quality-alert {
  background: rgba(201, 162, 39, 0.12);
  border-color: rgba(201, 162, 39, 0.35);
}

html[data-theme="dark"] .dashboard-page--today .meal-plan-quality-alert p {
  color: #fde68a;
}

html[data-theme="dark"] .dashboard-page--today .empty-plan-state h3 {
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-page--today .empty-plan-state__text {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-today-aside {
  background: linear-gradient(160deg, var(--clr-surface) 0%, var(--clr-bg-alt) 60%, rgba(15, 35, 25, 0.85) 100%) !important;
  border-color: var(--clr-border);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-today-aside__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-today-aside__metric {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-today-aside__more-h {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-today-aside__nav a {
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-today-aside__nav a:hover {
  background: rgba(82, 183, 136, 0.2);
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-page--today .compliance-ring {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page--today .ring-chart .ring-track {
  stroke: var(--clr-border-dark);
}

html[data-theme="dark"] .dashboard-page--today .ring-chart .ring-progress {
  stroke: var(--nt-green);
}

html[data-theme="dark"] .dashboard-page--today .ring-chart .ring-value {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-aside-mini-card--streak {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.16), rgba(15, 35, 25, 0.85));
  border-color: rgba(82, 183, 136, 0.3);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-aside-mini-card--week {
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.14), rgba(26, 24, 16, 0.7));
  border-color: rgba(201, 162, 39, 0.3);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-aside-mini-card--streak .dashboard-aside-mini-card__value {
  color: #a7f3d0;
}

html[data-theme="dark"] .dashboard-page--today .dashboard-aside-mini-card--week .dashboard-aside-mini-card__value {
  color: #fde68a;
}

html[data-theme="dark"] .dashboard-page--today .dashboard-aside-mini-card--streak .dashboard-aside-mini-card__label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .dashboard-aside-mini-card--week .dashboard-aside-mini-card__label {
  color: #fcd34d;
}

html[data-theme="dark"] .dashboard-page--today .ring-info .ring-label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .ring-info .ring-sublabel {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-card {
  background: linear-gradient(168deg, var(--clr-surface) 0%, var(--clr-bg-alt) 45%, rgba(15, 35, 25, 0.9) 100%);
  border-color: rgba(96, 165, 250, 0.25);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-card__head {
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-card__badge {
  background: var(--clr-bg-alt);
  border-color: rgba(96, 165, 250, 0.3);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-card__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-card__meta {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-tagline {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(82, 183, 136, 0.12));
  border-color: rgba(96, 165, 250, 0.25);
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-body {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-card__foot {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-card__link {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--today .ai-insight-card__hint {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .nt-push-opt-in-card,
html[data-theme="dark"] .dashboard-page--today .nt-push-opt-in-card {
  background:
    radial-gradient(90% 80% at 0% 0%, rgba(82, 183, 136, 0.12) 0%, transparent 55%),
    linear-gradient(165deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%);
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    var(--shadow-md);
}

html[data-theme="dark"] .nt-push-opt-in-card__glow {
  background: radial-gradient(circle, rgba(82, 183, 136, 0.18) 0%, transparent 70%);
}

html[data-theme="dark"] .nt-push-opt-in-card__badge {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  box-shadow: none;
}

html[data-theme="dark"] .nt-push-opt-in-card__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .nt-push-opt-in-card__lead,
html[data-theme="dark"] .nt-push-opt-in-card__hint {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .nt-push-opt-in-card__warn {
  color: #fde68a;
}

html[data-theme="dark"] .nt-push-opt-in-card__status {
  color: #a7f3d0;
}

html[data-theme="dark"] .nt-push-opt-in-card.is-active .nt-push-opt-in-card__badge {
  background: rgba(82, 183, 136, 0.2);
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .dashboard-page--today #nt-dashboard-loading {
  background: rgba(13, 26, 20, 0.82);
}

html[data-theme="dark"] .dashboard-page--today .nt-spinner-text {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-page--today .nt-skeleton,
html[data-theme="dark"] .dashboard-page--today .meal-item--loading {
  background: linear-gradient(90deg, var(--clr-bg-alt) 25%, var(--clr-surface) 50%, var(--clr-bg-alt) 75%);
  background-size: 900px 100%;
}

/* صفحة التقدّم — progress.php */
html[data-theme="dark"] .progress-page--dashboard {
  background:
    radial-gradient(ellipse 90% 55% at 100% 0%, rgba(82, 183, 136, 0.14) 0%, transparent 52%),
    radial-gradient(ellipse 70% 45% at 0% 100%, rgba(201, 162, 39, 0.07) 0%, transparent 48%),
    linear-gradient(180deg, var(--clr-bg) 0%, #0a1612 100%);
}

html[data-theme="dark"] .progress-page .dashboard-nav {
  background: rgba(26, 46, 38, 0.92);
  border-color: var(--clr-border);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .progress-page .dashboard-nav a {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .progress-page .dashboard-nav a:hover {
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .progress-page .dashboard-nav a.active {
  background: var(--nt-green-light);
  color: #fff;
}

html[data-theme="dark"] .progress-page .stat-card {
  background: linear-gradient(168deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%) !important;
  border-color: var(--clr-border);
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .progress-page .stat-card .stat-value {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .progress-page .stat-card .stat-label {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .progress-chart-card,
html[data-theme="dark"] .progress-rules-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    var(--shadow-md);
}

html[data-theme="dark"] .progress-chart-card h3,
html[data-theme="dark"] .progress-rules-card__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .progress-chart-card__lead {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .progress-prog-meta__label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .progress-prog-meta__pct {
  color: var(--nt-green);
}

html[data-theme="dark"] .progress-page .progress-bar-wrap {
  background: rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .progress-prog-foot {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .progress-week-card {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .progress-week-card--high {
  background: linear-gradient(160deg, rgba(82, 183, 136, 0.16), var(--clr-bg-alt));
  border-color: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .progress-week-card--high .progress-week-card__pct {
  color: #a7f3d0;
}

html[data-theme="dark"] .progress-week-card--mid {
  background: linear-gradient(160deg, rgba(201, 162, 39, 0.14), rgba(26, 24, 16, 0.65));
  border-color: rgba(201, 162, 39, 0.35);
}

html[data-theme="dark"] .progress-week-card--mid .progress-week-card__pct {
  color: #fde68a;
}

html[data-theme="dark"] .progress-week-card--low {
  background: linear-gradient(160deg, rgba(240, 113, 103, 0.12), rgba(42, 21, 19, 0.7));
  border-color: rgba(240, 113, 103, 0.35);
}

html[data-theme="dark"] .progress-week-card--low .progress-week-card__pct {
  color: #fca5a5;
}

html[data-theme="dark"] .progress-week-card__title {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .progress-week-card__meals {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .progress-week-card__track {
  background: rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .progress-cal-legend__item {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .progress-cal-legend__swatch {
  border-color: var(--clr-border);
}

html[data-theme="dark"] .progress-cal-legend__swatch--done {
  background: rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .progress-cal-legend__swatch--partial {
  background: rgba(56, 189, 248, 0.35);
}

html[data-theme="dark"] .progress-cal-legend__swatch--fasting {
  background: rgba(201, 162, 39, 0.35);
}

html[data-theme="dark"] .progress-cal-legend__swatch--missed {
  background: rgba(240, 113, 103, 0.35);
}

html[data-theme="dark"] .progress-cal-legend__swatch--today {
  background: var(--nt-green-light);
}

html[data-theme="dark"] .calendar-grid--progress .cal-day.future {
  background: var(--clr-bg-alt);
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .calendar-grid--progress .cal-day.done {
  background: var(--clr-primary-bg);
  color: #a7f3d0;
}

html[data-theme="dark"] .calendar-grid--progress .cal-day.partial {
  background: rgba(56, 189, 248, 0.15);
  color: #7dd3fc;
}

html[data-theme="dark"] .calendar-grid--progress .cal-day.fasting {
  background: rgba(201, 162, 39, 0.15);
  color: #fde68a;
}

html[data-theme="dark"] .calendar-grid--progress .cal-day.missed {
  background: var(--clr-red-bg);
  color: #fca5a5;
}

html[data-theme="dark"] .calendar-grid--progress .cal-day.today {
  background: var(--nt-green-light);
  color: #fff;
  box-shadow: 0 0 0 3px rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .progress-rule-item {
  background: linear-gradient(135deg, var(--clr-bg-alt), rgba(15, 35, 25, 0.9));
  border-color: var(--clr-border);
  border-inline-start-color: var(--nt-green);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .progress-rule-item__key {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .progress-page .dashboard-page-header__title {
  color: var(--clr-text);
}

html[data-theme="dark"] .progress-page .dashboard-page-header__sub {
  color: var(--clr-text-md);
}

/* تخطيط مشترك — سجل الوجبات / أهداف الأسبوع / تقدّم */
html[data-theme="dark"] .dashboard-layout-page {
  background:
    radial-gradient(ellipse 90% 55% at 100% 0%, rgba(82, 183, 136, 0.14) 0%, transparent 52%),
    radial-gradient(ellipse 70% 45% at 0% 100%, rgba(201, 162, 39, 0.07) 0%, transparent 48%),
    linear-gradient(180deg, var(--clr-bg) 0%, #0a1612 100%);
}

html[data-theme="dark"] .dashboard-layout-page .dashboard-nav {
  background: rgba(26, 46, 38, 0.92);
  border-color: var(--clr-border);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .dashboard-layout-page .dashboard-nav a {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-layout-page .dashboard-nav a:hover {
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-layout-page .dashboard-nav a.active {
  background: var(--nt-green-light);
  color: #fff;
}

html[data-theme="dark"] .dashboard-layout-page .stat-card {
  background: linear-gradient(168deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%) !important;
  border-color: var(--clr-border);
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .dashboard-layout-page .stat-card .stat-value {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-layout-page .stat-card .stat-label {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .dashboard-layout-page .dashboard-page-header__title {
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-layout-page .dashboard-page-header__sub {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-panel {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    var(--shadow-md);
}

html[data-theme="dark"] .dashboard-panel__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .dashboard-panel__lead,
html[data-theme="dark"] .dashboard-panel__hint {
  color: var(--clr-text-md);
}

/* سجل الوجبات */
html[data-theme="dark"] .day-history-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .day-history-card.is-expanded {
  border-color: rgba(82, 183, 136, 0.35);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .day-history-header {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.12) 0%, var(--clr-bg-alt) 100%);
}

html[data-theme="dark"] .day-history-header:hover {
  background: linear-gradient(135deg, rgba(82, 183, 136, 0.18) 0%, var(--clr-bg-alt) 100%);
}

html[data-theme="dark"] .day-history-header .date-info .date-day {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .day-history-header .date-info .date-day time {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .day-history-header .date-info .date-label {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .day-history-pct--high {
  color: #a7f3d0;
}

html[data-theme="dark"] .day-history-pct--mid {
  color: #fde68a;
}

html[data-theme="dark"] .day-history-pct--low {
  color: #fca5a5;
}

html[data-theme="dark"] .day-history-chevron {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .compliance-pill {
  background: rgba(0, 0, 0, 0.25);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .compliance-pill.done {
  background: var(--nt-green-light);
  border-color: rgba(82, 183, 136, 0.5);
}

html[data-theme="dark"] .day-history-body {
  background: var(--clr-surface);
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .day-history-meal-row {
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .day-history-meal-row__title {
  color: var(--clr-text);
}

html[data-theme="dark"] .day-history-meal-row__dish {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .day-history-tag {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .day-history-meal-row.is-done .day-history-tag {
  background: var(--clr-primary-bg);
  border-color: rgba(82, 183, 136, 0.35);
  color: #a7f3d0;
}

html[data-theme="dark"] .day-history-meal-row__status {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .day-history-meal-row.is-done .day-history-meal-row__status {
  background: var(--nt-green-light);
  color: #fff;
}

html[data-theme="dark"] .day-history-tip {
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.14), rgba(26, 24, 16, 0.65));
  border-color: rgba(201, 162, 39, 0.35);
  color: #fde68a;
}

html[data-theme="dark"] .empty-plan-state--card.dashboard-panel {
  background: var(--clr-surface);
}

/* أهداف الأسبوع */
html[data-theme="dark"] .analytics-panel__text--ok {
  color: #a7f3d0;
}

html[data-theme="dark"] .analytics-panel__text--warn {
  color: #fde68a;
}

html[data-theme="dark"] .analytics-panel__text--muted {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .analytics-compare-bar {
  background: rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .analytics-compare-bar__fill {
  background: linear-gradient(90deg, #52b788, #74c69d);
}

html[data-theme="dark"] .analytics-goal-line::before {
  background: var(--nt-gold);
  box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.25);
}

html[data-theme="dark"] .analytics-goal-line__label {
  color: #fde68a;
}

html[data-theme="dark"] .analytics-goal-form__label {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .analytics-goal-form__out {
  color: var(--nt-green);
}

html[data-theme="dark"] .analytics-goal-form__msg {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .analytics-goal-form__msg--ok {
  color: #a7f3d0;
}

html[data-theme="dark"] .analytics-goal-form__msg--err {
  color: #fca5a5;
}

html[data-theme="dark"] .analytics-roll-chart__track {
  background: rgba(0, 0, 0, 0.25);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .analytics-roll-chart__fill {
  background: linear-gradient(180deg, #74c69d, #40916c);
}

html[data-theme="dark"] .analytics-roll-chart__lbl {
  color: var(--clr-text-md);
}

/* ====================================================
   تتبع التذكرة — support-ticket-track.css
   ==================================================== */
html[data-theme="dark"] .stq-page {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(82, 183, 136, 0.1) 0%, transparent 55%),
    radial-gradient(90% 60% at 0% 100%, rgba(45, 106, 79, 0.08) 0%, transparent 50%),
    linear-gradient(180deg, #0d1a14 0%, #122820 35%, #0d1a14 100%);
}

html[data-theme="dark"] .stq-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow: var(--shadow-lg);
}

html[data-theme="dark"] .stq-hero__badge {
  color: var(--clr-green);
  background: var(--clr-green-bg);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .stq-timeline__item,
html[data-theme="dark"] .stq-reply {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

/* ====================================================
   المساعد الذكي / الدردشة — live-chat-canva.css
   ==================================================== */
html[data-theme="dark"] .tayibat-live-chat {
  background: rgba(26, 46, 38, 0.92);
  border-color: var(--clr-border);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .tayibat-live-chat__head {
  background: linear-gradient(135deg, #0f2319, #1b4332);
}

html[data-theme="dark"] .tayibat-live-chat__body {
  background: var(--clr-bg);
}

html[data-theme="dark"] .tayibat-live-chat__msg--user .tayibat-live-chat__bubble {
  background: var(--clr-primary-bg);
  color: var(--clr-text);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .tayibat-live-chat__msg--bot .tayibat-live-chat__bubble {
  background: var(--clr-surface-elevated);
  color: var(--clr-text-md);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .tayibat-live-chat__composer {
  background: var(--clr-surface);
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .tayibat-live-chat__input {
  background: var(--clr-bg);
  color: var(--clr-text);
  border-color: var(--clr-border);
}

/* مساعد الطيبات: حقل إدخال أبيض دائماً — يمنع اختفاء النص على الهاتف */
html[data-theme="dark"] .ai-chat-section .tayibat-live-chat__input {
  background: transparent !important;
  color: #0f2918 !important;
  -webkit-text-fill-color: #0f2918 !important;
  border-color: transparent;
}

/* ====================================================
   PDF — pdf-download-landing.css
   ==================================================== */
html[data-theme="dark"] .pdf-dl-step,
html[data-theme="dark"] .pdf-dl-faq-item,
html[data-theme="dark"] .pdf-dl-trust-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

/* ====================================================
   بطاقات إضافية / تجارب / تقييم
   ==================================================== */
html[data-theme="dark"] .card-elevated,
html[data-theme="dark"] .tajrubat-card,
html[data-theme="dark"] .rating-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .guide-toc,
html[data-theme="dark"] .content-box,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .alert-box {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .nav-mega-featured__link {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .nav-mega-featured__link:hover {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .nav-mega-featured__link--videos {
  background: linear-gradient(180deg, rgba(127, 29, 29, 0.35), rgba(69, 10, 10, 0.5));
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

html[data-theme="dark"] .nav-mega-featured__link--videos:hover {
  background: rgba(127, 29, 29, 0.45);
  border-color: rgba(248, 113, 113, 0.5);
  color: #fee2e2;
}

html[data-theme="dark"] .nav-mega-featured__link--doctor {
  background: linear-gradient(180deg, rgba(30, 64, 175, 0.35), rgba(23, 37, 84, 0.5));
  border-color: rgba(96, 165, 250, 0.35);
  color: #bfdbfe;
}

html[data-theme="dark"] .nav-mega-featured__link--doctor:hover {
  background: rgba(30, 64, 175, 0.45);
  border-color: rgba(96, 165, 250, 0.5);
  color: #dbeafe;
}

html[data-theme="dark"] .footer-col h3,
html[data-theme="dark"] .footer-brand p {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .footer-bottom {
  border-top-color: var(--clr-border);
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .feature-card h3 {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .food-card.green:hover {
  background: var(--clr-green-bg);
}

html[data-theme="dark"] .food-card.red:hover {
  background: var(--clr-red-bg);
}

/* ====================================================
   تغذية / مجتمع — تجاوز الألوان الثابتة (!important)
   ==================================================== */
html[data-theme="dark"] .onboarding-card {
  background: var(--clr-surface) !important;
  border-color: var(--clr-border-dark) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 16px 48px rgba(0, 0, 0, 0.35),
    0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .onboarding-card:hover {
  border-color: rgba(82, 183, 136, 0.35) !important;
}

html[data-theme="dark"] .onboarding-card-header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(128deg, #0f2319 0%, #1b4332 50%, #245c42 100%);
}

html[data-theme="dark"] .onboarding-card-header__icon {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.18);
}

html[data-theme="dark"] .onboarding-card-body {
  background: linear-gradient(180deg, var(--clr-bg-alt) 0%, var(--clr-surface) 140px);
}

html[data-theme="dark"] .onboarding-card .form-section {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  box-shadow: none;
}

html[data-theme="dark"] .onboarding-card .form-section-title {
  color: var(--clr-primary-dark);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .onboarding-card .form-section-title::before {
  background: linear-gradient(180deg, var(--nt-gold), #e8c547);
}

html[data-theme="dark"] .onboarding-actions {
  border-top-color: var(--clr-border);
  background: linear-gradient(180deg, transparent, rgba(82, 183, 136, 0.06));
}

html[data-theme="dark"] .progress-step-label {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .progress-step.active .progress-step-label {
  color: var(--nt-green-light);
}

html[data-theme="dark"] .progress-line {
  background: var(--clr-border);
}

html[data-theme="dark"] .progress-line.done {
  background: rgba(82, 183, 136, 0.45);
}

html[data-theme="dark"] .radio-card .rc-label,
html[data-theme="dark"] .radio-card .rc-desc {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .radio-card.selected .rc-label {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .checkbox-item.checked {
  background: var(--clr-primary-bg) !important;
  border-color: var(--clr-primary) !important;
  color: var(--clr-text);
}

html[data-theme="dark"] .onboarding-alert--error {
  background: var(--clr-red-bg);
  border-color: var(--clr-border);
  color: var(--clr-red);
}

html[data-theme="dark"] .btn-back {
  color: var(--nt-green-light);
  border-color: rgba(82, 183, 136, 0.5);
}

html[data-theme="dark"] .btn-back:hover {
  background: var(--clr-bg-alt);
  border-color: var(--nt-green-light);
}

html[data-theme="dark"] .onboarding-page .form-group label,
html[data-theme="dark"] .dashboard-page .form-group label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .onboarding-page .form-group input,
html[data-theme="dark"] .onboarding-page .form-group select,
html[data-theme="dark"] .onboarding-page .form-group textarea,
html[data-theme="dark"] .dashboard-page .form-group input,
html[data-theme="dark"] .dashboard-page .form-group select,
html[data-theme="dark"] .dashboard-page .form-group textarea {
  background: var(--clr-surface) !important;
  color: var(--clr-text) !important;
  border-color: var(--clr-border) !important;
}

html[data-theme="dark"] .radio-card,
html[data-theme="dark"] .checkbox-item {
  background: var(--clr-surface) !important;
  border-color: var(--clr-border) !important;
  color: var(--clr-text-md);
}

html[data-theme="dark"] .radio-card.selected,
html[data-theme="dark"] .checkbox-item:has(input:checked) {
  background: var(--clr-primary-bg) !important;
  border-color: var(--clr-primary) !important;
}

html[data-theme="dark"] .comm-tabs__btn {
  background: var(--clr-surface) !important;
  color: var(--clr-text-md) !important;
}

html[data-theme="dark"] .comm-q-card {
  background: var(--clr-surface) !important;
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .comm-compose,
html[data-theme="dark"] .comm-thread,
html[data-theme="dark"] .comm-wall-card,
html[data-theme="dark"] .comm-sidebar-box {
  background: var(--clr-surface) !important;
  border-color: var(--clr-border) !important;
  color: var(--clr-text-md);
}

/* صفحة السؤال — بطاقة السؤال */
html[data-theme="dark"] .comm-q-detail .comm-q-card--detail {
  background: linear-gradient(
    165deg,
    var(--clr-surface) 0%,
    var(--clr-primary-bg) 50%,
    var(--clr-bg-alt) 100%
  ) !important;
  border-color: var(--clr-border-dark) !important;
  box-shadow: var(--shadow-md) !important;
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail:hover {
  box-shadow: var(--shadow-md) !important;
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail::before {
  background: linear-gradient(
    90deg,
    #c9a227,
    var(--clr-primary) 55%,
    #52b788
  );
  opacity: 0.95;
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-q-card__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-author-row {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-author-row__name {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-author-row__meta,
html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-author-row__guest {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-author-row__avatar {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-author-row__initial {
  background: var(--clr-surface-elevated);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-q-card__excerpt {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-q-card__stats--pro {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  box-shadow: none;
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-vote-btn--pro {
  background: linear-gradient(180deg, var(--clr-surface) 0%, var(--clr-primary-bg) 100%);
  border-color: var(--clr-border-dark);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-vote-btn__icon {
  background: rgba(82, 183, 136, 0.15);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-vote-btn__label {
  color: var(--clr-text-light);
  border-inline-start-color: var(--clr-border);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-stat-chip {
  background: linear-gradient(180deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-stat-chip__icon {
  background: var(--clr-surface-elevated);
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-stat-chip__count {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-stat-chip__label {
  color: var(--clr-text-light);
  border-inline-start-color: var(--clr-border);
}

html[data-theme="dark"] .comm-q-detail .comm-q-card--detail .comm-badge--gold {
  color: #1a3d2e;
}

/* صفحة السؤال — إجابات + نموذج */
html[data-theme="dark"] .comm-q-detail #answers-heading {
  color: var(--clr-primary-dark);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .comm-q-detail .comm-answer {
  background: var(--clr-surface) !important;
  border-color: var(--clr-border) !important;
  box-shadow: var(--shadow-sm) !important;
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-q-detail .comm-answer:hover {
  border-color: var(--clr-border-dark) !important;
  box-shadow: var(--shadow-md) !important;
}

html[data-theme="dark"] .comm-q-detail .comm-answer.is-accepted {
  background: linear-gradient(
    155deg,
    var(--clr-accent-bg) 0%,
    var(--clr-primary-bg) 45%,
    var(--clr-surface) 100%
  ) !important;
  border-color: rgba(201, 162, 39, 0.45) !important;
  box-shadow: var(--shadow-md), inset 0 0 0 1px rgba(201, 162, 39, 0.12) !important;
}

html[data-theme="dark"] .comm-q-detail .comm-answer.is-accepted .comm-answer__badge {
  color: #1a3d2e;
}

html[data-theme="dark"] .comm-answer__body {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-answer__foot {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .comm-answer__badge--default {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-q-detail .comm-author-row__name,
html[data-theme="dark"] .comm-q-detail .comm-author-row__meta {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-comments {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .comm-comments__title {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-comments-list__item {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-comments-list__body {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-answer__comment-box {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .comm-comment-toggle {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-comment-toggle:hover {
  background: var(--clr-surface-elevated);
  border-color: var(--clr-primary);
}

html[data-theme="dark"] .comm-form--comment {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-form--comment .comm-field {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-form--comment .comm-field > input {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-form__type-hint {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-answer-compose {
  background: linear-gradient(
    165deg,
    var(--clr-surface) 0%,
    var(--clr-primary-bg) 55%,
    var(--clr-bg-alt) 100%
  ) !important;
  border-color: var(--clr-border-dark) !important;
  box-shadow: var(--shadow-md) !important;
}

html[data-theme="dark"] .comm-answer-compose__head {
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .comm-answer-compose__head h2 {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-answer-compose__hint {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-answer-compose__hint strong {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-form--answer .comm-field {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-form--answer .comm-field > input,
html[data-theme="dark"] .comm-form--answer .comm-field > textarea {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-form--answer .comm-field > input:focus,
html[data-theme="dark"] .comm-form--answer .comm-field > textarea:focus {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px rgba(82, 183, 136, 0.2);
}

html[data-theme="dark"] .comm-form--answer .comm-form__consent {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-form--answer .comm-consent,
html[data-theme="dark"] .comm-form--answer .comm-consent__lead {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-form--answer .comm-consent__box {
  background: var(--clr-surface);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .comm-form--answer .comm-form__actions {
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .comm-form--answer .comm-form__msg.is-ok {
  background: var(--clr-green-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-form--answer .comm-form__msg.is-err {
  background: var(--clr-red-bg);
  color: var(--clr-red);
}

html[data-theme="dark"] .content-subscribe-cta {
  background: linear-gradient(165deg, var(--clr-primary-bg) 0%, var(--clr-surface) 55%, var(--clr-accent-bg) 100%) !important;
}

html[data-theme="dark"] .content-body,
html[data-theme="dark"] .content-body h2,
html[data-theme="dark"] .content-body h3 {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .content-body h2 {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .sidebar-card h3 {
  color: var(--clr-primary-dark);
}

/* بطاقة «انضم مجاناً» — الشريط الجانبي */
html[data-theme="dark"] .sidebar-card.sidebar-card--signup {
  background: linear-gradient(
    168deg,
    var(--clr-surface-elevated) 0%,
    var(--clr-surface) 38%,
    var(--clr-primary-bg) 100%
  ) !important;
  border-color: rgba(82, 183, 136, 0.35) !important;
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .sidebar-card.sidebar-card--signup h3.sidebar-card--signup__title {
  color: var(--clr-primary-dark);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .sidebar-card--signup__text {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .sidebar-card--signup__link {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .sidebar-card--signup__link:hover {
  color: var(--clr-accent);
}

html[data-theme="dark"] .sidebar-card--signup .btn-accent {
  color: #0d1a14;
}

html[data-theme="dark"] .sidebar-card--signup .btn-secondary {
  background: rgba(82, 183, 136, 0.12) !important;
  color: var(--clr-primary-dark) !important;
  border: 1px solid rgba(82, 183, 136, 0.4) !important;
  --btn-shadow:
    0 3px 0 rgba(0, 0, 0, 0.28),
    0 5px 14px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .sidebar-card--signup .btn-secondary:hover,
html[data-theme="dark"] .sidebar-card--signup .btn-secondary:focus-visible {
  background: rgba(82, 183, 136, 0.2) !important;
  color: var(--clr-text) !important;
  border-color: var(--clr-accent) !important;
}

html[data-theme="dark"] .meal-type-icon.morning,
html[data-theme="dark"] .meal-type-icon.breakfast,
html[data-theme="dark"] .meal-type-icon.lunch,
html[data-theme="dark"] .meal-type-icon.dinner,
html[data-theme="dark"] .meal-type-icon.snacks {
  filter: brightness(0.85) saturate(0.9);
}

html[data-theme="dark"] .badge-beginner,
html[data-theme="dark"] .badge-intermediate,
html[data-theme="dark"] .badge-advanced {
  filter: brightness(0.75);
}

/* ====================================================
   صفحة ما الجديد (/ma-jadid)
   ==================================================== */
html[data-theme="dark"] .hero.hero--majadid {
  background:
    radial-gradient(ellipse 90% 70% at 100% 0%, rgba(201, 162, 39, 0.14) 0%, transparent 52%),
    linear-gradient(160deg, #0a1410 0%, #0f2319 42%, #1b4332 100%);
}

html[data-theme="dark"] .majadid-section {
  background: linear-gradient(180deg, var(--clr-bg-alt) 0%, var(--clr-bg) 38%);
}

html[data-theme="dark"] .majadid-card--cyan {
  border-color: rgba(45, 212, 191, 0.28);
  background: linear-gradient(135deg, rgba(15, 42, 38, 0.85) 0%, var(--clr-surface) 100%);
}

html[data-theme="dark"] .majadid-card--green {
  border-color: rgba(82, 183, 136, 0.35);
  background: linear-gradient(135deg, var(--clr-primary-bg) 0%, var(--clr-surface) 100%);
}

html[data-theme="dark"] .majadid-card--muted {
  border-color: var(--clr-border);
  background: var(--clr-surface);
}

html[data-theme="dark"] .majadid-pill--cyan {
  color: #5eead4;
  background: rgba(45, 212, 191, 0.2);
}

html[data-theme="dark"] .majadid-pill--green {
  color: var(--clr-primary-dark);
  background: rgba(82, 183, 136, 0.22);
}

html[data-theme="dark"] .majadid-pill--neutral {
  color: var(--clr-text-md);
  background: var(--clr-bg-alt);
}

html[data-theme="dark"] .majadid-card__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .majadid-card__title--muted {
  color: var(--clr-text);
}

html[data-theme="dark"] .majadid-card__body {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .majadid-card__body a {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .majadid-card__body a:hover,
html[data-theme="dark"] .majadid-card__body a:focus-visible {
  color: var(--clr-accent);
}

html[data-theme="dark"] .majadid-footnote {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .majadid-footnote a {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .majadid-footnote a:hover,
html[data-theme="dark"] .majadid-footnote a:focus-visible {
  color: var(--clr-accent);
}