/* Bouton « N non affectés » et sa fenêtre (08/11/2026, drapeau affecter_non_affectes).
   Ambre : la couleur d'alerte douce du Desk (pastille Appels client), une seule touche. */
.chipf.na-btn{border-color:var(--amber,#d29922);color:#8a5a00;background:rgba(210,153,34,.10);
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.chipf.na-btn:hover{background:rgba(210,153,34,.20)}
.chipf.na-btn .na-n{background:var(--amber,#d29922);color:#fff;border-radius:10px;padding:0 7px;
  font-size:11.5px;line-height:18px;min-width:18px;text-align:center}
.chipf.na-btn .na-sep{opacity:.55}
html.theme-dark .chipf.na-btn{color:#f0c46a;background:rgba(210,153,34,.16)}
html.theme-dark .chipf.na-btn .na-n{color:#1a1200}

#naModal .na-modal{width:760px}
#naModal .mbody{display:flex;flex-direction:column}
#naModal .na-tout{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:2px 0 8px;
  font-size:12.5px;color:var(--mut)}
#naModal .na-tout .na-selw{width:250px}
#naModal .na-liste{max-height:min(56vh,520px);overflow-y:auto;border:1px solid var(--line);border-radius:10px}
#naModal .na-row{display:grid;grid-template-columns:22px minmax(0,1fr) 250px;gap:12px;align-items:center;
  padding:9px 12px;border-bottom:1px solid var(--line)}
#naModal .na-row:last-child{border-bottom:0}
#naModal .na-row.na-off .na-t{opacity:.55}
#naModal .na-t{min-width:0}
#naModal .na-l1{display:flex;align-items:baseline;gap:8px;min-width:0}
#naModal .na-ref{font-weight:700;font-size:12.5px;color:var(--ink);text-decoration:none;flex:0 0 auto}
#naModal .na-ref:hover{text-decoration:underline}
#naModal .na-cli{font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--mut);text-transform:uppercase;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#naModal .na-sub{font-size:13px;color:var(--txt,var(--ink));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
#naModal .na-why{font-size:11px;color:var(--mut);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#naModal .na-why.na-warn{color:#8a5a00}
html.theme-dark #naModal .na-why.na-warn{color:#f0c46a}

/* liste déroulante dessinée (jamais la flèche du navigateur) */
#naModal .na-selw{position:relative;display:block}
#naModal .na-selw::after{content:"";position:absolute;right:11px;top:50%;width:7px;height:7px;margin-top:-5px;
  border-right:1.6px solid var(--mut);border-bottom:1.6px solid var(--mut);transform:rotate(45deg);pointer-events:none}
#naModal select.na-sel{-webkit-appearance:none;appearance:none;width:100%;height:34px;box-sizing:border-box;
  border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font:inherit;font-size:13px;
  padding:0 30px 0 10px;cursor:pointer;text-overflow:ellipsis}
#naModal select.na-sel:hover{border-color:var(--mut)}
#naModal select.na-sel:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,50,64,.15)}
#naModal select.na-sel:disabled{opacity:.5;cursor:not-allowed}

#naModal .na-ign{font-size:11.5px;color:var(--mut);margin-top:8px}
#naModal .na-ign:empty{display:none}
#naModal .na-err{display:none;color:#b91c1c;font-size:12.5px;margin-top:8px}
#naModal .na-pied{margin-top:14px;justify-content:flex-end;gap:8px;align-items:center}
#naModal .na-compte{margin-right:auto;font-size:12px;color:var(--mut)}
#naModal .btn:disabled{opacity:.5;cursor:not-allowed}

@media (max-width:720px){
  #naModal .na-row{grid-template-columns:22px minmax(0,1fr);row-gap:6px}
  #naModal .na-ag{grid-column:2}
  #naModal .na-tout{justify-content:flex-start}
  #naModal .na-tout .na-selw{flex:1;width:auto}
  #naModal .na-pied{flex-wrap:wrap}
  #naModal .na-compte{flex-basis:100%;margin-bottom:2px}
}