/* Tailwind'ga qo'shimcha nozik detallar. Shrift atayin tashqi Google Fonts'dan
   emas — tizim shriftidan olinadi: fabrika tarmog'i sekin/uzilgan bo'lsa ham
   sahifa to'liq ishlaydi (tashqi bog'liqlik yo'q). */

* { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

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

.pulse-dot { animation: pulseDot 2s ease-in-out infinite; }
@keyframes pulseDot {
  0%, 100% { opacity: 1; }
  50% { opacity: .35; }
}

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