/* Base typography ---------------------------------------------------------- */
body {
  font-family: 'Inter', sans-serif;
}

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

/* Force numbers to always be LTR even in RTL mode */
.num-en {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}

/* Animations used across the dashboard tabs -------------------------------- */
@keyframes fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes scale-in {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}

.animate-fade-in {
  animation: fade-in 0.25s ease-out both;
}

.animate-fade-in-up {
  animation: fade-in-up 0.3s ease-out both;
}

.animate-scale-in {
  animation: scale-in 0.2s ease-out both;
}

@media (prefers-reduced-motion: reduce) {
  .animate-fade-in,
  .animate-fade-in-up,
  .animate-scale-in {
    animation: none;
  }
}

/* Hide scrollbars on horizontally scrolling tab strips */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}