/* «Barcha mijozlar» ekrani. Egasi (2026-09-18).
 *
 * ⛔ FAQAT SHU EKRANNIKI. Jadval, ⚙ tugmasi va sahifalash
 * `catalog.css` dan keladi (`cat-` prefiksi) — ular ikki
 * ekranda BIR XIL ko‘rinadi va nusxasi bu yerda yozilsa,
 * ertaga biri o‘zgarib ikkinchisi qolib ketardi.
 *
 * ⛔ Kartochkaning o‘zi ham yangi emas: `st-card` cheklar
 * ro‘yxatida allaqachon bor (`sales.css`). Bu yerda faqat
 * ularning JOYLASHUVI.
 */

/* ⛔ TO‘RTTA KARTA — TELEFONDA IKKITA USTUN.
 *
 * `auto-fit` bilan yozilsa, telefonda to‘rttasi ustun bo‘lib
 * tizilib, jadval ekranning pastiga tushib ketardi: do‘kondor
 * ro‘yxatni ko‘rish uchun har safar surishi kerak edi.
 * Ikkitadan — sanoq ham ko‘rinadi, jadval ham yaqin turadi. */
.cl-stats {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
  margin-bottom: 14px;
}

@media (min-width: 760px) {
  .cl-stats { grid-template-columns: repeat(4, 1fr); }
}

/* ⛔ Izoh JIM va KICHIK: u raqamni tushuntiradi, u bilan
   raqobatlashmaydi. «90 kundan beri xarid yo‘q» — «111» degan
   sonning MA'NOSI, ya'ni sondan keyin o‘qiladi. */
.cl-hint {
  display: block; color: var(--muted); font-size: var(--t-1);
  margin-top: 4px; line-height: 1.5;
}

/* ⛔ QARZ QIZIL — jadvaldagi yagona rangli katak. Do‘kondor
   ro‘yxatni aynan shu ustun uchun ochadi va ko‘z uni o‘qimasdan
   TOPISHI kerak. Qolgan raqamlar jim turadi. */
.cl-owes { color: var(--danger); font-weight: 600; }

/* ⛔ «Topilmadi» ichidagi tugma — boshi berk ko‘chadan chiqish
   yo‘li. Qidiruvni tozalash uchun maydonni topib, belgilab,
   o‘chirish kerak edi; bu bitta bosish. */
.cl-clear { margin-top: 12px; }