/* 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: «Создать») */
.side-head{display:flex;align-items:center;gap:6px;
  font-size:var(--t-2);color:var(--muted);margin-bottom:6px}
/* ⛔ 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:500;
  cursor:pointer;min-height:44px;display:inline-flex;align-items:center}
/* 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`
   va `.miss-say` 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:500}


/* ⛔ 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}
}