/* ═══════════════════════════════════════════════════════════
   KUNLIK ISH REJASI. TZ 9.4 — ertalab ochiladigan yagona ekran.

   ⛔ Ro'yxat summa bo'yicha emas, HARAKAT KUNI bo'yicha tartiblangan.
      Eng katta qarzdor bugun kerak bo'lmasligi mumkin — u kecha
      «payshanba beraman» degan.
   ═══════════════════════════════════════════════════════════ */

.bucket{margin-bottom:22px}
.bucket:last-child{margin-bottom:0}
.bucket-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.bucket-head .name{font-family:inherit;font-size:var(--t-3);
  font-weight:600;letter-spacing:.04em;text-transform:none}
.bucket-head .count{font-size:var(--t-2);font-weight:600;padding:3px 9px;border-radius:20px;
  background:#eef0f3;color:var(--muted);font-variant-numeric:tabular-nums}
.bucket-head .sum{margin-left:auto;font-size:var(--t-2);font-weight:600;color:var(--muted);
  font-variant-numeric:tabular-nums}

.bucket.overdue .name{color:var(--danger)}
.bucket.today .name{color:var(--warn)}
.bucket.upcoming .name{color:var(--muted)}

/* ── Qator ─────────────────────────────────────────────── */
.item{
  width:100%;text-align:left;display:block;cursor:pointer;
  /* ⛔ Chap rangli chiziq QOLADI: u bezak emas, holat belgisi
     (kechikkan, bugun, kutilmoqda). Ramka esa soyaga almashdi. */
  background:#fff;border:0;border-left:4px solid var(--muted);
  box-shadow:var(--card-sh);
  border-radius:var(--card-r);padding:12px 14px;margin-bottom:8px;
  font-family:inherit;color:var(--ink);
}
.bucket.overdue .item{border-left-color:var(--danger)}
.bucket.today .item{border-left-color:var(--warn)}
.bucket.upcoming .item{border-left-color:#d4d8de}
.item:active{transform:translateY(1px)}
.item.open{box-shadow:var(--ring);border-color:var(--mid)}

/* ⛔ Uzun nom yonida summa SINMASIN: 2026-09-08 da kartochkada
   «450 000» ikki qatorga bo'linib turgani suratdan topildi. */
.item-top{display:flex;align-items:baseline;gap:10px}
.item-top .who{flex:1;min-width:0}
/* Summa (qarz ham, narx ham `money` klassi bilan) sinmasin */
.item-top .money{flex:0 0 auto;white-space:nowrap}
.item .who{font-size:16px;font-weight:600;flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item .place{font-size:var(--t-2);font-weight:500;color:var(--muted)}
.item .debt{font-size:16px}

/* Oxirgi gap — BILLZ da yo'q bo'lgan qator (9.7) */
.item-last{margin-top:5px;font-size:var(--t-2);color:var(--muted);line-height:1.5}
.item-last b{font-weight:600;color:var(--ink)}
.late{color:var(--danger);font-weight:600}
.rate{font-weight:600}
.rate.bad{color:var(--danger)}
.rate.good{color:var(--ok)}

/* ── Qo'ng'iroqdan keyingi tugmalar (9.6) ──────────────── */
.act{margin-top:11px;padding-top:11px;border-top:1px dashed var(--line);display:none}
.item.open .act{display:block}

.call{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 15px;
  border-radius:12px;background:rgba(15,145,96,.12);color:var(--ok);
  font-size:var(--t-4);font-weight:600;text-decoration:none;
  font-variant-numeric:tabular-nums;margin-bottom:11px}

.act-label{font-size:var(--t-1);font-weight:600;letter-spacing:.04em;
  text-transform:none;color:var(--muted);margin-bottom:7px}
.outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:7px}
/* ⛔ TANLOV QATORI HAM MAYDON ENIDA (DIZAYN.md 5.3, egasi
   2026-09-20: «tavsiya»). Tugma 560 ga tushgach, spisaniyedagi
   «Brak … Boshqa» qatori 1000 piksel bo‘lib uning ustida keng
   turib qoldi — suratda ko‘rindi. 2–3 chipli qatorlar 560 ga
   sig‘adi va o‘zgarmaydi; beshtasi ikki qatorga bo‘linadi.
   Savat ichida (`.sale-wrap`) qator o‘z enida, `.field` kabi. */
@media (min-width:820px){
  main:not(:has(.sale-wrap)) .outcomes{max-width:560px}
}
/* ⛔ Erkin matn emas, tugma (9.6): sotuvchi yozib o'tirmaydi */
/* ⛔ 2026-09-19: RAMKA KETDI, FON KELDI (egasi: «UI dizayni
   bilzniki bilan bir xil qil»). 2px kulrang ramka ekranda
   «quti» bo'lib ko'rinardi va o'nta tugma o'nta quti edi.
   BILLZ da ikkilamchi tugma ham maydon bilan bir oilada:
   och kulrang to'ldirilgan, ramkasiz. */
.oc{min-height:var(--tap);padding:8px 12px;border:0;
  border-radius:10px;background:var(--field);color:var(--ink);cursor:pointer;
  font-family:inherit;font-size:var(--t-3);font-weight:500;line-height:1.3}
.oc:active{background:#dde1e8}
/* ⛔ Ramka faqat HOLAT uchun qoladi: «to'landi» va «tanlangan»
   ni fon bilan aytib bo'lmaydi — ikkalasi ham to'ldirilgan. */
.oc.paid{box-shadow:inset 0 0 0 1px rgba(15,145,96,.45)}
.oc.paid{color:var(--ok)}

/* ⛔ NOMI `.when` EMAS — u YALANG'OCH sinf edi va `display:none`
 * butun ilovaga tarqalardi. `.when` esa mijoz kartochkasida,
 * buyurtmada, tovar tarixida va ko'chirishda «qachon» ustuni
 * sifatida ishlatiladi — ya'ni o'sha ustunlar EKRANDA YO'Q edi.
 * Matn DOM da turardi, shuning uchun ekran testlari ham o'tardi. */
.due-pick{display:none;margin-top:9px}
.due-pick.on{display:block}
.due-pick input{height:46px;font-size:16px}