/* NamPhuongERP 1.65.0 C3 — Duplicate Customer Guard UI */
.np1650-guard{display:grid;gap:8px;margin:4px 0 10px;padding:10px;border:1px solid var(--line,#d8dee8);border-radius:12px;background:var(--card,#fff);min-width:0}
.np1650-guard:empty{display:none}
.np1650-guard.full{grid-column:1/-1}
.np1650-guard.no-match{padding:8px 10px;background:#f4fbf8;background:color-mix(in srgb,var(--success,#18a36b) 6%,var(--card,#fff));border-color:#bfe5d3;border-color:color-mix(in srgb,var(--success,#18a36b) 24%,var(--line,#d8dee8))}
.np1650-guard.danger{border-color:#e7b8b8;border-color:color-mix(in srgb,var(--danger,#c93535) 34%,var(--line,#d8dee8));background:#fff7f7;background:color-mix(in srgb,var(--danger,#c93535) 4%,var(--card,#fff))}
.np1650-guard.warn{border-color:#ead3a9;border-color:color-mix(in srgb,var(--warning,#c98100) 32%,var(--line,#d8dee8));background:#fffaf2;background:color-mix(in srgb,var(--warning,#c98100) 4%,var(--card,#fff))}
.np1650-guard-head{display:grid;gap:2px;font-size:13px;line-height:1.35}
.np1650-guard-head b{font-size:14px;color:var(--text,#162033)}
.np1650-guard-head span{color:var(--muted,#637083)}
.np1650-guard-head small{color:var(--muted,#637083);font-size:11px}
.np1650-guard-head.danger b{color:var(--danger,#b42318)}
.np1650-guard-head.warn b{color:var(--warning,#9a6700)}
.np1650-guard-head.ok b{color:var(--success,#087a4f)}
.np1650-match{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid var(--line,#d8dee8);border-radius:10px;background:var(--surface,#fff);min-width:0}
.np1650-match-main{display:grid;gap:2px;min-width:0}
.np1650-match-title{display:flex;gap:6px;align-items:center;min-width:0}
.np1650-match-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.np1650-match-title em{font-style:normal;font-size:10px;font-weight:700;padding:2px 5px;border-radius:999px;background:var(--soft,#eef1f5);color:var(--muted,#637083)}
.np1650-match-main>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#637083);font-size:12px}
.np1650-context{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
.np1650-context span{font-size:11px;color:var(--muted,#637083);padding:3px 6px;border-radius:7px;background:var(--soft,#f1f4f7)}
.np1650-match-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:7px;max-width:190px}
.np1650-match-side>span{font-size:11px;text-align:right;color:var(--danger,#b42318);font-weight:700}
.np1650-match.suggestion .np1650-match-side>span{color:var(--warning,#9a6700)}
.np1650-match-side button{min-height:44px;padding:0 10px;border-radius:9px;border:1px solid #b5dbe5;border:1px solid color-mix(in srgb,var(--brand,#0d86a8) 35%,var(--line,#d8dee8));background:#f1fafc;background:color-mix(in srgb,var(--brand,#0d86a8) 7%,var(--card,#fff));color:var(--brand,#0d738f);font-weight:700;cursor:pointer}
.np1650-match-side button:hover{background:#e8f6fa;background:color-mix(in srgb,var(--brand,#0d86a8) 12%,var(--card,#fff))}
#requestQuickSave.np1650-would-block{outline:2px solid rgba(201,53,53,.3);outline:2px solid color-mix(in srgb,var(--danger,#c93535) 30%,transparent);outline-offset:2px}
html[data-theme="dark"] .np1650-guard,body[data-theme="dark"] .np1650-guard{--card:#151a20;--surface:#171d24;--soft:#202832;--line:#303946;--text:#f4f7fb;--muted:#a9b4c2;--success:#36c990;--danger:#ff7c7c;--warning:#f0b14a;--brand:#45b7d6}
@media (max-width:700px){
  .np1650-guard{padding:9px;border-radius:10px}
  .np1650-match{grid-template-columns:1fr;gap:8px}
  .np1650-match-side{max-width:none;align-items:stretch}
  .np1650-match-side>span{text-align:left}
  .np1650-match-side button{min-height:44px;width:100%}
  .np1650-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .np1650-context span:first-child{grid-column:1/-1}
}