/* خطوط وأيقونات النظام */

/* استيراد خطوط Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

/* استيراد Font Awesome للأيقونات */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* تطبيق الخطوط على العناصر */
body {
    font-family: 'Inter', 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* خطوط خاصة للعناوين العربية */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cairo', 'Inter', sans-serif;
    font-weight: 600;
}

/* خطوط خاصة للنصوص العربية */
.arabic-text {
    font-family: 'Cairo', sans-serif;
}

/* أيقونات مخصصة للنظام */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
}

.icon-sm {
    width: 1em;
    height: 1em;
}

.icon-lg {
    width: 2em;
    height: 2em;
}

.icon-xl {
    width: 3em;
    height: 3em;
}

/* أيقونات خاصة بالوظائف */
.icon-dashboard::before { content: '\f3fd'; }
.icon-reports::before { content: '\f080'; }
.icon-users::before { content: '\f0c0'; }
.icon-settings::before { content: '\f013'; }
.icon-upload::before { content: '\f093'; }
.icon-download::before { content: '\f019'; }
.icon-edit::before { content: '\f044'; }
.icon-delete::before { content: '\f1f8'; }
.icon-view::before { content: '\f06e'; }
.icon-approve::before { content: '\f00c'; }
.icon-reject::before { content: '\f00d'; }
.icon-pending::before { content: '\f017'; }
.icon-success::before { content: '\f058'; }
.icon-warning::before { content: '\f071'; }
.icon-error::before { content: '\f057'; }
.icon-info::before { content: '\f05a'; }
.icon-chart::before { content: '\f080'; }
.icon-calendar::before { content: '\f073'; }
.icon-email::before { content: '\f0e0'; }
.icon-phone::before { content: '\f095'; }
.icon-location::before { content: '\f3c5'; }
.icon-company::before { content: '\f1ad'; }
.icon-emissions::before { content: '\f06d'; }
.icon-environment::before { content: '\f06c'; }
.icon-sustainability::before { content: '\f1b3'; }

/* تأثيرات الأيقونات */
.icon-with-bg {
    background: var(--bg-secondary);
    border-radius: 50%;
    padding: 0.5em;
    transition: all var(--transition-normal);
}

.icon-with-bg:hover {
    background: var(--primary-color);
    color: var(--text-light);
    transform: scale(1.1);
}

/* أيقونات الحالة */
.status-icon {
    margin-left: 0.5em;
}

.status-icon.pending::before { content: '\f017'; color: var(--warning-color); }
.status-icon.approved::before { content: '\f058'; color: var(--success-color); }
.status-icon.rejected::before { content: '\f057'; color: var(--danger-color); }

/* أيقونات الإجراءات */
.action-icon {
    margin-left: 0.25em;
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.btn:hover .action-icon {
    opacity: 1;
}

/* أيقونات الإحصائيات */
.stat-icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    opacity: 0.8;
}

.stat-card:hover .stat-icon {
    opacity: 1;
    transform: scale(1.1);
}

/* أيقونات التنقل */
.nav-icon {
    margin-left: 0.5em;
    font-size: 0.9em;
}

/* أيقونات الجداول */
.table-icon {
    margin-left: 0.25em;
    font-size: 0.8em;
}

/* أيقونات النماذج */
.form-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
}

.form-group.has-icon .form-input {
    padding-left: 3rem;
}

/* أيقونات الملفات */
.file-icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    opacity: 0.6;
}

.file-upload:hover .file-icon {
    opacity: 1;
    transform: scale(1.1);
}

/* أيقونات الإشعارات */
.notification-icon {
    margin-left: 0.5em;
    font-size: 0.9em;
}

.notification-icon.info::before { content: '\f05a'; color: var(--info-color); }
.notification-icon.success::before { content: '\f058'; color: var(--success-color); }
.notification-icon.warning::before { content: '\f071'; color: var(--warning-color); }
.notification-icon.error::before { content: '\f057'; color: var(--danger-color); }

/* أيقونات القوائم */
.menu-icon {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* أيقونات الأزرار */
.btn-icon {
    margin-left: 0.5em;
}

.btn-icon-only {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 50%;
}

.btn-icon-only .icon {
    margin: 0;
}

/* أيقونات البحث */
.search-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
}

.search-input {
    padding-left: 3rem;
}

/* أيقونات التصفية */
.filter-icon {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* أيقونات التصدير */
.export-icon {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* أيقونات الطباعة */
.print-icon {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* أيقونات المشاركة */
.share-icon {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* أيقونات الإعدادات المتقدمة */
.settings-icon {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* أيقونات المساعدة */
.help-icon {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* أيقونات الملف الشخصي */
.profile-icon {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* أيقونات الخروج */
.logout-icon {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* أيقونات الإشعارات */
.bell-icon {
    position: relative;
}

.bell-icon::after {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    background: var(--danger-color);
    border-radius: 50%;
    border: 2px solid var(--bg-primary);
}

/* أيقونات التحميل */
.loading-icon {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* أيقونات النجاح */
.success-icon {
    color: var(--success-color);
    animation: bounce 0.6s ease;
}

/* أيقونات الخطأ */
.error-icon {
    color: var(--danger-color);
    animation: shake 0.5s ease;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* أيقونات التحذير */
.warning-icon {
    color: var(--warning-color);
    animation: pulse 2s infinite;
}

/* أيقونات المعلومات */
.info-icon {
    color: var(--info-color);
}

/* أيقونات الإغلاق */
.close-icon {
    font-size: 1.2em;
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.close-icon:hover {
    opacity: 1;
}

/* أيقونات التوسيع */
.expand-icon {
    transition: transform var(--transition-normal);
}

.expanded .expand-icon {
    transform: rotate(180deg);
}

/* أيقونات الطي */
.collapse-icon {
    transition: transform var(--transition-normal);
}

.collapsed .collapse-icon {
    transform: rotate(-90deg);
}

/* أيقونات التحديث */
.refresh-icon {
    transition: transform var(--transition-normal);
}

.refresh-icon:hover {
    transform: rotate(180deg);
}

/* أيقونات الإضافة */
.add-icon {
    font-weight: bold;
}

/* أيقونات الإزالة */
.remove-icon {
    font-weight: bold;
}

/* أيقونات التحرير */
.edit-icon {
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.edit-icon:hover {
    opacity: 1;
}

/* أيقونات الحذف */
.delete-icon {
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.delete-icon:hover {
    opacity: 1;
    color: var(--danger-color);
}

/* أيقونات المعاينة */
.preview-icon {
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.preview-icon:hover {
    opacity: 1;
}

/* أيقونات التحميل */
.download-icon {
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.download-icon:hover {
    opacity: 1;
    color: var(--success-color);
}

/* أيقونات الرفع */
.upload-icon {
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.upload-icon:hover {
    opacity: 1;
    color: var(--primary-color);
}

/* أيقونات الموافقة */
.approve-icon {
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.approve-icon:hover {
    opacity: 1;
    color: var(--success-color);
}

/* أيقونات الرفض */
.reject-icon {
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.reject-icon:hover {
    opacity: 1;
    color: var(--danger-color);
}

/* أيقونات المراجعة */
.review-icon {
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.review-icon:hover {
    opacity: 1;
    color: var(--warning-color);
}

/* أيقونات الإحصائيات */
.stats-icon {
    font-size: 1.5em;
    margin-bottom: 0.5rem;
    opacity: 0.8;
}

.stat-card:hover .stats-icon {
    opacity: 1;
    transform: scale(1.1);
}

/* أيقونات الرسوم البيانية */
.chart-icon {
    font-size: 1.2em;
    margin-left: 0.5em;
    opacity: 0.7;
}

/* أيقونات التقويم */
.calendar-icon {
    font-size: 1.2em;
    margin-left: 0.5em;
    opacity: 0.7;
}

/* أيقونات البريد الإلكتروني */
.email-icon {
    font-size: 1.2em;
    margin-left: 0.5em;
    opacity: 0.7;
}

/* أيقونات الهاتف */
.phone-icon {
    font-size: 1.2em;
    margin-left: 0.5em;
    opacity: 0.7;
}

/* أيقونات الموقع */
.location-icon {
    font-size: 1.2em;
    margin-left: 0.5em;
    opacity: 0.7;
}

/* أيقونات الشركة */
.company-icon {
    font-size: 1.2em;
    margin-left: 0.5em;
    opacity: 0.7;
}

/* أيقونات الانبعاثات */
.emissions-icon {
    font-size: 1.2em;
    margin-left: 0.5em;
    opacity: 0.7;
}

/* أيقونات البيئة */
.environment-icon {
    font-size: 1.2em;
    margin-left: 0.5em;
    opacity: 0.7;
}

/* أيقونات الاستدامة */
.sustainability-icon {
    font-size: 1.2em;
    margin-left: 0.5em;
    opacity: 0.7;
}