# QUICK_GUIDE (Archived)

تم نقل هذا الدليل من `assets/css/QUICK_GUIDE.css` إلى مجلد التوثيق.
يحتفظ بالمحتوى الأصلي (مبسط أدناه) لتسهيل الرجوع السريع.

## الهدف
تطبيق التصميم الموحد بسرعة في أي واجهة (Admin / Client / SAAS).

## الخطوات السريعة
1. تضمين الملفات: `style.css` و `unified-dashboard.css`.
2. إضافة `modern-theme` إلى عنصر `<body>`.
3. استخدام الكلاسات الجاهزة للمكونات (مثل `.widget`, `.panel`, `.btn-primary`).
4. تخصيص المتغيرات عند الحاجة عبر `:root`.

## أمثلة سريعة
```html
<body class="modern-theme">
	<div class="widget">
		<div class="widget-icon"><i class="fa fa-users"></i></div>
		<h3>1,234</h3>
		<p>إجمالي العملاء</p>
	</div>
</body>
```

## تخصيص المتغيرات
```css
:root {
	--tgw-primary: #1abc9c;
	--tgw-gradient: linear-gradient(135deg,#1abc9c,#0065F8,#4300FF);
}
```

## استكشاف الأخطاء
| المشكلة | الحل |
|---------|------|
| التصميم لا يظهر | تأكد من وجود `modern-theme` في `<body>` |
| الألوان غير متناسقة | افحص تكرار تعريف المتغيرات أو ملفات قديمة |
| الأداء منخفض | قلل عدد الـ Widgets المتحركة + دمج الملفات للإنتاج |

## ملاحظات
للتوثيق الكامل راجع `THEME_README.md` وملف الأمثلة `EXAMPLES.html`.

## المحتوى الأصلي (مختصر)
```css
/* Quick Guide original was comments + examples. محتوى كامل محفوظ في السجل */
```
