/* استخبار - أنماط عامة */
:root {
  --brand-900: #0f1e3d;
}

body { font-family: 'Cairo', sans-serif; }

.font-en { font-family: 'IBM Plex Sans', sans-serif; direction: ltr; unicode-bidi: isolate; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #64748b; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.confidence-badge-high { background: #dcfce7; color: #166534; border-color: #86efac; }
.confidence-badge-medium { background: #fef9c3; color: #854d0e; border-color: #fde047; }
.confidence-badge-low { background: #fee2e2; color: #991b1b; border-color: #fca5a5; }
.confidence-badge-insufficient { background: #f1f5f9; color: #475569; border-color: #cbd5e1; }

.hero-pattern {
  background-image:
    radial-gradient(circle at 20% 20%, rgba(56,104,184,0.15), transparent 40%),
    radial-gradient(circle at 80% 60%, rgba(41,79,151,0.18), transparent 45%);
}

.skeleton {
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 37%, #e2e8f0 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}
@keyframes skeleton-loading {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

.fade-in { animation: fadeIn 0.3s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }