/* Tovarni tahrirlash — BILLZ «Редактирование продукта» shakli.
   Egasi, 2026-09-19: «UI dizayni bilzniki bilan bir xil qil».

   ⛔ OQ VARAQ. Qolgan ekranlarimiz kulrang fonda suzadi, bu esa
   BILLZ dagidek bitta oq sahifa: uzun formada o'nta alohida
   kartochka ko'zni o'nta marta to'xtatardi (DIZAYN.md 5.6 —
   «bu ro'yxatmi yoki kartochkalar to'plamimi?» degan savolga
   javob: ikkalasi ham emas, bu BITTA hujjat). */

/* ── Tepa qator: orqaga · nom · Saqlash ─────────────────── */
.pe-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pe-title{flex:1 1 auto;min-width:0;font-size:var(--t-5);font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ⛔ «Saqlash» TEPADA va TOR: `.go` sukut bo'yicha butun kenglikni
   egallaydi va uzun formaning tepasida ko'k tasma bo'lib turardi. */
.pe-save{width:auto;min-width:140px;margin-top:0;padding:0 22px}

/* ── Karkas: chapda menyu, o'ngda varaq ─────────────────── */
.pe-wrap{display:flex;gap:16px;align-items:flex-start}
.pe-menu{display:none}
.pe-body{flex:1 1 auto;min-width:0;background:var(--glass);
  border-radius:var(--card-r);box-shadow:var(--card-sh);padding:18px 20px}
/* ⛔ Birinchi sarlavha tepaga yopishmasin: bo'lim sarlavhasida
   16px yuqori chekka bor va u varaq ichida ortiqcha.
   ⛔ `.pe-sec` — O'Z sinfi: qo'shni faylning sinfiga qoida
   yozilmaydi (DIZAYN.md 3). */
.pe-body>.pe-sec:first-child{margin-top:0}

@media (min-width:900px){
  .pe-menu{display:flex;flex-direction:column;gap:4px;flex:0 0 190px;
    position:sticky;top:0;background:var(--glass);border-radius:var(--card-r);
    box-shadow:var(--card-sh);padding:8px}
  .pe-item{min-height:44px;padding:0 14px;border:0;border-radius:10px;
    background:none;color:var(--muted);cursor:pointer;text-align:left;
    font-family:inherit;font-size:var(--t-3);font-weight:500}
  .pe-item.on{background:var(--soft);color:var(--mid)}
  .pe-item:active{background:var(--field)}
}

/* ── Do'kon jadvali: qoldiq va eng kam qoldiq ───────────── */
/* ⛔ JADVAL, ro'yxat emas — BILLZ da ham «Магазин · Кол-во ·
   Малый остаток» ustunlari bor: ikki do'konning sonini
   solishtirish uchun ular bir chiziqda turishi kerak. */
.pe-tbl{margin-bottom:6px}
.pe-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 150px;
  gap:12px;align-items:center;padding:6px 0;
  border-bottom:1px solid var(--line)}
.pe-row:last-child{border-bottom:none}
.pe-head{color:var(--muted);font-size:var(--t-2);padding-bottom:4px}
.pe-row .money{text-align:right;font-variant-numeric:tabular-nums}
.pe-row input{height:44px}
@media (max-width:519px){
  .pe-row{grid-template-columns:minmax(0,1fr) 70px 110px;gap:8px}
}

/* O'zgartirib bo'lmaydigan qiymat (o'lchov birligi) */
.pe-static{height:var(--tap);display:flex;align-items:center;padding:0 14px;
  background:var(--field);border-radius:10px;color:var(--muted)}

/* Belgilash katakchasi: «barcha o'lchamga» */
.pe-check{display:flex;align-items:center;gap:10px;min-height:44px;
  cursor:pointer;font-size:var(--t-3)}
.pe-check input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--mid)}

/* ⛔ Filial bonusi jadvali: ikkita TENG raqam ustuni (qoldiq
   jadvalida esa qoldiq tor, chegara keng). */
.pe-bonus .pe-row{grid-template-columns:minmax(0,1fr) 130px 130px}
@media (max-width:519px){
  .pe-bonus .pe-row{grid-template-columns:minmax(0,1fr) 90px 90px;gap:8px}
}