:root{
  --nv-accent: var(--pl-primary, var(--green, #17805a));
  --nv-accent-ink: var(--pl-on-primary, #fff);
  --nv-card: var(--surface, #fff);
  --nv-soft: var(--surface2, #f4f5f9);
  --nv-line: var(--sf-line, var(--line, #e6e8ef));
  --nv-ink: var(--ink, #15181f);
  --nv-muted: var(--muted, #7a8194);
  --nv-ok: var(--pl-success, var(--green, #1a8f4c));
  --nv-bad: var(--pl-danger, var(--red, #d23b3b));
  --nv-warn: var(--pl-warn, var(--gold, #b8860b));
  --nv-tint: color-mix(in oklch, var(--nv-accent) 10%, transparent);
  --nv-tint-bad: color-mix(in oklch, var(--nv-bad) 12%, transparent);
  --nv-tint-warn: color-mix(in oklch, var(--nv-warn) 16%, transparent);
  --nv-shadow: var(--sf-shadow-2, 0 16px 44px -20px rgba(20,20,50,.22));
}
.sf-tag.amber{background:var(--nv-tint-warn);color:var(--nv-warn)}
.na-box { margin: 10px 0 4px; }
.na-box .na-open { display:flex; align-items:center; justify-content:center; gap:8px; }
.na-box .na-open.is-done { opacity:.75; pointer-events:none; }
.na-form { margin-top:10px; padding:12px; border:1px solid var(--nv-line); border-radius:14px;
  background:var(--nv-soft); display:flex; flex-direction:column; gap:8px; }
.na-intro { margin:0; font-size:calc(12.5px * var(--fz-base,1)); color:var(--nv-muted); line-height:1.7; }
.na-lbl { font-size:calc(12px * var(--fz-base,1)); color:var(--nv-muted); }
.na-form .na-phone { width:100%; direction:ltr; text-align:left; padding:10px 12px; border-radius:10px;
  border:1px solid var(--nv-line); background:var(--nv-card); font-family:inherit; }
.na-chs { display:flex; flex-wrap:wrap; gap:10px; margin:2px 0 2px; }
.na-ch { display:inline-flex; align-items:center; gap:5px; font-size:calc(12.5px * var(--fz-base,1)); cursor:pointer; }
.na-note { margin:2px 0 0; font-size:calc(12.5px * var(--fz-base,1)); line-height:1.7; min-height:1em; }
.na-note.ok  { color:var(--nv-ok); }
.na-note.bad { color:var(--nv-bad); }
.na-fine { margin:0; font-size:calc(11px * var(--fz-base,1)); color:var(--nv-muted); }
.na-on { display:flex; align-items:center; gap:10px; padding:12px; border-radius:14px;
  border:1px dashed var(--nv-accent); background:color-mix(in oklch, var(--nv-accent) 6%, transparent); }
.na-on .na-ic { font-size:22px; line-height:1; }
.na-on b { display:block; font-size:calc(13px * var(--fz-base,1)); }
.na-on span { font-size:calc(11.5px * var(--fz-base,1)); color:var(--nv-muted); }
.na-on .na-manage { margin-inline-start:auto; font-size:calc(11.5px * var(--fz-base,1)); white-space:nowrap; }
.na-list { display:flex; flex-direction:column; gap:10px; }
.na-item { display:flex; gap:12px; align-items:center; padding:12px; border:1px solid var(--nv-line);
  border-radius:16px; background:var(--nv-card); }
.na-item.is-done { opacity:.78; }
.na-thumb { flex:0 0 64px; width:64px; height:64px; border-radius:12px; overflow:hidden; background:var(--nv-soft); }
.na-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.na-body { flex:1 1 auto; min-width:0; }
.na-name { display:block; font-weight:700; font-size:calc(13.5px * var(--fz-base,1)); }
.na-var { font-size:calc(11.5px * var(--fz-base,1)); color:var(--nv-muted); }
.na-tags { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 4px; }
.na-now { font-size:calc(12.5px * var(--fz-base,1)); }
.na-now .ok { color:var(--nv-ok); }
.na-now .no { color:var(--nv-muted); }
.na-now .drop { color:var(--nv-bad); margin-inline-start:6px; }
.na-act { display:flex; flex-direction:column; gap:6px; flex:0 0 auto; }
.na-act .sfbtn.sm { padding:7px 12px; font-size:calc(12px * var(--fz-base,1)); }
@media (max-width:640px) {
  .na-item { flex-wrap:wrap; }
  .na-act { flex-direction:row; width:100%; }
  .na-act form, .na-act .sfbtn { flex:1 1 auto; }
}