/* Design Enhancements — تحسينات جمالية عامة (مخفَّفة في UI Phase B)
   كان الملف يرفع كل card وbutton وlink عند المرور ويكبّر صفوف الجدول ويفرض ألواناً ثابتة (#f5f8fa / #009ef7) و
   @media prefers-color-scheme — فتعارض مع الثيم الداكن ومع نقر الصفوف في الجداول. الآن:
     - لا transform/scale/translate عند hover على card/btn/a/badge/tr/symbol.
     - حالات hover/focus بألوان من متغيرات الثيم فقط (تعمل في الفاتح والداكن).
     - ظهور تدريجي خفيف (opacity فقط) للكاردات.
   الرفع الخفيف للكاردات القابلة للنقر فقط: أضف الكلاس .card-hover-lift. */

/* ---------- انتقالات خفيفة ---------- */
.btn,
.badge,
.nav-link,
.form-control,
.form-select {
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

/* ---------- كاردات ---------- */
.card {
    animation: madar-fade-in 0.25s ease;
}

/* رفع خفيف اختياري للكاردات التي تعمل كروابط */
.card-hover-lift {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.card-hover-lift:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.4rem 1.2rem rgba(15, 23, 42, 0.1);
}

@keyframes madar-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .card { animation: none; }
    .card-hover-lift,
    .card-hover-lift:hover { transition: none; transform: none; }
}

/* ---------- جداول ---------- */
.table tbody tr {
    transition: background-color 0.15s ease;
}

.table tbody tr:hover {
    background-color: var(--bs-gray-100);
}

/* ---------- حقول الإدخال ---------- */
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.18);
}

/* ---------- تابات ---------- */
.nav-link {
    position: relative;
}

.nav-line-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background-color: var(--bs-primary);
}

/* ---------- صور الملف الشخصي ---------- */
.symbol-fixed img {
    transition: box-shadow 0.15s ease;
}

/* ---------- تمرير سلس ---------- */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}