/* Kassaning O‘NG USTUNI: mijoz, chegirma, izoh va hisob.
 *
 * ⛔ NEGA `sale.css` DAN AJRATILDI
 *
 * U fayl 500 chegarasiga tiqildi (CLAUDE.md 1) va ajratish joyi
 * tayyor turgandi: JS tomonda ham shu bo‘lak alohida
 * (`sale_side.js`). Savat qatorlari bir sababga ko‘ra o‘zgaradi
 * (skanerlash, miqdor), o‘ng ustun esa boshqasiga: mijoz,
 * chegirma, qarz — savat yonidagi QARORLAR.
 *
 * ⛔ Tartib BILLZ kassasidagidek (egasi belgilab ko‘rsatdi). */

/* ── O‘ng ustun bloklari: mijoz, chegirma, izoh ────────────
 * ⛔ BILLZ kassasidagi tartib (egasi belgilab ko‘rsatdi). */
.side-block{margin-bottom:12px}
/* Sarlavha chapda, «Yaratish» o‘ngda (BILLZ: «Создать») */
/* ⛔ Yorliq TO‘Q (BILLZ «A9»): xira «Mijoz» va «Chegirma» o‘chirilgan
   maydonga o‘xshardi — ular esa har savdoda ishlatiladi */
.side-head{display:flex;align-items:center;gap:6px;
  font-size:var(--t-4);font-weight:var(--w-bold);color:var(--ink);margin-bottom:8px}
/* ⛔ Mijoz maydonida odam belgisi (BILLZ «A9»). Maydonni umumiy
   `customer_find.js` chizadi — belgi faqat SHU joyda, CSS bilan:
   boshqa ekranlardagi qidiruvga tegilmaydi. */
.side-block [data-cust] input{padding-left:40px;background-repeat:no-repeat;
  background-position:14px 50%;background-size:18px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a9099' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20c1.4-3.6 4.2-5.5 7.5-5.5s6.1 1.9 7.5 5.5'/%3E%3C/svg%3E")}
/* ⛔ «tanlash shart» — sotuvchi chipidagi `.chip.ask` rangi: bir
   ekranda bitta ma'no, bitta rang (2026-09-25) */
.side-head .side-need{color:var(--warn);font-weight:var(--w-mid)}
/* ⛔ Havola KO‘RINISHIDA, tugma emas: «Yaratish» kamdan-kam
   bosiladi va to‘ldirilgan tugma bo‘lsa asosiy amaldek ko‘rinardi
   — kassirning ishi esa MAVJUD mijozni topish. */
.linkish{margin-left:auto;border:0;background:none;padding:0 4px;
  color:var(--mid);font:inherit;font-size:var(--t-2);font-weight:var(--w-mid);
  cursor:pointer;min-height:44px;display:inline-flex;align-items:center}
/* ⛔ TANLANGAN MIJOZ — ISM TEPADA, balans OSTIDA (egasining surati,
   2026-09-27): bir qatorda «Mij…  Balansda 6 565 000 · olib tashlash» —
   ism kesilib, joyni balans olgan edi. Kassir uchun asosiysi KIM.
   Umumiy `.found` (debt.css) ga tegilmaydi — faqat savat ustuni. */
.side-block [data-cust-clear]{flex-direction:column;align-items:flex-start;gap:2px}
.side-block [data-cust-clear] .who{width:100%}
/* Qidiruvda topilgan bo‘lak — BILLZ da ham belgilanadi */
.found mark{background:var(--soft);color:var(--mid);
  border-radius:4px;padding:0 2px}
.oc.wide{width:100%;min-height:var(--tap)}
/* ⛔ HAR MAYDONNING YONIDA U NIMA SO‘RAYOTGANI YOZILADI.
   Ilgari bitta maydon bor edi va ma'nosini tepadagi tugmalar
   belgilardi — egasi ekranga qarab tushunmadi (2026-09-18).
   Yozuv CHAPDA va jim: ko‘z avval raqamga tushadi. */
.disc-line{display:flex;align-items:center;gap:8px;margin-top:6px}
.disc-line .disc-k{flex:0 0 auto;min-width:96px;color:var(--muted);
  font-size:var(--t-2)}
.disc-line input{flex:1;min-width:0;height:44px;text-align:right}
/* ⛔ TO‘RTTA USTUN: tugmalarda endi foiz turadi («10%») va u
   qisqa. Bir kun ular hisoblangan narxni ko‘rsatgandi va
   «13 459 750» ikki qatorga bo‘linib ketardi — shuning uchun
   `nowrap` QOLADI: uzun raqam bo‘linib emas, tor bo‘lsa ham
   butun ko‘rinsin. */
.disc-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
  margin-top:6px}
.disc-quick .oc{min-height:44px;font-size:var(--t-2);padding:0;
  white-space:nowrap}
/* ⛔ BONUSNI BUZADIGAN FOIZ — boshqa rangda (egasi, 2026-09-20).
   Tugma O‘CHIRILMAYDI: chegirma berish huquqi kassirda qoladi,
   ekran faqat oqibatini aytadi. To‘siq qo‘yilsa, kassir savdoni
   yo‘qotardi — bu bonusdan qimmat.
   ⛔ Rang OGOHLANTIRISH (`--warn`), xato emas — `.cart-nobonus`
   bilan bir xil naqsh. */
.disc-quick .disc-risk{color:var(--warn)}
/* ⛔ Chegirma tagidagi bitta qator: bonus butunmi yoki qancha
   ketdi. Jim turadi — u ogohlantirish emas, MA'LUMOT; kamaygan
   holatdagina rangga chiqadi. */
.disc-bonus{margin-top:8px;font-size:var(--t-2);color:var(--muted)}
.disc-bonus.bad{color:var(--warn);font-weight:var(--w-mid)}


/* ⛔ Klavish belgisi faqat kompyuterda (telefonda klaviatura yo‘q).
   Qoida SHU YERDA: `.side-head` ni shu fayl belgilaydi va uni
   boshqa faylda ishlatish ikki ekranda ikki ma'no degani
   (`test_bare_layout_class_does_not_leak`). */
@media (min-width:820px){
  .side-head .kbd{margin-left:4px}
}