/* ===========================================================================
   NamPhuongERP 1.57.0 — Panel goi y khach hang trung
   ---------------------------------------------------------------------------
   Toan bo mau lay tu bien --npui-*, chay dung ca che do sang va toi.
   Moi selector deu gioi han trong html.np-ui-reference.
   =========================================================================== */

html.np-ui-reference .np157-similar{
  grid-column:1/-1;
  margin:-4px 0 6px;
}
html.np-ui-reference .np157-similar:not(.has-hits){display:none}

html.np-ui-reference .np157-head{
  font-size:12px;
  color:var(--npui-text-3);
  padding:6px 2px;
}
html.np-ui-reference .np157-head.danger{
  color:var(--npui-crit);
  background:var(--npui-crit-weak);
  border:1px solid var(--npui-crit);
  border-radius:9px;
  padding:8px 10px;
  margin-bottom:6px;
  font-size:12.5px;
  line-height:1.4;
}

html.np-ui-reference .np157-hit{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px solid var(--npui-border);
  border-radius:9px;
  margin-bottom:5px;
  background:var(--npui-surface);
  cursor:pointer;
}
html.np-ui-reference .np157-hit:hover{
  background:var(--npui-hover);
  border-color:var(--npui-border-strong);
}
/* Trung o muc cao — vien canh trai day de nhin thay ngay */
html.np-ui-reference .np157-hit.high{
  border-left:3px solid var(--npui-crit);
}
html.np-ui-reference .np157-hit.low{
  border-left:3px solid var(--npui-border-strong);
}

html.np-ui-reference .np157-hit-main{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:1px;
}
html.np-ui-reference .np157-hit-main b{
  font-size:13px;
  color:var(--npui-text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html.np-ui-reference .np157-hit-main small{
  font-size:11px;
  color:var(--npui-text-3);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html.np-ui-reference .np157-hit-tag{
  flex:0 0 auto;
  max-width:110px;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
}
html.np-ui-reference .np157-hit-tag span{
  font-size:12px;
  font-weight:700;
  padding:1px 7px;
  border-radius:6px;
  background:var(--npui-surface-3);
  color:var(--npui-text-2);
}
html.np-ui-reference .np157-hit.high .np157-hit-tag span{
  background:var(--npui-crit-weak);
  color:var(--npui-crit);
}
html.np-ui-reference .np157-hit-tag small{
  font-size:10px;
  color:var(--npui-text-3);
  line-height:1.25;
}

html.np-ui-reference .np157-more{
  font-size:11px;
  color:var(--npui-text-3);
  padding:2px 2px 4px;
}

@media (max-width:768px){
  html.np-ui-reference .np157-hit{padding:7px 8px;gap:7px}
  html.np-ui-reference .np157-hit-main b{font-size:12.5px}
  html.np-ui-reference .np157-hit-tag{max-width:78px}
  html.np-ui-reference .np157-hit-tag small{display:none}
}


/* 1.57.0 build .2 — vẫn cảnh báo hồ sơ ngừng hoạt động để tránh tạo lại khách cũ. */
html.np-ui-reference .np157-hit.inactive{opacity:.82}
html.np-ui-reference .np157-inactive-badge{
  display:inline-block;
  margin-left:6px;
  padding:1px 5px;
  border:1px solid var(--npui-border-strong);
  border-radius:999px;
  background:var(--npui-surface-2);
  color:var(--npui-text-3);
  font-size:9px;
  font-style:normal;
  font-weight:700;
  vertical-align:middle;
}