/* «Qarz» bo'limi: mijoz qidirish, qarz yozish, to'lov olish. */

/* ⛔ BO'LIM SARLAVHASI — o'ngiga UZUQ CHIZIQ (egasi, 2026-09-19:
   BILLZ dagi «Основные - - - -»).

   Chiziq bezak emas: u sarlavhani butun kenglikka yoyadi va
   formani bo'laklarga ajratadi. Bizda sarlavhalar yolg'iz
   turardi va uzun formada qayerdan qayergacha ekani
   bilinmasdi. Uzuq — DIZAYN.md 5.2 («chiziq emas, bo'shliq»)
   ga zid emas: to'liq chiziq ekranni KESADI, uzuqi esa
   sarlavhaning davomi bo'lib o'qiladi. */
.pane-sub{font-family:inherit;font-size:var(--t-4);font-weight:600;
  letter-spacing:0;text-transform:none;color:var(--ink);
  margin:16px 0 8px;display:flex;align-items:center;gap:12px}
.pane-sub::after{content:'';flex:1 1 auto;height:0;
  border-top:1px dashed var(--line)}

/* ── Topilgan mijozlar ─────────────────────────────────── */
/* ⛔ KONTEYNER: ichidagi qator O‘Z JOYINING kengligiga qarab
   jadvalga aylanadi (`report.css` dagi `@container list`).

   Ro‘yxat besh xil joyda chiziladi — to‘liq ekran, savat yon
   ustuni, buyurtma, ko‘chirish va chiqim formalari. Oyna
   kengligiga qarab qaror qilinsa, 1600px monitorda savatning
   320 piksellik yon ustuni ham «keng» hisoblanardi. */
.found-list{margin-top:4px;container-type:inline-size;
  container-name:list}
/* ⛔ Ramka emas, soya (2026-09-13): kulrang fonda qator o'zi
   kartochka bo'lib turadi — BILLZ ko'rinishi. */
.found{width:100%;display:flex;align-items:baseline;gap:10px;text-align:left;
  min-height:var(--tap);padding:12px 16px;margin-bottom:8px;cursor:pointer;
  background:#fff;border:0;border-radius:var(--card-r);
  box-shadow:var(--card-sh);
  font-family:inherit;color:var(--ink)}
.found:active{background:#f2f4f7}
.found.new{border-style:dashed;color:var(--mid)}
.found .who{font-size:var(--t-4);font-weight:500;flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.found .sub{font-size:var(--t-2);color:var(--muted);font-variant-numeric:tabular-nums}
.found .debt{font-size:var(--t-4);color:var(--danger)}
/* ⛔ Tovar NARXI qarz emas: alohida klass, oddiy rangda.
   Ilgari narx ham `.debt` bilan chizilib qizil chiqardi —
   ekranda «bu pul qaytishi kerak» degan ma'no berardi. */
.found .price,.picked .price{font-size:var(--t-4);color:var(--ink);
  font-variant-numeric:tabular-nums}

/* ── Tanlangan mijoz ───────────────────────────────────── */
.picked{padding:12px 14px;margin-top:6px;border-radius:10px;
  background:#fff;box-shadow:var(--card-sh)}
.picked .who{font-size:var(--t-5)}
.picked .debt{font-size:var(--t-5);color:var(--danger)}
.picked .price{font-size:var(--t-5);color:var(--ink)}

.two-btn{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}
.two-btn .oc{min-height:var(--tap)}
/* Bitta tugma qolganda bo‘sh katak turmasin */
.two-btn.single{grid-template-columns:1fr}

/* ⛔ «Tahrirlash» — kartochkaning O‘NG TEPASIDA, jim rangda: u
   kundalik ish emas (kundalikisi — to‘lov va garov), lekin
   kerak bo‘lganda ko‘rinib tursin. */
.ce-open{position:absolute;top:10px;right:12px;border:0;background:none;
  color:var(--muted);font:inherit;font-size:var(--t-2);cursor:pointer;
  padding:4px 6px;border-radius:8px}
.ce-open:hover{background:var(--soft);color:var(--mid)}
.picked{position:relative}
.ce-row{display:flex;align-items:center;gap:10px;padding:8px 2px;
  border-bottom:1px solid var(--line)}
.ce-row:last-child{border-bottom:none}
.ce-row .who{flex:1;min-width:0}
.ce-phones{margin-bottom:6px}
.two-btn .oc:disabled{opacity:.4;cursor:not-allowed}
/* ⛔ `.go` da `margin-top:4px` bor va u juftlikni QIYSHIQ qilardi:
   «Bekor qilish» bilan «Qarzga berish» to‘rt piksel siljib
   turardi («Yangi qarz» oynasi, 2026-09-17 surati). Tuzatish SHU
   YERDA, chunki `.two-btn` egasi shu fayl (DIZAYN.md 3). */
.two-btn .go{margin-top:0}

.sub-form{margin-top:4px}

/* Ikki maydon yonma-yon — tor ekranda ustma-ust */
.two{display:grid;grid-template-columns:1fr;gap:0 12px}
@media (min-width:520px){.two{grid-template-columns:1fr 1fr}}

/* ── To'lov ────────────────────────────────────────────── */
.debts{margin-bottom:2px}
.row.total{border-top:2px solid var(--line);border-bottom:none;
  margin-top:2px;padding-top:12px}
.row.total .v{font-size:var(--t-5);color:var(--danger)}

.oc.on{background:var(--soft);color:#2a5bbf;
  box-shadow:inset 0 0 0 1px var(--mid)}
.form-head{display:flex;align-items:center;gap:10px;margin:14px 0 8px}
.form-head .pane-sub{margin:0}
/* ⛔ ORQAGA — TO'LDIRILGAN, soyasiz, «‹» KO'K (egasi, 2026-09-19:
   BILLZ dagi dumaloq ko'k «‹»).

   Oq + soyali tugma sirtga o'xshab, sahifaning eng muhim
   elementi bo'lib ko'rinardi. U esa chiqish yo'li: ko'rinadi,
   lekin baqirmaydi. Yozuv QOLDI (BILLZ da faqat belgi) —
   «‹ Sozlamalar» qayerga qaytishini AYTADI, belgining o'zi esa
   do'kondordan eslab qolishni talab qilardi. */
.back{min-height:44px;padding:0 14px 0 10px;border:0;box-shadow:none;
  border-radius:10px;background:var(--field);color:var(--mid);cursor:pointer;
  font-family:inherit;font-size:var(--t-3);font-weight:500}
.back:active{background:#dde1e8}

.amounts{margin-top:12px}
.amounts .field:last-of-type{margin-bottom:8px}
.hint.bad{color:var(--danger);font-weight:600}

.msg.warn{background:#fff6e5;color:var(--warn);border-left:4px solid var(--warn)}
.msg.warn .found{margin-top:8px;margin-bottom:0}

/* ── Mijoz kartochkasi: qarz tarixi ─────────────────────── */
.totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:8px;margin-top:14px}
.tot{padding:10px 12px;border-radius:12px;background:#f4f5f7}
.tot .k{display:block;font-size:var(--t-2);font-weight:400;letter-spacing:0;
  text-transform:none;color:var(--muted);margin-bottom:3px}
.tot .v{font-size:16px}
.tot.active{background:#fdf2f2}
.tot.active .v{color:var(--danger)}

.outcomes.tabs{margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
.outcomes.tabs .oc{min-height:44px;font-size:var(--t-2)}

.rows{margin-top:8px}
.debt-row{display:flex;align-items:flex-start;gap:10px;padding:10px 2px;
  border-bottom:1px solid var(--line);font-size:var(--t-3)}
.debt-row:last-child{border-bottom:none}
.debt-row .who{flex:1;min-width:0}
.debt-row .who b{display:block;font-size:var(--t-4)}
.debt-row .sub{display:block;font-size:var(--t-2);color:var(--muted);margin-top:2px}
.debt-row .when{text-align:right;font-size:var(--t-2);color:var(--muted);
  white-space:nowrap}
.debt-row.pay .who b{color:var(--ok)}

/* ⛔ Yolg'iz rang emas — yonida yozuv ham bor (2.3) */
.dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:0 0 auto;
  background:var(--muted)}
.dot.late{background:var(--danger)}
.dot.part{background:var(--warn)}
.dot.done{background:var(--ok)}

/* ── Mijoz balansi (11.8) ──────────────────────────────── */

/* ⛔ `cbal-` bilan: `bal-` OMBOR qoldig‘iniki (`stock.css`) va
   yalang‘och nom global qoida berardi (DIZAYN.md 3). */

/* ⛔ Qarz `.tot.active` da QIZIL, balans esa YASHIL: ikkalasi ham
   pul, lekin qarama-qarshi tomonga. Bir xil rangda bo‘lsa kassir
   bir qarashda ajratolmasdi — ekrandagi eng qimmat farq shu. */
.cbal-top{display:flex;align-items:baseline;justify-content:space-between;
  gap:12px;margin-top:16px;padding:10px 12px;border-radius:12px;
  background:#eefaf4}
.cbal-top .k{font-size:var(--t-2);color:var(--muted)}
/* ⛔ 16px — `.tot .v` bilan AYNAN bir xil. Suratda balans
   22px edi va ekrandagi eng baland ovoz bo‘lib qolgandi,
   holbuki kassirning asosiy ishi QARZ. Ikkalasi bir xil
   pog‘onada tursin (DIZAYN.md 1.5). */
.cbal-top .v{font-size:16px;line-height:var(--lh-tight);
  color:var(--ok)}
.cbal-in{color:var(--ok)}
/* ⛔ Chiqim QIZIL EMAS: pul sarflandi, bu xato emas — oddiy
   holat. Qizil «diqqat» degani va uni kassir muammo deb
   o‘qirdi (DIZAYN.md 1.1 bilan bir ildiz: shovqin yaratmaslik). */
.cbal-out{color:var(--ink)}
/* ⛔ `linkish` EMAS: suratda «Chek» kichik ko‘k matn edi va
   bozorda unga tushish qiyin (DIZAYN.md 5.1: `--tap` ≥ 44px).
   Qo‘l qo‘pol va shoshilgan. */
.cbal-print{display:block;margin-top:4px;min-height:var(--tap);
  padding:0 12px;border:0;border-radius:10px;background:#fff;
  box-shadow:var(--ctl-sh);font:inherit;font-size:var(--t-3);
  font-weight:500;color:var(--mid);cursor:pointer}
.cbal-print:disabled{color:var(--muted);cursor:default}

/* ⛔ Garov tugmasi — O'Z qatorida. `two-btn` juftligi QARZ
   haqida («yozish», «to'lov»), bu esa teskarisi: mijoz pul
   QOLDIRADI. Bir qatorga tiqilsa kassir uchalasini bir xil ish
   deb o'qirdi (DIZAYN.md 5.2: chiziq emas, bo'shliq). */
.one-btn{margin-top:8px}
.one-btn .oc{width:100%;min-height:var(--tap)}
/* Tanlangan tovar — nomi va «olib tashlash» */
.adv-picked{display:flex;align-items:center;gap:10px;margin:8px 0 14px;
  padding:10px 12px;border-radius:12px;background:#f4f5f7}
.adv-picked .who{flex:1;min-width:0;font-size:var(--t-4)}
.adv-picked[hidden]{display:none}

/* ⛔ Qarz yozuvini eshitish (2026-09-17). Faqat vakolati borga
   chiziladi — kassirda yo'q (`customer_card.js` dagi sabab). */
.hear{flex:0 0 auto;width:30px;height:30px;border:0;border-radius:8px;
  background:#fff;box-shadow:var(--ctl-sh);color:var(--mid);
  font:inherit;font-size:var(--t-2);line-height:1;cursor:pointer}
.hear:disabled{opacity:.5;cursor:default}