/* تجمع مكة الصحي - الأنماط المخصصة */
[dir="rtl"] * { font-family: 'Tajawal', sans-serif; }
[dir="ltr"] * { font-family: 'Inter', 'Segoe UI', sans-serif; }
[dir="ltr"] .font-tajawal { font-family: 'Inter', 'Segoe UI', sans-serif; }

body { background: #f1f5f9; }

/* القائمة الجانبية - يتبدل موقعها حسب الاتجاه */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 16rem; /* 64 */
  z-index: 40;
}
[dir="rtl"] .sidebar { right: 0; left: auto; }
[dir="ltr"] .sidebar { left: 0; right: auto; }

/* المحتوى الرئيسي - الهامش يتبدل حسب الاتجاه */
.main-content { padding: 1.5rem; min-height: 100vh; }
[dir="rtl"] .main-content { margin-right: 16rem; margin-left: 0; }
[dir="ltr"] .main-content { margin-left: 16rem; margin-right: 0; }

@media (max-width: 768px) {
  [dir="rtl"] .main-content,
  [dir="ltr"] .main-content { margin-right: 0; margin-left: 0; }
}

/* تحسين الرسوم البيانية */
canvas { max-height: 320px; }

/* أنيميشن */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeIn 0.4s ease-out; }

/* اشعارات Toast - الموقع يتبدل حسب الاتجاه */
#toast-container {
  position: fixed; top: 20px; z-index: 9999;
  display: flex; flex-direction: column; gap: 10px;
}
[dir="rtl"] #toast-container { left: 20px; right: auto; }
[dir="ltr"] #toast-container { right: 20px; left: auto; }

.toast {
  padding: 14px 20px; border-radius: 10px; color: white;
  font-weight: 700; box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  min-width: 280px; display: flex; align-items: center; gap: 10px;
  animation: fadeIn 0.3s;
}
.toast-success { background: linear-gradient(135deg, #10b981, #059669); }
.toast-error { background: linear-gradient(135deg, #ef4444, #dc2626); }
.toast-warning { background: linear-gradient(135deg, #f59e0b, #d97706); }
.toast-info { background: linear-gradient(135deg, #3b82f6, #2563eb); }

/* جداول */
table tbody tr:hover { background-color: #f8fafc; }

/* أنماط الطباعة */
@media print {
  aside, .sidebar, .print\:hidden, button { display: none !important; }
  main, .main-content { margin: 0 !important; padding: 10px !important; }
  body { background: white !important; }
  .shadow-lg, .shadow-md { box-shadow: none !important; border: 1px solid #ddd; }
}

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #e2e8f0; }
::-webkit-scrollbar-thumb { background: #1e88c7; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #0d5a8e; }

/* مودال */
input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 3px rgba(30, 136, 199, 0.15);
}

/* بطاقات الإحصائيات */
.stat-card { transition: all 0.3s ease; }
.stat-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(0,0,0,0.1); }

/* زر اللغة */
.lang-btn { white-space: nowrap; }