/* ============================================================
   Dark Mode — تم روز/شب سراسری (گام A: اسکلت)
   کلید: body.dark-mode (همان کلید سرویس‌های diet/… — سازگار کامل)
   بازیابی قبل از رندر: کوکی ai_site_theme در header.php
   پالت: سرمه‌ای شب + تیل برند #00857a (روشن‌شده برای کنتراست)
   ============================================================ */

body.dark-mode {
    --dm-bg: #0b1220;
    --dm-surface: #111a2c;
    --dm-surface-2: #18233a;
    --dm-text: #dde6f1;      
    --dm-muted: #a9bad0;     
    --dm-border: rgba(255, 255, 255, .09);
    --dm-teal: #17b8a6;
    --dm-teal-soft: rgba(23, 184, 166, .14);
    --dm-shadow: 0 10px 30px rgba(0, 0, 0, .45);

    /* توکن‌های نسل دوم — تک‌منبع رنگ؛ تغییر فقط همین‌جا */
    --dm-heading: #2aa79b;   /* تیترها و تأکیدهای بولد */
    --dm-accent: #2fb3a3;    /* لهجه‌های کوچک تیل */
    --dm-accent-hover: #46c4b4;
    --dm-green: #2fbf80;     /* سبز مثبت (رایگان/مبلغ) */
    --dm-gold: #eab308;      /* کهربایی (ماه/هشدار/ستاره) */
    --dm-purple: #9aa8f0;    /* بنفش بج‌های مشاور */
    --dm-bg-raise: #0e1930;  /* سرچشمه گرادیان صفحات */
    --dm-success: #5fce9d;   --dm-success-soft: rgba(16, 185, 129, .12);  --dm-success-border: rgba(16, 185, 129, .35);
    --dm-error: #f5a3a3;     --dm-error-soft: rgba(239, 68, 68, .12);     --dm-error-border: rgba(239, 68, 68, .35);
    --dm-warn: #ecc94b;      --dm-warn-soft: rgba(245, 158, 11, .12);     --dm-warn-border: rgba(245, 158, 11, .35);
}

/* ── بدنه و متن ── */
body.dark-mode {
    background: var(--dm-bg);
    color: var(--dm-text);
}

body.dark-mode a { color: var(--dm-teal); }

/* ── هدر ── */
body.dark-mode {
    --nav-bg: rgba(13, 20, 35, .98); /* پس‌زمینه منوی موبایل (footer.php آن را inline می‌گذارد) */
}
body.dark-mode .ai-header {
    background: rgba(13, 20, 35, .92);
    border-bottom-color: rgba(255, 255, 255, .07);
    box-shadow: 0 4px 24px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);
}

body.dark-mode .ai-header .ai-logo a,
body.dark-mode .ai-header nav a,
body.dark-mode .ai-header .ai-nav-dropdown > a {
    color: var(--dm-text);
}

body.dark-mode .ai-header .ai-nav-dropdown-menu {
    background: var(--dm-surface);
    border-color: var(--dm-border);
    box-shadow: var(--dm-shadow);
}

body.dark-mode .ai-header .ai-nav-dropdown-menu a { color: var(--dm-muted); }
body.dark-mode .ai-header .ai-nav-dropdown-menu a:hover { color: var(--dm-teal); background: var(--dm-teal-soft); }

/* لینک‌های منو (هر دو منوی div و nav) + دکمه‌های دراپ‌داون: #333 تیره → روشن
   (بدون این، لینک‌ها روی پس‌زمینه تیره منوی موبایل ناخوانا می‌شدند) */
body.dark-mode .ai-header .ai-nav a,
body.dark-mode .ai-header .ai-nav .ai-nav-dropdown-toggle { color: var(--dm-text); }
body.dark-mode .ai-header .ai-nav-wrapper { border-top-color: var(--dm-border); }

/* ── فوتر ── */
body.dark-mode .simple-footer {
    background: var(--dm-surface);
    border-top: 1px solid var(--dm-border);
    color: var(--dm-muted);
}

body.dark-mode .simple-footer a,
body.dark-mode .footer-social a { color: var(--dm-muted); }
body.dark-mode .simple-footer a:hover { color: var(--dm-teal); }

/* آیکون‌های شبکه‌های اجتماعی: دایره سفید #fff → دایره تیره با حلقه ظریف
   (رنگ آیکون از قاعده muted پایین می‌آید؛ هاور: گرادیان برند قالب سر جایش
   می‌ماند و آیکون سفید می‌شود — مثل حالت روز) */
body.dark-mode .social-icon {
    background: var(--dm-surface-2);
    box-shadow: inset 0 0 0 1px var(--dm-border);
}
body.dark-mode .social-icon:hover { color: #fff; }
body.dark-mode .payment-trust-icons img { filter: none; }

/* ── عکس‌ها: در تم شب کمی کم‌نور و کم‌اشباع (همان درمان کارت‌های سرویس، نسخه ملایم)
   آواتار/عکس بلاگ/تصاویر محتوایی — دیگر سفیدپرنور نمی‌زنند؛
   در تعویض تم هم نرم عوض می‌شوند (filter در لیست theme-anim هست) */
body.dark-mode img {
    filter: brightness(.84) saturate(.88);
    transition: filter .6s ease;
}
/* قواعد خاص‌تر بعداً این عمومی را override می‌کنند (مثل کارت‌های سرویس با .62) */

/* ── کپسول خلاصه کاربر (هدر/منو): گرادیان نعنایی روشن → سطح تیره با تینت تیل ── */
body.dark-mode .user-profile-summary {
    background: linear-gradient(135deg, #13253a, #111a2c);
    border-color: rgba(23, 184, 166, .28);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}
body.dark-mode .user-profile-summary:hover {
    border-color: rgba(23, 184, 166, .45);
    box-shadow: 0 4px 14px rgba(23, 184, 166, .12);
}
body.dark-mode .user-profile-summary img {
    border-color: rgba(23, 184, 166, .35);
}
body.dark-mode .user-profile-summary .user-name { color: var(--dm-text); }

/* دکمه خروج: قرمز پاستلی روشن تم روز → تینت شفاف شب (هم‌خانواده بج‌های وضعیت) */
body.dark-mode .logout-btn {
    background: rgba(239, 68, 68, .12);
    border-color: rgba(239, 68, 68, .3);
    color: var(--dm-error);
}
body.dark-mode .logout-btn:hover {
    background: rgba(239, 68, 68, .22);
    border-color: rgba(239, 68, 68, .45);
    color: #f28585;
}

/* ── نمادهای اعتماد: کادر سفید خالص → چیپ خاکستری-آبی متوسط (لوگوهای PNG
   پس‌زمینه‌سفید دارند؛ چیپ باید روشن‌تر از فوتر بماند تا مربع سفید PNG دیده نشود،
   ولی دیگر سفیدِ درخشان نیست) ── */
body.dark-mode .payment-trust-icons a {
    background: #c7d1dc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}
body.dark-mode .payment-trust-icons a:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

/* ── فرم‌ها ── */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="password"],
body.dark-mode input[type="number"],
body.dark-mode input[type="date"],
body.dark-mode textarea,
body.dark-mode select {
    background: var(--dm-surface-2);
    border-color: var(--dm-border);
    color: var(--dm-text);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder { color: var(--dm-muted); }

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    border-color: var(--dm-teal);
    box-shadow: 0 0 0 3px var(--dm-teal-soft);
    outline: none;
}

/* ── جدول‌ها / کد / نقل‌قول ── */
body.dark-mode table th,
body.dark-mode table td { border-color: var(--dm-border); }
body.dark-mode table th { background: var(--dm-surface-2); color: var(--dm-text); }
body.dark-mode code,
body.dark-mode pre {
    background: var(--dm-surface-2);
    color: var(--dm-text);
    border-color: var(--dm-border);
}
body.dark-mode blockquote {
    background: var(--dm-surface);
    border-inline-start-color: var(--dm-teal);
    color: var(--dm-muted);
}

/* ── کارت‌ها/بخش‌های عمومی (سطح اول؛ بقیه در گام‌های بعد) ── */
body.dark-mode .service-card,
body.dark-mode .ai-card {
    background: var(--dm-surface);
    border-color: var(--dm-border);
    box-shadow: var(--dm-shadow);
}

/* نظرات صفحه اصلی (رندر در services-page.php) */
body.dark-mode .home-review-card {
    background: var(--dm-surface);
    border-color: var(--dm-border);
    box-shadow: var(--dm-shadow);
}
body.dark-mode .home-review-text { color: var(--dm-muted); }
body.dark-mode .home-review-author { color: var(--dm-teal); }
body.dark-mode .user-comment-section,
body.dark-mode .comment-form-container {
    background: var(--dm-surface);
    border-color: var(--dm-border);
}
body.dark-mode .comment-form-container h3 { color: var(--dm-text); }

/* ============================================================
   دکمه شناور — خورشید ⇄ ماه (SVG درون‌خطی، مستقل از فونت)
   ============================================================ */
.site-theme-toggle {
    position: fixed;
    bottom: 18px;
    left: 18px;
    z-index: 9000; /* زیر پاپ‌آپ پرداخت (10000) و مودال‌ها؛ بالای هدر/نوارها (≤1000) */
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #2c3e56; /* آیکون خورشید در حالت روشن */
    box-shadow: 0 6px 20px rgba(2, 6, 23, .22);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
}
.site-theme-toggle:hover {
    transform: scale(1.09);
    box-shadow: 0 10px 28px rgba(2, 6, 23, .3);
}
.site-theme-toggle:active { transform: scale(.94); }
.site-theme-toggle:focus-visible {
    outline: 2px solid #00857a;
    outline-offset: 2px;
}
.site-theme-toggle svg {
    width: 23px;
    height: 23px;
    display: block;
}

/* موبایل/تبلت: بالای نوار چسبان CTA سرویس‌ها (در ≤900px فعال می‌شود، ~۶۵px) */
@media (max-width: 900px) {
    .site-theme-toggle { bottom: 84px; }
}

/* آیکون‌ها بر اساس وضعیت تم + انیمیشن چرخش موقع تعویض */
.site-theme-toggle .stt-moon { display: none; }
body.dark-mode .site-theme-toggle .stt-sun { display: none; }
body.dark-mode .site-theme-toggle .stt-moon { display: block; }

body.dark-mode .site-theme-toggle {
    background: rgba(24, 35, 58, .82);
    border-color: rgba(255, 255, 255, .14);
    color: var(--dm-gold); /* ماه/خورشید کهربایی در تم شب */
    box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}

/* انیمیشن چرخش فقط هنگام کلیک (کلاس stt-anim توسط JS گذاشته می‌شود) */
.site-theme-toggle.stt-anim .stt-sun,
.site-theme-toggle.stt-anim .stt-moon { animation: sttSpin .5s ease; }

@keyframes sttSpin {
    from { transform: rotate(-120deg) scale(.4); opacity: 0; }
    to   { transform: rotate(0) scale(1); opacity: 1; }
}

/* ── تعویض نرم تم ──
   ۱) مرورگرهای مدرن: View Transitions API → کراس‌فید تمام‌صفحه سینمایی
   ۲) فالبک: کلاس html.theme-anim (توسط JS هنگام تعویض) → ترنزیشن نرم همه رنگ‌ها */
::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: .6s;
    animation-timing-function: ease;
}

html.theme-anim,
html.theme-anim *,
html.theme-anim *::before,
html.theme-anim *::after {
    transition: background-color .6s ease, color .6s ease,
                border-color .6s ease, box-shadow .6s ease,
                fill .6s ease, stroke .6s ease, filter .6s ease !important;
}

@media (prefers-reduced-motion: reduce) {
    .site-theme-toggle,
    .site-theme-toggle svg { animation: none !important; transition: none !important; }
    html.theme-anim,
    html.theme-anim *,
    html.theme-anim *::before,
    html.theme-anim *::after { transition: none !important; }
    ::view-transition-old(root),
    ::view-transition-new(root) { animation: none !important; }
}

/* ============================================================
   گام B — صفحه سرویس‌ها (service-info) + کارت‌های صفحه اصلی
   ============================================================ */

/* service-info: بازنویسی متغیرهای --si-* سیستم طراحی قالب
   (کل صفحه با متغیر ساخته شده — این چند خط کل سطح را تمیز می‌کند) */
body.dark-mode,
body.dark-mode .si-wrap {
    --si-primary: #17b8a6;
    --si-primary-dark: #0d9488;
    --si-cyan: #22b8d4;
    --si-grad: linear-gradient(135deg, #0d9488, #0891b2);
    --si-ink: var(--dm-heading);       /* تیترها — روشن‌تر */
    --si-text: var(--dm-text);      /* متن‌ها — روشن‌تر */
    --si-muted: #9db0c7;     /* ثانویه — روشن‌تر */
    --si-border: rgba(255, 255, 255, .09);
    --si-soft: #131c30;
    --si-card: var(--dm-surface);
    --si-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 28px rgba(0, 0, 0, .45);
}

/* پس‌زمینه گرادیانی hardcode شده در قالب service-info */
body.dark-mode .si-wrap {
    background: linear-gradient(180deg, var(--dm-bg-raise) 0%, var(--dm-bg) 140px);
}

/* ── کارت‌های صفحه اصلی ── */

/* سکشن انتخاب سرویس (فرم سفارش) */
body.dark-mode .service-selection-section {
    background: var(--dm-surface);
    border-color: var(--dm-border);
}
body.dark-mode .service-selection-card {
    background: var(--dm-surface-2);
    box-shadow: var(--dm-shadow);
}
body.dark-mode .service-selection-card:hover {
    border-color: var(--dm-teal);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .5);
}
body.dark-mode .service-selection-card.selected {
    background: linear-gradient(135deg, #12213c 0%, #182a4d 100%);
    border-color: var(--dm-teal);
}
body.dark-mode .service-selection-info h5 { color: var(--dm-text); }
body.dark-mode .service-selection-info p { color: var(--dm-muted); }

/* تیتر و زیرتیتر سکشن «چرا ما؟» */
body.dark-mode .home-why-title { color: var(--dm-heading); }
body.dark-mode .home-why-subtitle { color: var(--dm-muted); }

/* کارت‌های «چرا ما؟» و وبلاگ — تینت تیل پررنگ‌تر روی تاریک */
body.dark-mode .home-why-card,
body.dark-mode .home-blog-card {
    background: rgba(0, 133, 122, .09);
    border-color: rgba(23, 184, 166, .2);
}
body.dark-mode .home-why-card:hover,
body.dark-mode .home-blog-card:hover {
    border-color: rgba(23, 184, 166, .4);
}
body.dark-mode .home-blog-card h3 { color: var(--dm-text); }
body.dark-mode .home-blog-card p { color: var(--dm-muted); }

/* سکشن CTA پایین صفحه اصلی: گرادیان تیل → نسخه تیره‌ترِ هم‌نشین تم شب */
body.dark-mode .home-cta-content {
    background: linear-gradient(135deg, #0b3d38 0%, #0f5850 100%);
}

/* CTA: به‌جای سفید خالصِ خیره‌کننده («آماده‌ای؟»)، رنگ‌های تم */
body.dark-mode .home-cta h2 { color: var(--dm-heading); }
body.dark-mode .home-cta p { color: var(--dm-muted); }
body.dark-mode .home-cta-tag { color: var(--dm-text); }

/* عکس‌های کارت‌های سرویس صفحه اصلی: JPG روشنِ full-bleed در کارت تیره
   خیلی پرنور می‌زد → کم‌نور و کم‌اشباع؛ با hover جان می‌گیرد */
body.dark-mode .main-ai-service-image {
    filter: brightness(.62) saturate(.78);
    transition: filter .3s ease;
}
body.dark-mode .main-ai-service-card-wrapper:hover .main-ai-service-image {
    filter: brightness(.85) saturate(.95);
}

/* نیمه‌ی متنی کارت (main-ai-service-info): هم‌خانواده‌سازی کامل با تم شب */
body.dark-mode .main-ai-service-card-wrapper {
    background: var(--dm-surface);
    border-color: rgba(23, 184, 166, .22);
}
body.dark-mode .main-ai-service-card-wrapper:hover {
    border-color: rgba(23, 184, 166, .38);
}
body.dark-mode .main-ai-service-info p { color: var(--dm-muted); }

/* ── service-info: رنگ‌های hardcode تیره (از سیستم متغیر پیروی نمی‌کنند) ── */
/* قیمت‌ها: تیل/سبز خام لبه‌تیره → روشن با کنتراست بالا */
body.dark-mode .si-price-toman { color: var(--dm-accent); }
body.dark-mode .si-final-price.si-free { color: var(--dm-green); }

/* ستاره خالی: در تم شب تیره شود تا ستاره پر (کهربایی) متمایز بماند */
body.dark-mode .si-star,
body.dark-mode .si-comment-star.empty { color: #3c4a63; }

/* بوردر hover کارت نظر (روشن بود → در شب محو) */
body.dark-mode .si-comment-card:hover { border-color: rgba(23, 184, 166, .35); }

/* پیام‌های موفقیت/خطا — نسخه شب (پس‌زمینه تیره‌شفاف، متن روشن) */
body.dark-mode .si-msg-success {
    background: var(--dm-success-soft);
    color: var(--dm-success);
    border-color: var(--dm-success-border);
}
body.dark-mode .si-msg-error {
    background: var(--dm-error-soft);
    color: var(--dm-error);
    border-color: var(--dm-error-border);
}

/* ============================================================
   گام B پلاس — ریزتنظیم کنتراست بر اساس بازخورد واقعی تم شب
   ============================================================ */

/* ۱) تیترهای داخل محتوای سرویس (h2/h3) — همیشه روشنِ پرکنتراست */
body.dark-mode .si-wrap h2,
body.dark-mode .si-wrap h3 { color: var(--si-ink); }

/* ۲) کادر ویژگی‌ها (.si-feature): کارت قبلاً تیره‌تر از پس‌زمینه بود
      و محو می‌شد → سطح روشن‌تر + بوردر واضح + متن روشن */
body.dark-mode .si-feature {
    background: var(--dm-surface-2);
    border-color: rgba(255, 255, 255, .13);
    color: var(--dm-text);
}

/* ۳) قیمت‌باکس: گرادیان سفید-فیروزه‌ای hardcode → نسخه شب */
body.dark-mode .si-price-box {
    background: linear-gradient(135deg, #10233c 0%, #0e2b2c 100%);
    border-color: rgba(23, 184, 166, .32);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .4);
}

/* نوار CTA چسبان موبایل: شیشه سفید hardcode → شیشه تیره
   (قیمت/متن‌ها از --si-* می‌خورند و خودکار شب می‌شوند؛ دکمه گرادیان دست‌نخورده) */
body.dark-mode .si-sticky-cta {
    background: rgba(14, 22, 38, .92);
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .5);
}

/* باکس «برای مشاهده وارد شوید» (کاربر مهمان): گرادیان نعنایی روشن → تینت تیل تیره
   (قبلاً متن روشنِ --si-text روی باکس روشن می‌نشست = ناخوانا) */
body.dark-mode .si-login-msg {
    background: linear-gradient(135deg, #10233c, #0e2b2c);
    border-color: rgba(23, 184, 166, .35);
}
body.dark-mode .si-login-msg a { color: var(--dm-accent); border-bottom-color: var(--dm-accent); }
body.dark-mode .si-login-msg a:hover { color: var(--dm-accent-hover); }

/* ۴) بوردر سکشن‌ها: #eef3f7 شبه‌سفید → بوردر ملایم شب */
body.dark-mode .si-section { border-color: var(--si-border); }

/* ۵) کارت‌های «چرا ما؟»: تینت تیل پررنگ‌تر تا از پس‌زمینه جدا شوند */
body.dark-mode .home-why-card {
    background: rgba(23, 184, 166, .10);
    border-color: rgba(23, 184, 166, .28);
}
body.dark-mode .home-why-card p { color: var(--dm-muted); }

/* ۶) رنگ تأکیدها: تیترها/کلمات بولد → سفیدِ روشن (خواناتر و شیک‌تر از نئون تیل)
      لهجه‌های کوچک (نام نویسنده، آیکون، منو) → تیل آرام‌تر */
body.dark-mode .home-hero-content h1,
body.dark-mode .home-how-title,
body.dark-mode .home-how-step h3,
body.dark-mode .home-why-card h3,
body.dark-mode .home-reviews-title,
body.dark-mode .home-blog-title,
body.dark-mode .home-blog-name,
body.dark-mode .home-faq-title,
body.dark-mode .home-faq-q,
body.dark-mode .main-ai-service-info h3,
body.dark-mode .mobile-user-name {
    color: var(--dm-heading);
}
body.dark-mode .menu-item-card,
body.dark-mode .ai-mobile-menu-toggle,
body.dark-mode .home-review-author,
body.dark-mode .ai-card-icon {
    color: var(--dm-accent);
}
body.dark-mode .menu-active { color: var(--dm-accent) !important; } /* در main.css با !important است */

/* ============================================================
   گام C — چت، کیف پول (شارژ/پرداخت/تاریخچه) و صفحات تاریخچه
   ============================================================ */

/* ۱) متغیرهای سراسری main.css → چت و همه صفحات عمومی ai-*
      (بررسی شد: --white فقط در background به‌کار می‌رود) */
body.dark-mode {
    --text-color: #dde6f1;
    --light-gray: var(--dm-surface-2);
    --white: var(--dm-surface);
    --box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
}

/* ۲) چت: کارت‌ها، لیبل فرم، متن پاسخ هوش مصنوعی */
body.dark-mode .ai-card { background: var(--dm-surface); border-color: var(--dm-border); box-shadow: var(--dm-shadow); }
body.dark-mode .ai-form-group label { color: var(--dm-text); }
body.dark-mode .ai-response-content { background: var(--dm-surface-2); color: var(--dm-text); border-color: var(--dm-border); }
body.dark-mode .ai-service-price { color: var(--dm-green); }

/* ۳) کیف پول — شارژ (سیستم متغیر wall-chrg-* خودش را بازنویسی می‌کنیم) */
body.dark-mode .wall-chrg-ai-wallet-charge-page {
    --text-color: #dde6f1;
    --text-light: #a9bad0;
    --background: transparent;
    --card-bg: var(--dm-surface);
    --border-color: rgba(255, 255, 255, .09);
    --primary-light: var(--dm-surface-2);
    --success-bg: var(--dm-success-soft);
    --success-border: var(--dm-success-border);
    --success-text: var(--dm-success);
}
body.dark-mode .wall-chrg-ai-wallet-card { background: var(--dm-surface); border-color: rgba(255, 255, 255, .09); }

/* ۴) کیف پول — صفحه درگاه پرداخت (wallet-checkout) */
body.dark-mode .wallet-checkout-container { background: var(--dm-surface); color: var(--dm-text); }
body.dark-mode .sandbox-notice {
    background: var(--dm-warn-soft);
    color: var(--dm-warn);
    border-color: var(--dm-warn-border);
}
body.dark-mode .checkout-error {
    background: var(--dm-error-soft);
    color: var(--dm-error);
    border-color: var(--dm-error-border);
}
body.dark-mode .checkout-summary { background: var(--dm-surface-2); }
body.dark-mode .checkout-summary h3 { color: var(--dm-text); border-bottom-color: rgba(255, 255, 255, .09); }
body.dark-mode .sandbox-status { color: var(--dm-gold); }
body.dark-mode .back-button { background: #3c4a63; }
body.dark-mode .back-button:hover { background: #4a5c7a; }

/* ۵) کیف پول — تاریخچه تراکنش‌ها (wh-*)؛ هدر گرادیانی با متن سفید می‌ماند */
body.dark-mode .wh-row { background: var(--dm-surface); border-color: rgba(255, 255, 255, .09); }
body.dark-mode .wh-row:hover { border-color: rgba(23, 184, 166, .4); }
body.dark-mode .wh-list-title { color: var(--dm-text); }
body.dark-mode .wh-list-title .dashicons { color: var(--dm-muted); }
body.dark-mode .wh-list-count { color: var(--dm-muted); }
body.dark-mode .wh-row-icon { background: var(--dm-surface-2); }
body.dark-mode .wh-row-icon.credit { background: rgba(34, 197, 94, .12); }
body.dark-mode .wh-row-icon.debit { background: var(--dm-error-soft); }

/* ۶) تاریخچه سفارش‌ها (ai-history-*)؛ هدر گرادیانی می‌ماند */
body.dark-mode .ai-history-card { background: var(--dm-surface); }
body.dark-mode .ai-card-name { color: var(--dm-text); }
body.dark-mode .ai-card-date { color: var(--dm-muted); }
body.dark-mode .ai-history-actions { color: var(--dm-teal); }
body.dark-mode .ai-card-btn-repeat { color: var(--dm-teal); }

/* ۷) خروجی سرویس (mf-output-* — صفحه تک تاریخچه)؛ هدر سبز تیره از قبل تیره است */
body.dark-mode .mf-output-card { background: var(--dm-surface); }
body.dark-mode .mf-output-card h3,
body.dark-mode .mf-output-exercise-name { color: var(--dm-text); }
body.dark-mode .mf-output-exercise-desc { color: var(--dm-muted); }
body.dark-mode .mf-ex-meta-item { background: var(--dm-surface-2); border-color: rgba(255, 255, 255, .09); }
body.dark-mode .mf-ex-meta-item:hover { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .15); }
body.dark-mode .mf-ico-set { background: rgba(220, 38, 38, .15); color: #ef8383; }
body.dark-mode .mf-ico-rep { background: rgba(37, 99, 235, .18); color: #8ab4f8; }
body.dark-mode .mf-ico-freq { background: rgba(22, 163, 74, .15); color: var(--dm-success); }
body.dark-mode .mf-ico-note { background: rgba(217, 119, 6, .15); color: var(--dm-gold); }
body.dark-mode .mf-ex-meta-item.warn { background: rgba(217, 119, 6, .10); border-color: rgba(253, 230, 138, .25); color: var(--dm-gold); }
body.dark-mode .mf-output-list.mf-avoid li { background: rgba(239, 68, 68, .07); border-color: rgba(239, 68, 68, .2); }
body.dark-mode .mf-output-list.mf-avoid li:hover { border-color: rgba(252, 165, 165, .4); }

/* ============================================================
   گام D — پنل‌های کاربری: پروفایل (prof-*)، حساب (acc-*)، داشبورد (dash-*)
   هدرهای گرادیانی تیل با متن سفید می‌مانند (از قبل درست‌اند)
   ============================================================ */

/* ۱) پس‌زمینه صفحه هر سه پنل: گرادیان روشن hardcode → شب */
body.dark-mode .prof-profile-main-container,
body.dark-mode .acc-account-main-container,
body.dark-mode .dash-ai-dashboard-container {
    background: linear-gradient(180deg, var(--dm-bg-raise) 0%, var(--dm-bg) 260px);
}

/* ۲) کارت‌ها و سکشن‌ها */
body.dark-mode .prof-profile-section,
body.dark-mode .acc-form-section,
body.dark-mode .dash-dashboard-section,
body.dark-mode .dash-quick-access-card {
    background: var(--dm-surface);
    border-color: var(--dm-border);
}
body.dark-mode .prof-info-item { background: var(--dm-surface-2); border-color: rgba(255, 255, 255, .08); }

/* ۳) تیترهای سکشن: بولد → سفید روشن (هم‌سوی بازطراحی تأکیدها) */
body.dark-mode .prof-profile-section h2,
body.dark-mode .acc-form-section h2 { color: var(--dm-heading); }

/* ۴) متن‌ها */
body.dark-mode .prof-info-item label,
body.dark-mode .dash-view-all-link { color: var(--dm-muted); }
body.dark-mode .prof-info-item span,
body.dark-mode .dash-section-title { color: var(--dm-text); }
body.dark-mode .acc-back-to-profile { color: var(--dm-muted); }
body.dark-mode .acc-back-to-profile:hover { color: var(--dm-teal); }
body.dark-mode .dash-view-all-link:hover { color: var(--dm-accent-hover); }

/* ۵) هشدارها (حساب) */
body.dark-mode .acc-alert-success {
    background: var(--dm-success-soft);
    color: var(--dm-success);
    border-color: var(--dm-success-border);
}
body.dark-mode .acc-alert-error {
    background: var(--dm-error-soft);
    color: var(--dm-error);
    border-color: var(--dm-error-border);
}

/* ============================================================
   گام D-2 — پنل‌های مشاور (dashboard-admin + financial)
   بدون متغیر، بدون !important → override با specificity برنده است
   ============================================================ */

/* ۱) متن پایه دو پنل */
body.dark-mode .consultant-admin-panel,
body.dark-mode .consultant-financial-panel { color: var(--dm-text); }
body.dark-mode .consultant-admin-panel-header h2,
body.dark-mode .consultant-financial-header h2,
body.dark-mode .financial-card-info h3,
body.dark-mode .financial-section-header h3,
body.dark-mode .financial-card-amount,
body.dark-mode .commission-amount,
body.dark-mode .contract-value { color: var(--dm-text); }
body.dark-mode .financial-section-header { background: var(--dm-surface); border-color: var(--dm-border); }

/* ۲) تب‌ها و آیتم‌های لیست مشاوران */
body.dark-mode .consultant-tab-button { background: var(--dm-surface-2); color: var(--dm-muted); }
body.dark-mode .consultant-tab-button:hover:not(.active) { background: #223052; color: var(--dm-text); }
body.dark-mode .consultant-item { background: var(--dm-surface); border-color: var(--dm-border); }
body.dark-mode .consultant-item:hover { background: var(--dm-surface-2); }
body.dark-mode .consultant-user-name { color: var(--dm-text); }
body.dark-mode .consultant-date,
body.dark-mode .consultant-no-requests,
body.dark-mode .consultant-loading,
body.dark-mode .consultant-stat-item { color: var(--dm-muted); }
body.dark-mode .consultant-stat-item strong { color: var(--dm-purple); }
body.dark-mode .consultant-service { background: rgba(78, 84, 200, .18); color: var(--dm-purple); }
body.dark-mode .editor-tab.active { color: var(--dm-purple); }

/* ۳) بج‌های وضعیت مالی (نسخه شفاف شب، همان خانواده رنگی) */
body.dark-mode .financial-card.pending .financial-card-icon,
body.dark-mode .payout-status.pending,
body.dark-mode .commission-status.pending { background: rgba(237, 137, 54, .14); color: #eda24f; }
body.dark-mode .financial-card.paid .financial-card-icon,
body.dark-mode .payout-status.done { background: rgba(72, 187, 120, .14); color: #63c789; }
body.dark-mode .financial-card.contract .financial-card-icon { background: rgba(159, 122, 234, .14); color: #ab94ee; }
body.dark-mode .payout-status.failed { background: rgba(229, 62, 62, .15); color: #f28585; }

/* ۴) جدول کمیسیون‌ها و دوره‌های تسویه */
body.dark-mode .commissions-table tr:hover { background: var(--dm-surface-2); }
body.dark-mode .payout-period,
body.dark-mode .payout-date,
body.dark-mode .payout-reference,
body.dark-mode .contract-label { color: var(--dm-muted); }