body {
  font-family: "Tajawal", "Segoe UI", sans-serif;
  background-color: #f7f8fa;
}

.portal-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  border: 1px solid #e9ecef;
}

.portal-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.status-badge {
  font-size: 0.85rem;
}

/* قائمة الإشعارات المنسدلة: نثبّت موضعها يدويًا على الشاشات الصغيرة بدل الاعتماد
   على تموضع Popper التلقائي، لأنه أحيانًا يخرج القائمة خارج حدود الشاشة في
   الصفحات ذات اتجاه RTL على الجوال */
@media (max-width: 576px) {
  #notifBellBtn + .dropdown-menu {
    position: fixed !important;
    inset: 60px 8px auto 8px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    transform: none !important;
  }
}