/* Inventarizatsiya ekrani. TZ 14.2.
 *
 * ⛔ NEGA O'Z SINFLARI BOR
 *
 * Birinchi urinishda `.totals` va `.trow` qayta ishlatilgandi va
 * ekran buzuq chiqdi: `.totals` IKKI faylda ikki xil ta'riflangan —
 * `debt.css` da `grid`, `sale.css` da `flex`. Qaysi biri keyin
 * yuklansa, o'sha yutadi va qatorlar juft-juft bo'lib ustunga
 * tushib qolgan edi.
 *
 * Buni birorta test ko'rmadi — faqat ekranni ochib ko'rganda
 * bilindi. CLAUDE.md 4-bo'limidagi qoida yana ishladi.
 */

.inv-stats { margin-top: 14px; }

.inv-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid var(--line);
}

.inv-row:last-child { border-bottom: none; }

.inv-row > span:first-child {
  color: var(--muted);
  font-size: var(--t-3);
  flex: 0 0 auto;
}

.inv-row > span:last-child {
  text-align: right;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* ⛔ Pul qatorlari ajratilgan: yuqorisi DONA, pastki qismi SO'M.
 * Aralashsa, «412» ni pul deb o'qish oson bo'lardi. */
.inv-row.money-head {
  margin-top: 10px;
  border-top: 2px solid var(--line);
  padding-top: 12px;
}

.inv-row .bad { color: var(--danger); }
.inv-row .good { color: var(--ok, #0f9160); }

/* Sanoq boshlanmagan bo'lsa raqamlar «agar hozir yopilsa» degani */
.inv-forecast {
  font-size: var(--t-2);
  color: var(--muted);
  margin: 8px 0 2px;
}

.inv-scan { font-size: var(--t-5); height: 52px; }

/* ⛔ Qatorlar ham O'Z sinflarida — `.debt-row` qayta ishlatilganda
 * sanalgan miqdor UMUMAN ko'rinmasdi.
 *
 * Sabab: `plan.css` da `.when{display:none}` degan GLOBAL qoida bor
 * va u boshqa ekranga ham tegadi. `debt.css` dagi `.debt-row .when`
 * `display` ni qayta e'lon qilmaydi, ya'ni yashirin qolaveradi.
 *
 * Bu shu ekranda IKKINCHI marta: `.totals` ham ikki faylda ikki xil
 * ta'riflangan edi. Xulosa: o'zga ekranning sinfini qarzga olish bu
 * loyihada ishonchsiz.
 *
 * ⛔ 7.9: ichki nomlar ham PREFIKSLI (`.inv-name`, `.inv-gap`) —
 * yalang'och `.gap` `stock.css` dagi `.gap{margin:...}` bilan
 * to'qnashib, qatorga begona margin meros bo'lgan edi.
 */

.inv-line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 2px;
  border-bottom: 1px solid var(--line);
}

.inv-line:last-child { border-bottom: none; }

.inv-line .inv-name { flex: 1; min-width: 0; }
.inv-line .inv-name b { display: block; font-size: var(--t-4); }

.inv-line .expected {
  display: block;
  font-size: var(--t-2);
  color: var(--muted);
  margin-top: 2px;
}

/* ⛔ Sanalgan miqdor — qatordagi ENG MUHIM raqam. Sanovchi shu
 * bilan «qo'shildimi» degan savolga javob oladi. */
.inv-line .counted {
  font-size: 16px;
  font-weight:600;
  font-variant-numeric: tabular-nums;
  min-width: 34px;
  text-align: right;
}

.inv-line .counted.none {
  font-size: var(--t-2);
  font-weight: 400;
  color: var(--muted);
}

.inv-line .inv-gap {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  min-width: 42px;
  text-align: right;
}

.inv-line .inv-gap.short { color: var(--danger); }
.inv-line .inv-gap.over { color: var(--ok, #0f9160); }

.inv-line .flag { color: var(--danger); font-size: var(--t-4); }