/* tez.css - telefon va planshet uchun tezlashtirish.
 *
 * Nega kerak: saytda 48 ta joyda "shisha" effekti bor
 * (backdrop-filter: orqa fonni xiralashtirish). Kompyuterda buni
 * videokarta osongina uddalaydi. Telefonda esa har bir xiralashtirilgan
 * element har kadrda qaytadan hisoblanadi - yuqori panel, pastki
 * tugmalar qatori va ekrandagi har bir zakaz kartasi bir vaqtda.
 * Kanban ko'rinishida bu 400 tagacha yetadi. Natija - ilova qotib
 * qoladi.
 *
 * Shuning uchun: teginiladigan ekranlarda effekt o'chiriladi va fon
 * shaffof emas, oq qilinadi (aks holda ostidagi yozuvlar ko'rinib,
 * o'qib bo'lmay qoladi). Kompyuterda hamma narsa avvalgidek qoladi.
 *
 * Bu fayl theme.css dan KEYIN ulanadi - shuning uchun ustun turadi.
 */
@media (hover: none), (pointer: coarse), (max-width: 1024px) {

  /* --- 1. Shisha effektini o'chirish --- */
  header.topbar,
  .main-wrap>header.topbar,
  .shell .main-wrap>header.topbar,
  .tabs, .hero, .sidebar,
  .order-card, .stat, .sec,
  .user-card, .presence-card,
  .fin-card, .chart-card, .kpi,
  .fin-card2, .fin-card-big,
  .dash2 .card, .dz-card, .abox,
  .login-card, .login-form,
  .sticky-save-btn, .chat-input-wrap,
  .modal, .modal-backdrop, .modal-close,
  .kbwrap .card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* --- 2. Shaffof fonlarni oq qilish --- */
  header.topbar,
  .main-wrap>header.topbar,
  .shell .main-wrap>header.topbar,
  .tabs, .hero, .sidebar,
  .order-card, .stat, .sec,
  .user-card, .presence-card,
  .fin-card, .chart-card, .kpi,
  .fin-card2, .fin-card-big,
  .dash2 .card, .dz-card, .abox,
  .login-card, .login-form,
  .sticky-save-btn, .chat-input-wrap,
  .modal,
  .kbwrap .card {
    background-color: #fff !important;
  }

  /* Modal ortidagi qorayish va yopish tugmasi qora bo'lib qoladi,
     faqat biroz to'qroq - xiralashtirish yo'qligini qoplaydi */
  .modal-backdrop { background-color: rgba(13,13,13,.55) !important; }
  .modal-close    { background-color: rgba(20,20,30,.62) !important; }

  /* Srochna zakaz qizil bo'lib turishi kerak - yuqoridagi oq qoida
     uni bosib qo'ymasin */
  .order-card.srochna-card { background-color: #fff8f8 !important; }

  /* --- 3. Og'ir soyalarni yengillashtirish ---
     24-64 piksellik soya ham har kadrda qaytadan chiziladi. Ko'rinishi
     deyarli o'zgarmaydi, lekin telefonga ancha yengil. */
  .order-card, .stat, .sec,
  .user-card, .presence-card,
  .fin-card, .chart-card, .kpi,
  .fin-card2, .fin-card-big,
  .dash2 .card, .dz-card, .abox,
  .kbwrap .card {
    box-shadow: 0 1px 3px rgba(16,24,40,.08) !important;
  }
  .login-card {
    box-shadow: 0 4px 16px rgba(16,24,40,.12) !important;
  }

  /* --- 4. "transition: all" o'rniga aniq xossalar ---
     "all" deganda brauzer har o'zgarishda hamma narsani qayta o'lchaydi. */
  .order-card { transition: transform .15s ease !important; }
}