/**
 * Design System v2 — Color Palette (نسخه 1.3.0)
 *
 * این فایل فقط متغیر تعریف می‌کند (هیچ مقدار ظاهری روی المان هاردکد نمی‌شود —
 * قانون قرمز #۴). متغیرهای برند سازگار با تم‌ساز باقی می‌مانند: مقدار درون‌خطی
 * Clinic_Design_System::inline_css() پس از این فایل تزریق می‌شود و --clinic-primary
 * و خانواده‌ی آن را با انتخاب کاربر بازنویسی می‌کند. مقادیر زیر «پیش‌فرض حرفه‌ای» اند.
 *
 * @package Clinic_Manager
 */

:root {
	/* ━━━ PRIMARY BRAND (بنفش) ━━━ */
	--clinic-primary-50: #F8F7FF;
	--clinic-primary-100: #EDE8FF;
	--clinic-primary-200: #DDD1FF;
	--clinic-primary-300: #C4ACFF;
	--clinic-primary-400: #A684FF;
	--clinic-primary-500: #8B6FD9;
	--clinic-primary-600: #4B2E83;
	--clinic-primary-700: #5B3DB1;
	--clinic-primary-800: #3F1B6B;
	--clinic-primary-900: #2D1147;

	/* ━━━ GOLD (ستاره‌ی محبوب‌ها — STEP 129) ━━━
	 * طلاییِ روشن؛ روی پس‌زمینه‌ی بنفشِ برندِ دایره‌ی دکمه کنتراستِ بالا دارد (~۷:۱).
	 * توکنِ ثابت (نه تم‌محور) تا ستاره در همه‌ی تم‌ها طلایی بماند. */
	--clinic-gold: #FFD700;

	/* ━━━ AMBER (وضعیتِ «پیش‌پرداخت‌شده»ی تسویه‌ی نوبت — STEP 190) ━━━
	 * کهربایی هماهنگ با پالت برای چیپِ «پیش‌پرداخت‌شده». پیش‌تر فقط داخلِ .clinic-agenda
	 * تعریف بود؛ اکنون سراسری تا لیستِ نوبت‌ها (خارج از .clinic-agenda) هم بتواند از آن استفاده کند.
	 * --clinic-amber-on متنِ تیره‌ی مکمل روی کهربایی (کنتراست ~۸٫۶:۱) — طبق قانونِ رنگِ STEP 109. */
	--clinic-amber: #E0A100;
	--clinic-amber-on: #1F1535;

	/* ━━━ گرید کارت و ظرف نمودار (کامپوننت‌های استانداردِ سیستم طراحی — STEP 193) ━━━
	 * از این پس هر کارت فقط داخلِ .clinic-cards-grid و هر نمودار فقط با .clinic-chart ساخته شود. */
	--clinic-card-min: 220px;        /* کفِ عرضِ هر کارت در گریدِ auto-fit */
	--clinic-cards-gap: 14px;        /* فاصله‌ی کارت‌ها */
	--clinic-chart-h: 320px;         /* ارتفاعِ استانداردِ ظرفِ نمودار (دسکتاپ) */
	--clinic-chart-h-mobile: 220px;  /* ارتفاعِ نمودار در موبایل */

	/*
	 * توجه: --clinic-primary اینجا تعریف نمی‌شود تا تم‌سازِ موجود (که آن را روی
	 * admin.css به‌صورت inline تنظیم می‌کند) مالک انحصاری برند بماند. مقدار پیش‌فرضِ
	 * فِرِشِ نصب از Clinic_Design_System::defaults() = #4B2E83 تأمین می‌شود.
	 * همین اصل برای --clinic-success / --clinic-warning / --clinic-bg-light / --clinic-bg
	 * (متغیرهای تم‌سازِ قدیمی) صدق می‌کند و اینجا بازنویسی نمی‌شوند.
	 */

	/* گرادیان‌ها — بر پایه‌ی متغیر برند تا با تم‌ساز هماهنگ بماند. */
	--clinic-primary-gradient: linear-gradient(135deg, var(--clinic-primary) 0%, var(--clinic-primary-500) 100%);
	--clinic-primary-gradient-reverse: linear-gradient(315deg, var(--clinic-primary) 0%, var(--clinic-primary-500) 100%);

	/* ━━━ SECONDARY (آبی) ━━━ */
	--clinic-secondary: #1E90FF;
	--clinic-secondary-50: #F0F7FF;
	--clinic-secondary-100: #E0EFFF;
	--clinic-secondary-200: #B3D9FF;
	--clinic-secondary-300: #80BFFF;
	--clinic-secondary-400: #4DA6FF;
	--clinic-secondary-500: #1E90FF;
	--clinic-secondary-600: #1873CC;
	--clinic-secondary-700: #1258A6;

	/* ━━━ SUCCESS (سبز) ━━━ */
	--clinic-success-50: #ECFDF5;
	--clinic-success-100: #D1FAE5;
	--clinic-success-200: #A7F3D0;
	--clinic-success-300: #6EE7B7;
	--clinic-success-400: #34D399;
	--clinic-success-500: #10B981;
	--clinic-success-600: #059669;
	--clinic-success-700: #047857;
	/* --clinic-success پایه متعلق به تم‌ساز است؛ اینجا بازنویسی نمی‌شود. */
	--clinic-success-gradient: linear-gradient(135deg, #10B981 0%, #34D399 100%);

	/* ━━━ WARNING (نارنجی) ━━━ */
	--clinic-warning-50: #FFFBEB;
	--clinic-warning-100: #FEF3C7;
	--clinic-warning-200: #FDE68A;
	--clinic-warning-300: #FCD34D;
	--clinic-warning-400: #FBBF24;
	--clinic-warning-500: #F59E0B;
	--clinic-warning-600: #D97706;
	--clinic-warning-700: #B45309;
	/* --clinic-warning پایه متعلق به تم‌ساز است؛ اینجا بازنویسی نمی‌شود. */
	--clinic-warning-gradient: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);

	/* ━━━ ERROR (قرمز) ━━━ */
	--clinic-error-50: #FEF2F2;
	--clinic-error-100: #FEE2E2;
	--clinic-error-200: #FECACA;
	--clinic-error-300: #FCA5A5;
	--clinic-error-400: #F87171;
	--clinic-error-500: #EF4444;
	--clinic-error-600: #DC2626;
	--clinic-error-700: #B91C1C;
	--clinic-error: #EF4444;
	--clinic-error-gradient: linear-gradient(135deg, #EF4444 0%, #F87171 100%);

	/* ━━━ INFO ━━━ */
	--clinic-info-50: #F0F9FF;
	--clinic-info-100: #E0F2FE;
	--clinic-info-200: #BAE6FD;
	--clinic-info-500: #0EA5E9;
	--clinic-info-600: #0284C7;
	--clinic-info-700: #0369A1; /* STEP 109: شیدِ تیره‌تر برای خواناییِ AA رویِ info-100 (متنِ badge اطلاع) */
	--clinic-info: #0EA5E9;

	/* ━━━ NEUTRAL (خاکستری) ━━━ */
	--clinic-gray-50: #F9FAFB;
	--clinic-gray-100: #F3F4F6;
	--clinic-gray-200: #E5E7EB;
	--clinic-gray-300: #D1D5DB;
	--clinic-gray-400: #9CA3AF;
	--clinic-gray-500: #6B7280;
	--clinic-gray-600: #4B5563;
	--clinic-gray-700: #374151;
	--clinic-gray-800: #1F2937;
	--clinic-gray-900: #111827;

	/* ━━━ SEMANTIC (light) ━━━ */
	--clinic-bg-primary: #FFFFFF;
	--clinic-bg-secondary: #F9FAFB;
	--clinic-bg-tertiary: #F3F4F6;

	--clinic-text-primary: #111827;
	--clinic-text-secondary: #6B7280;
	--clinic-text-tertiary: #9CA3AF;
	--clinic-text-inverse: #FFFFFF;

	--clinic-border-color: #E5E7EB;
	--clinic-border-light: #F3F4F6;
	--clinic-border-strong: #D1D5DB;

	/* ━━━ STEP 76 — توکنِ واحدِ فیلد (پیش‌فرضِ ثابت؛ inline_css() همین‌ها را پویا هم emit می‌کند).
	 * مقادیر = ظاهرِ مؤثرِ فعلیِ فیلد (قانونِ #۱: بدونِ تغییرِ ظاهر). ━━━ */
	--clinic-field-bg: var(--clinic-bg-primary, #fff);
	--clinic-field-border: var(--clinic-border-color, #E5E7EB);
	--clinic-field-border-w: 1.5px;
	--clinic-field-radius: 10px; /* STEP 157: گوشه‌ی گردترِ یکدست (هماهنگ با کارتِ ۱۶px؛ غلبه بر 7px خارجی) */
	--clinic-field-padding-y: 11px;
	--clinic-field-padding-x: 14px;
	--clinic-field-font-size: 14px;
	--clinic-field-focus: var(--clinic-primary, #4B2E83);
	--clinic-field-focus-ring: var(--clinic-primary-100, #EDE8FF);
	/* STEP 223-B — حلقه‌ی فوکوسِ نقشِ ورودی با outline ساخته می‌شود نه box-shadow،
	 * چون outline ابعاد را تکان نمی‌دهد و قراردادِ «ورودی سایه ندارد» را نمی‌شکند. */
	--clinic-field-focus-w: 2px;
	--clinic-field-focus-offset: 1px;
	/* STEP 157 — فونت/placeholderِ فیلد (تک‌منبع؛ peyda-vfِ سایت سپس Peydaِ خودمیزبانِ تضمینی) */
	--clinic-field-font: 'peyda-vf', 'Peyda', 'Vazirmatn', Tahoma, sans-serif;
	/* STEP 223-B — `--clinic-field-inset` حذف شد: هیچ ورودی‌ای دیگر سایه ندارد و
	 * توکنی که تنها مصرف‌کننده‌اش یک نوارِ ناوبری بود، نامش دروغ می‌گفت. */
	--clinic-field-placeholder: var(--clinic-text-secondary, #6B7280); /* ۴٫۸۸:۱ روی سفید (≥۴٫۵) */
	--clinic-field-height: auto;
	--clinic-field-max-width: 360px;
	--clinic-form-col: 260px;
	--clinic-gap: 16px;
	/* توکن‌های گونه (هر گونه مستقل قابلِ‌تنظیم). */
	--clinic-field-filter-height: 34px;
	--clinic-field-filter-pad-y: 6px;
	--clinic-field-filter-pad-x: 12px;
	--clinic-field-search-pad-inline: 40px;
	--clinic-field-table-pad-y: 6px;
	--clinic-field-table-pad-x: 8px;

	/* ════════════════════════════════════════════════════════════════════
	 * STEP 155 — سیستمِ «لایه‌بندیِ بُعدی» (Dimensional Layering).
	 *
	 * یک مقیاسِ عمقِ واحد (depth scale) که همه‌ی المان‌های پلاگین از آن پیروی می‌کنند
	 * تا عمق «منطقی» باشد نه تصادفی: پس‌زمینه < ردیف/چیپ < کارت < کارتِ برجسته/هیرو
	 * < dropdown/toast < مودال. سایه‌ها دولایه‌اند (نورِ محیطی + نورِ جهت‌دار) و با
	 * رنگِ بنفشِ تیره‌ی برند ته‌رنگ خورده‌اند (نه سیاهِ خام) تا با هویتِ رنگی هم‌خانواده
	 * بمانند و حسِ پزشکیِ آرام بدهند. همه «متغیرِ CSS»‌اند (قانونِ قرمز #۴ — تم‌ساز نشکند).
	 * RTL-safe: جابه‌جاییِ بالاآمدن فقط روی محورِ Y است (بدونِ جهتِ افقی).
	 * ════════════════════════════════════════════════════════════════════ */
	--clinic-elev-shadow-color: 31, 21, 53; /* RGBِ بنفشِ تیره‌ی برند (#1F1535) */

	/* STEP 156 — مقیاسِ عمقِ «دگرگون‌کننده» (نسخه‌ی جسورانه): سایه‌ها دولایه و
	 * **به‌وضوح دیده‌می‌شوند** (نه کم‌رنگِ STEP 155) ولی نرم و بنفش-ته‌رنگ می‌مانند تا
	 * حسِ پزشکیِ آرام حفظ شود. هر سطح نسبت به سطحِ قبل پرشِ محسوسی دارد. */
	--clinic-elev-0: none;
	--clinic-elev-1:
		0 1px 2px rgba(var(--clinic-elev-shadow-color), 0.08),
		0 2px 5px rgba(var(--clinic-elev-shadow-color), 0.10);
	--clinic-elev-2:
		0 2px 5px rgba(var(--clinic-elev-shadow-color), 0.07),
		0 8px 18px rgba(var(--clinic-elev-shadow-color), 0.13);
	--clinic-elev-3:
		0 6px 14px rgba(var(--clinic-elev-shadow-color), 0.09),
		0 16px 34px rgba(var(--clinic-elev-shadow-color), 0.17);
	--clinic-elev-4:
		0 10px 22px rgba(var(--clinic-elev-shadow-color), 0.11),
		0 24px 48px rgba(var(--clinic-elev-shadow-color), 0.20);
	--clinic-elev-5:
		0 18px 36px rgba(var(--clinic-elev-shadow-color), 0.14),
		0 40px 72px rgba(var(--clinic-elev-shadow-color), 0.26);

	/* نقشه‌ی معناییِ عمق (هر المان بر اساسِ جایگاهش در سلسله‌مراتب یکی را می‌گیرد) */
	--clinic-elev-flat:    var(--clinic-elev-1); /* ردیف، چیپ، نشان، فیلد */
	--clinic-elev-rest:    var(--clinic-elev-2); /* کارت/پنل/باکسِ معمولی */
	--clinic-elev-hover:   var(--clinic-elev-3); /* بالاآمدن هنگام hover */
	--clinic-elev-active:  var(--clinic-elev-1); /* فشرده‌شدن هنگام active */
	--clinic-elev-raised:  var(--clinic-elev-3); /* کارتِ برجسته/هیرو/تبِ فعال */
	--clinic-elev-float:   var(--clinic-elev-4); /* dropdown/popover/toast/چت */
	--clinic-elev-overlay: var(--clinic-elev-5); /* مودال/پاپ‌آپ */

	/* ━━━ STEP 156 — لایه‌ی پس‌زمینه + فضای تنفس (تفکیکِ واضحِ سطوح: سفید روی یاسی) ━━━ */
	--clinic-app-bg:       #F4F1FB; /* واشِ یاسیِ ملایم پشتِ کارت‌ها (سفید را شناور می‌کند) */
	--clinic-card-radius:  16px;    /* گردیِ مدرن‌ترِ کارت‌ها */
	--clinic-card-radius-lg: 20px;  /* هیرو/مودال */
	--clinic-card-pad:     24px;    /* فضای داخلیِ سخاوتمندانه‌تر */
	--clinic-card-gap:     20px;    /* فاصله‌ی بینِ کارت‌ها/شبکه */

	/* جابه‌جاییِ بالاآمدن/فشرده‌شدن (محورِ Y — RTL-safe) — محسوس‌تر از STEP 155 */
	--clinic-lift-sm: -3px;
	--clinic-lift:    -6px;
	--clinic-press:    0px;

	/* عمقِ داخلی (فرورفتگیِ track/well/فیلد) + حلقه‌ی فوکوسِ برند */
	--clinic-inset-1: inset 0 1px 2px rgba(var(--clinic-elev-shadow-color), 0.07);
	--clinic-inset-2: inset 0 2px 4px rgba(var(--clinic-elev-shadow-color), 0.10);
	--clinic-ring:    0 0 0 3px var(--clinic-field-focus-ring, var(--clinic-primary-100, #EDE8FF));

	/* مقیاسِ z-index یکپارچه (لایه‌بندیِ پشته‌ای) */
	--clinic-z-base: 1;
	--clinic-z-raised: 10;
	--clinic-z-sticky: 20;
	--clinic-z-dropdown: 30;
	--clinic-z-overlay: 40;
	--clinic-z-modal: 50;
	--clinic-z-toast: 60;
	--clinic-z-tooltip: 70;

	/* ━━━ SHADOWS (legacy) — به مقیاسِ عمقِ بُعدی نگاشت شدند تا ~۱۰۰ مصرف‌کننده‌ی
	 * موجودِ box-shadow:var(--clinic-shadow-*) یک‌جا و بدونِ دست‌زدن به تک‌تکِ فایل‌ها
	 * به سایه‌های دولایه‌ی دیمنشنال ارتقا یابند. ━━━ */
	--clinic-shadow-xs: var(--clinic-elev-1);
	--clinic-shadow-sm: var(--clinic-elev-1);
	--clinic-shadow-md: var(--clinic-elev-2);
	--clinic-shadow-lg: var(--clinic-elev-3);
	--clinic-shadow-xl: var(--clinic-elev-4);
	--clinic-shadow-2xl: var(--clinic-elev-5);

	/* ════════════════════════════════════════════════════════════════════
	 * STEP 66 — سیستم یکپارچه‌ی دکمه‌ها: توکن‌های جفتی (پس‌زمینه + متن + هاور).
	 *
	 * اصل: هیچ دکمه‌ای رنگ متن مستقل ندارد. هر پس‌زمینه با جفتِ متن و جفتِ هاورش
	 * یک «توکن» است. کلاس‌های .clinic-btn--* فقط از همین توکن‌ها می‌خوانند.
	 *
	 * توکن‌های «on-color» و «hover» در Clinic_Design_System::inline_css() بر پایه‌ی
	 * رنگِ انتخابیِ تم‌ساز **محاسبه و emit** می‌شوند (کنتراست خودکارِ WCAG + darken).
	 * مقادیر زیر فقط «پیش‌فرضِ امن» اند تا اگر inline اجرا نشد، رنگ خوانا بماند.
	 * ════════════════════════════════════════════════════════════════════ */

	/* on-colors و hoverها (پیش‌فرض، هم‌خوان با پالتِ پیش‌فرض؛ inline_css بازنویسی می‌کند).
	 * توجه: سبزِ #22A06B و صورتیِ #D98282 برای AA به متنِ **تیره** نیاز دارند (سفید < ۴٫۵). */
	--clinic-on-primary: #FFFFFF;
	--clinic-on-success: #1F1535;
	/* 🔴 STEP 223-B — تصحیحِ سند: کامنتِ قبلی می‌گفت «danger = صورتیِ مرجانیِ
	 * warning»، ولی از STEP 219 مقدارِ `$danger_base` در PHP به `#B42318`
	 * (قرمزِ تیره) رفت و `inline_css()` این fallback را بازنویسی می‌کند ⇒ مقدارِ
	 * واقعیِ زمانِ اجرا **سفید** است، نه تیره. پس این fallback هرگز اجرا نمی‌شد
	 * و کامنتش دروغ می‌گفت. اکنون مقدار با واقعیت هم‌راستا شد. */
	--clinic-on-danger: #FFFFFF;          /* danger = قرمزِ تیره #B42318 ⇒ متنِ سفید */
	/* STEP 223-B — توکنِ تازه: متنِ روی صورتیِ مرجانیِ warning. مرجانی برای AA به
	 * متنِ **تیره** نیاز دارد (سفید فقط ۲٫۸۱:۱، تیره ۶٫۱۴:۱). */
	--clinic-on-warning: #1F1535;
	--clinic-on-warning-hover: #1F1535;
	--clinic-on-primary-hover: #FFFFFF;
	--clinic-on-success-hover: #1F1535;
	--clinic-on-danger-hover: #FFFFFF;
	--clinic-on-bg-light: var(--clinic-primary, #4B2E83);
	--clinic-brand-dark: #1F1535;         /* متنِ تیره وقتی پس‌زمینه روشن است */
	--clinic-primary-hover: #3A2366;
	--clinic-success-hover: #1B8F5A;
	--clinic-danger-hover: #C56B6B;

	/* primary — اقدام اصلی (بنفش برند → متن خودکار) */
	--clinic-btn-primary-bg:           var(--clinic-primary, #4B2E83);
	--clinic-btn-primary-text:         var(--clinic-on-primary, #FFFFFF);
	--clinic-btn-primary-hover-bg:     var(--clinic-primary-hover, #3A2366);
	--clinic-btn-primary-hover-text:   var(--clinic-on-primary-hover, var(--clinic-on-primary, #FFFFFF));

	/* secondary — یاسیِ روشن → متنِ تیره‌ی برند، هاور پر می‌شود */
	--clinic-btn-secondary-bg:         var(--clinic-bg-light, #F3E8FF);
	--clinic-btn-secondary-text:       var(--clinic-on-bg-light, #4B2E83);
	--clinic-btn-secondary-hover-bg:   var(--clinic-primary, #4B2E83);
	--clinic-btn-secondary-hover-text: var(--clinic-on-primary, #FFFFFF);

	/* success — سبز → متن خودکار */
	--clinic-btn-success-bg:           var(--clinic-success, #22A06B);
	--clinic-btn-success-text:         var(--clinic-on-success, #FFFFFF);
	--clinic-btn-success-hover-bg:     var(--clinic-success-hover, #1B8F5A);
	--clinic-btn-success-hover-text:   var(--clinic-on-success-hover, var(--clinic-on-success, #FFFFFF));

	/*
	 * ═══ STEP 220 — دکمه خطر، رنگ خطر می‌گیرد نه رنگ هشدار ═══
	 *
	 * 🔴 انحراف واقعی از موکاپ: این توکن به `--clinic-warning` (صورتی مرجانی)
	 * اشاره می‌کرد، یعنی دکمه **حذف** رنگ **هشدار ملایم** می‌گرفت. سند طراحی
	 * صورتی مرجانی را «هشدار ملایم و عناصر انسانی» تعریف کرده، نه کنش مخرب، و
	 * موکاپ برای دکمه خطر `#B42318` می‌گوید — همان مقدار توکن موجود
	 * `--clinic-danger`.
	 *
	 * 🔶 تغییر بصری عمدی: دکمه‌های حذف از صورتی به قرمز تیره می‌روند. متن سفید
	 * روی `#B42318` کنتراست ۷:۱ می‌دهد (بالاتر از گیت ۴٫۵).
	 */
	--clinic-btn-danger-bg:            var(--clinic-danger, #B42318);
	--clinic-btn-danger-text:          var(--clinic-on-danger, #FFFFFF);
	--clinic-btn-danger-hover-bg:      var(--clinic-danger-hover, #8F1C13);
	--clinic-btn-danger-hover-text:    var(--clinic-on-danger-hover, var(--clinic-on-danger, #FFFFFF));

	/* outline — شفاف + حاشیه‌ی برند → هاور پر */
	--clinic-btn-outline-bg:           transparent;
	--clinic-btn-outline-text:         var(--clinic-primary, #4B2E83);
	--clinic-btn-outline-border:       var(--clinic-primary, #4B2E83);
	--clinic-btn-outline-hover-bg:     var(--clinic-primary, #4B2E83);
	--clinic-btn-outline-hover-text:   var(--clinic-on-primary, #FFFFFF);

	/* ghost — شفاف با حاشیه‌ی خنثی → هاور پرِ برند */
	--clinic-btn-ghost-bg:             transparent;
	--clinic-btn-ghost-text:           var(--clinic-primary, #4B2E83);
	--clinic-btn-ghost-border:         var(--clinic-border-color, #E5E7EB);
	--clinic-btn-ghost-hover-bg:       var(--clinic-primary, #4B2E83);
	--clinic-btn-ghost-hover-text:     var(--clinic-on-primary, #FFFFFF);

	/* disabled — خاکستریِ خنثی برای همه‌ی واریانت‌ها.
	   STEP 232: متن از gray-500 به gray-600 رفت؛ جفت پیشین با اندازه‌گیری CDP
	   ۳٫۹:۱ بود و گیت ۴٫۵:۱ قانون رنگ را رد می‌کرد. حالا ۶٫۱:۱. */
	--clinic-btn-disabled-bg:          var(--clinic-gray-200, #E5E7EB);
	--clinic-btn-disabled-text:        var(--clinic-gray-600, #4B5563);
}

/* STEP 113: بلوکِ توکنِ «حالت شب» حذف شد — حالتِ شب کاملاً برداشته شد (همیشه روشن). */

/* ════════════════════════════════════════════════════════════════════
 * STEP 155 — سبک‌سازیِ عمق روی موبایل: روی صفحه‌ی کوچک سایه‌ها و بالاآمدن
 * ظریف‌تر می‌شوند تا چیدمان شلوغ/سنگین نشود (قانونِ «رسمی و ظریف» + ریسپانسیو).
 * فقط توکن‌ها بازنویسی می‌شوند ⇒ همه‌ی المان‌ها خودکار سبک‌تر می‌شوند.
 * ════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
	:root {
		--clinic-elev-1: 0 1px 3px rgba(var(--clinic-elev-shadow-color), 0.09);
		--clinic-elev-2: 0 2px 6px rgba(var(--clinic-elev-shadow-color), 0.11);
		--clinic-elev-3: 0 5px 13px rgba(var(--clinic-elev-shadow-color), 0.14);
		--clinic-elev-4: 0 9px 20px rgba(var(--clinic-elev-shadow-color), 0.17);
		--clinic-elev-5: 0 14px 28px rgba(var(--clinic-elev-shadow-color), 0.22);
		--clinic-lift-sm: -2px;
		--clinic-lift: -3px;
		--clinic-card-pad: 18px;
		--clinic-card-gap: 14px;
	}
}

/* ════════════════════════════════════════════════════════════════════
 * STEP 156 — لایه‌ی پس‌زمینه: واشِ یاسیِ ملایم پشتِ کلِ ناحیه‌ی پلاگین (پیشخوان +
 * پورتال) تا کارت‌های سفید «شناور» و سطوح به‌وضوح تفکیک دیده شوند. اسکوپ‌شده تا با
 * بقیه‌ی سایت/قالب تداخل نکند.
 * ════════════════════════════════════════════════════════════════════ */
/*
 * 🔴 STEP 221 عیب د۱۲ — این قاعده **حذف شد**.
 *
 * STEP 156 عمدا یک واش یاسی پشت کل ناحیه پلاگین گذاشته بود تا کارت‌های سفید
 * شناور دیده شوند. کارفرما در قاعده ۱ خواسته ظرف ریشه **شفاف** باشد، و جدول
 * نقش هم می‌گوید «سطح ریشه: بدون پس‌زمینه».
 *
 * چرا اینجا حذف شد و نه جای دیگر: `background: transparent` در admin.css نوشته
 * شده بود ولی این فایل **دیرتر** بار می‌شود و برنده می‌ماند. اندازه‌گیری روی
 * کپی مستقر مقدار `rgb(244, 241, 251)` را نشان داد، یعنی اعلان قبلی بی‌اثر بود.
 * طبق قاعده «قاعده اضافی حذف شود، نه اینکه سومی رویش نوشته شود»، همین حذف شد.
 *
 * تعارض ثبت‌شده: تصمیم بصری STEP 156 با این کار معکوس می‌شود.
 */