/* BIIK_MOTION_V1 — yumshoq, qisqa animatsiyalar (120–220 ms). Faqat bo'lim/oyna YANGI ochilganda ishlaydi
   (har bir qayta chizishda emas — qidiruvda yozganda miltillamaydi). Harakatni o'chirgan foydalanuvchida yo'q. */
@keyframes biikIn  { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes biikFade{ from { opacity: 0; } to { opacity: 1; } }
@keyframes biikPop { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }

#app .main-wrap.biik-in { animation: biikIn .22s cubic-bezier(.2,.7,.2,1) both; }
.overlay.biik-in { animation: biikFade .16s ease both; }
.overlay.biik-in .modal { animation: biikPop .22s cubic-bezier(.2,.7,.2,1) both; }
.toast.biik-in { animation: biikPop .2s cubic-bezier(.2,.7,.2,1) both; }

/* Oyna (modal) — oq, yengil soya; orqa fon yumshoqroq */
html body .overlay { background: rgba(17,17,17,.36); backdrop-filter: blur(2px); }
html body .modal { background: var(--card); border-color: var(--border); box-shadow: 0 24px 60px rgba(0,0,0,.18); }

/* Tugmalar: rang silliq o'zgaradi, bosilganda biroz "botadi" */
html body .btn, html body .pk-btn, html body .biik-u-btn {
  transition: background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease, transform .08s ease; }
/* BIIK_MOTION_V2 — bosilganda kichrayish olib tashlandi: tugma bosilgach sahifa qayta chiziladi va bu «qaltirash» bo'lib ko'rinardi */

/* Bosiladigan kartochkalar — ustiga borilganda ozgina ko'tariladi */
html body .stat-card[data-tab] { transition: transform .16s ease, box-shadow .16s ease; }
html body .stat-card[data-tab]:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.07); }

/* Jadval qatorlari va menyu punktlari */
html body tbody tr, html body tbody tr > td, html body .row-mi, html body .biik-pf-i, html body .biik-u-o { transition: background-color .1s ease; }
html body .row-menu.open { animation: biikPop .14s ease both; }

@media (prefers-reduced-motion: reduce) {
  #app .main-wrap.biik-in, .overlay.biik-in, .overlay.biik-in .modal, .toast.biik-in, html body .row-menu.open { animation: none; }
  html body .btn, html body .pk-btn, html body .stat-card[data-tab], html body tbody tr, html body tbody tr > td { transition: none; }
  html body .stat-card[data-tab]:hover { transform: none; }
}