/* Lugoda Sentinel — Inventory & Sales module styles. Prefix: inv-
   Reuses shared vocabulary (.card .ch .cbody .kpi .kpis .pill .chip .btn .lrow
   .tbl .view-head .line-badge .note .empty .scrim .modal). CSS vars only. */

/* layout */
.inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:980px){.inv-grid{grid-template-columns:1fr}}

/* toolbar (class filter + low-stock-only + export) */
.inv-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.inv-fl{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.inv-fl select{background:var(--panel2);color:var(--txt);border:1px solid var(--line);
  border-radius:9px;padding:7px 10px;font-size:13px}
.inv-check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--txt);cursor:pointer;margin-top:16px}
.inv-check input{accent-color:var(--red);width:15px;height:15px;cursor:pointer}

/* stock-level bar (on-hand vs reorder) */
.inv-stock{display:flex;align-items:center;gap:9px;min-width:120px}
.inv-bar{flex:1;height:8px;border-radius:999px;background:#2c2c34;overflow:hidden;min-width:60px}
.inv-bf{display:block;height:100%;border-radius:999px;transition:width .25s}
.inv-bf.green{background:var(--green)} .inv-bf.amber{background:var(--amber)}
.inv-bf.red{background:var(--red)} .inv-bf.blue{background:var(--blue)}
.inv-num{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;min-width:24px;text-align:right}

/* low-stock badge */
.inv-low-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.5px;padding:2px 8px;border-radius:999px;background:#3a2c11;color:var(--amber);
  border:1px solid #4a3a14;margin-left:6px}
.inv-low-badge.out{background:#3a1416;color:#ff8b8b;border-color:var(--red-dark)}

/* reorder-now list rows */
.inv-roline{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--ink2)}
.inv-roline:last-child{border-bottom:none}
.inv-ro-ico{font-size:20px;flex:0 0 auto}
.inv-ro-main{flex:1;min-width:0}
.inv-ro-main b{font-size:14px;display:block}
.inv-ro-main span{font-size:11px;color:var(--muted)}
.inv-ro-qty{text-align:right;font-size:12px;color:var(--muted);white-space:nowrap}
.inv-ro-qty b{display:block;font-size:15px;color:var(--txt);font-variant-numeric:tabular-nums}

/* demand forecast bars (hand-rolled) */
.inv-bars{display:flex;flex-direction:column;gap:9px}
.inv-bar-row{display:grid;grid-template-columns:120px 1fr 54px;align-items:center;gap:10px}
.inv-bl{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-bt{height:14px;border-radius:7px;background:#2c2c34;overflow:hidden}
.inv-bfh{display:block;height:100%;border-radius:7px}
.inv-bv{font-size:12px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}

/* due-for-replacement chip (clickable quote action) */
.inv-quote{cursor:pointer;background:#241416;color:#ff9b9b;border:1px solid var(--red-dark);transition:.15s}
.inv-quote:hover{background:var(--red);color:#fff}

/* TZS money cell */
.inv-money{font-variant-numeric:tabular-nums;white-space:nowrap}

/* table niceties */
.inv-tbl-wrap{overflow-x:auto}

/* detail modal grid */
.inv-dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0}
.inv-dl div{font-size:13px}
.inv-dl span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:2px}
.inv-dl b{font-variant-numeric:tabular-nums}
.inv-dl-full{grid-column:1 / -1}