/* ===========================================================================
   NamPhuongERP 1.60.0 — Goi y mat hang theo thoi quen khach
   Moi mau lay tu bien --npui-*. Moi selector gioi han trong html.np-ui-reference.
   Chi hien tren dien thoai; may tinh ban da co danh sach day du de nhin.
   =========================================================================== */

html.np-ui-reference .np160-habits{margin:0 0 10px}
html.np-ui-reference .np160-habits:empty{display:none}

html.np-ui-reference .np160-head{
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--npui-text-3);
  margin-bottom:6px;
}

html.np-ui-reference .np160-note{
  font-size:12px;
  color:var(--npui-text-3);
  padding:4px 0;
}

html.np-ui-reference .np160-row{
  display:flex;
  flex-direction:column;
  gap:6px;
}

html.np-ui-reference .np160-chip{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  width:100%;
  text-align:left;
  padding:10px 12px;
  border:1px solid var(--npui-border-strong);
  border-left:3px solid var(--npui-good);
  border-radius:10px;
  background:var(--npui-surface);
  cursor:pointer;
}
html.np-ui-reference .np160-chip:hover{background:var(--npui-hover)}
html.np-ui-reference .np160-chip:active{transform:scale(.995)}

html.np-ui-reference .np160-chip b{
  font-size:14px;
  font-weight:600;
  color:var(--npui-text);
  line-height:1.25;
}
html.np-ui-reference .np160-chip small{
  font-size:11.5px;
  color:var(--npui-text-3);
  font-variant-numeric:tabular-nums;
}

/* Mat hang da co trong don roi — van hien de biet, nhung khong bam duoc nua */
html.np-ui-reference .np160-chip.used{
  opacity:.5;
  cursor:default;
  border-left-color:var(--npui-border-strong);
}
html.np-ui-reference .np160-chip.used:hover{background:var(--npui-surface)}

@media (min-width:901px){
  html.np-ui-reference .np160-habits{display:none}
}