/* ============================================================================
   wizard-legacy-pre.css — تکه‌ای از شیت‌های قدیمی که ویزارد واقعاً لازمش دارد.

   دوازده شیتِ تاریخی حذف شدند و جای‌شان را `myo-ds.css` و `myo-app.css`
   گرفتند. ویزارد اما دست‌نخورده ماند، و با کرومیوم روی DOMِ واقعیِ هر پنج
   مرحله سنجیده شد که از آن دوازده فایل دقیقاً کدام قاعده‌ها به ویزارد
   می‌رسند. حاصل، همین دو فایل است.

   **چرا دو فایل؟** در ترتیبِ قبلی، پنج شیت *پیش از* `wizard8.css` بار
   می‌شدند و هفت‌تا *پس از* آن. اگر همه را یک‌جا می‌ریختیم، آبشارِ CSS عوض
   می‌شد و ویزارد بی‌صدا جابه‌جا. پس همان مرزِ قبلی حفظ شده:
   `wizard-legacy-pre.css` → `wizard8.css` → `wizard-legacy-post.css`.

   انتخابگرها عمداً دست‌نخورده‌اند (قید نخورده‌اند زیرِ `#scrWizard`): قید زدن
   وزنِ انتخابگر را بالا می‌برد و همان آبشار را می‌شکست. نشتِ این قاعده‌ها به
   صفحه‌های تازه خطر ندارد، چون نام‌هاشان (`.mtag`,
   `.ppill`, `.wchip`, `.sd-count`) در سیستمِ تازه استفاده نمی‌شوند — آن‌جا
   هر کلاسی پیشوندِ `sx-` دارد.

   **بازتعریفِ توکن‌ها از این فایل حذف شده است.** ویزارد حالا مثلِ بقیهٔ اپ
   از `tokens.css` رنگ می‌گیرد — از جمله دارک‌مود.

   دست‌ساز نیست؛ با اسکریپتِ استخراج ساخته شده.
   ============================================================================ */

.mtag { padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 500; cursor: pointer; border: 1px solid var(--b2); background: var(--s2); color: var(--t3); transition: 0.13s; user-select: none; }
.mtag:hover { color: var(--t1); border-color: var(--b3); }
#wzPane1 [hidden] { display: none !important; }
.ppill,
.mtag,
.wchip { background: var(--myo-paper); border-color: var(--b2); color: var(--t2); }
.ppill:hover,
.mtag:hover,
.wchip:hover { border-color: var(--myo-brand-line-strong); background: var(--orange-100); color: var(--orange-700); }
/* این‌جا قبلاً توکن‌های `#scrWizard` با *مقدارِ خام* بازتعریف می‌شدند و چون
   بعد از `tokens.css` بار می‌شود، ویزارد پالتِ مرکزی را اصلاً نمی‌دید: هر
   تعویضِ رنگ باید دو بار انجام می‌شد و یک بارش یادت می‌رفت.

   حالا آن بازتعریف‌ها رفته‌اند. `tokens.css` خودش همان `#scrWizard` را
   هدف می‌گیرد و همهٔ `--cs-*` را از پالتِ واحد می‌دهد، پس این فایل فقط
   چیزی را نگه می‌دارد که واقعاً مالِ خودش است: زمینهٔ ویزارد.

   حذفشان بی‌خطر بود چون مقدارها *پیش از حذف* یکی شده بودند — اول جارو،
   بعد حذف. برعکسش یعنی یک پرشِ رنگیِ بی‌صدا در ویزارد. */
#scrWizard { background: radial-gradient(circle at 85% 0, color-mix(in srgb, var(--myo-brand) 10%, transparent), transparent 25rem),
        radial-gradient(circle at 4% 78%, color-mix(in srgb, var(--myo-ink) 7%, transparent), transparent 32rem),
        var(--cs-canvas); }
#scrWizard #goalDefaultHint { font-size: 12px; }
#scrWizard .mtag { min-height: 38px; padding: 8px 12px; border-color: var(--cs-line-strong); border-radius: 10px; background: var(--myo-paper); color: var(--cs-muted); font-size: 13px; line-height: 1.4; font-weight: 750; }
#scrWizard .mtag:hover { border-color: var(--myo-brand-line-strong); background: var(--cs-orange-soft); color: var(--cs-orange-deep); }
.sd-count { font-variant-numeric: tabular-nums; }
/* دومین اعلانِ زمینه؛ بر اولی می‌چربد و همان است که واقعاً دیده می‌شود.
   هر دو نگه داشته شده‌اند تا ترتیبِ آبشار دست نخورَد. */
#scrWizard { background: radial-gradient(900px 420px at 92% -6%, color-mix(in srgb, var(--myo-brand) 10%, transparent), transparent 60%),
        radial-gradient(760px 420px at 2% 96%, color-mix(in srgb, var(--myo-ink) 8%, transparent), transparent 58%),
        var(--sd-canvas); }