/* ==========================================================================
 * Data Request System — التصميم والألوان
 * ========================================================================== */
* { -webkit-tap-highlight-color: transparent; }
html, body { scroll-behavior: smooth; }

/* خلفية متدرجة ناعمة بدل الأبيض الممل */
body {
  background:
    radial-gradient(1200px 600px at 100% -10%, rgba(99, 102, 241, 0.10), transparent 60%),
    radial-gradient(1000px 500px at -10% 20%, rgba(51, 102, 255, 0.10), transparent 55%),
    radial-gradient(900px 700px at 50% 120%, rgba(16, 185, 129, 0.07), transparent 60%),
    #eef2fb;
  background-attachment: fixed;
  min-height: 100vh;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c3cbe0; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #9aa6c9; }

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

.pop-in { animation: popIn .25s cubic-bezier(.2,.8,.2,1); }
@keyframes popIn { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }

/* التنبيهات */
.toast-item {
  padding: 12px 20px; border-radius: 14px; color: #fff; font-weight: 700;
  box-shadow: 0 14px 30px rgba(0,0,0,.18); animation: fadeIn .2s ease;
  display: flex; align-items: center; gap: 10px; min-width: 260px; backdrop-filter: blur(4px);
}

/* السحب والإفلات */
.drag-handle { cursor: grab; }
.dragging { opacity: .5; }
.drop-target { border-top: 3px solid #3366ff; }

/* روابط القائمة الجانبية */
.nav-link { transition: all .18s; position: relative; }
.nav-link.active {
  background: linear-gradient(135deg, rgba(51,102,255,.14), rgba(99,102,241,.12));
  color: #1f47f5; font-weight: 800;
}
.nav-link.active::before {
  content: ''; position: absolute; right: 0; top: 20%; height: 60%; width: 4px;
  background: linear-gradient(180deg, #3366ff, #6366f1); border-radius: 4px;
}

input:focus, textarea:focus, select:focus { outline: none; }

.btn { border-radius: 12px; font-weight: 700; transition: all .16s; }
.btn:active { transform: scale(.97); }

/* البطاقات — زجاجية خفيفة */
.card {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(226,232,240,.9);
  border-radius: 18px;
  box-shadow: 0 4px 16px rgba(30,41,89,.05);
  backdrop-filter: blur(6px);
}

.stat-card { transition: transform .18s, box-shadow .18s; overflow: hidden; position: relative; }
.stat-card:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(30,41,89,.12); }

/* شريط علوي ملوّن للبطاقات الإحصائية */
.stat-accent::after {
  content: ''; position: absolute; inset: 0 0 auto 0; height: 4px; border-radius: 18px 18px 0 0;
}

/* شارات ملوّنة */
.chip { border-radius: 999px; font-weight: 700; }

/* عناوين متدرجة */
.gradient-text {
  background: linear-gradient(135deg, #1f47f5, #6366f1 60%, #8b5cf6);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* الشريط الجانبي */
.app-sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
  box-shadow: -8px 0 24px rgba(30,41,89,.04);
}

/* الهيدر */
.app-header { background: rgba(255,255,255,.72); backdrop-filter: blur(10px); }

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

@media print {
  .no-print { display: none !important; }
}