/* users-v2: Utenti del cliente (Impostazioni, Utenti): chip "Accessi gestiti dal Partner" (con la gestione affidata al Partner
   il cliente modifica solo i dati anagrafici), disattivazione con motivo, occhio della sola lettura nella colonna azioni.
   Solo token del sito e solo sotto body.nh-v2. */

body.nh-v2 .nh-lock { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: var(--radius); background: var(--surface-soft); border: 1px dashed var(--border-strong); color: var(--muted); font-weight: 600; white-space: nowrap; }
body.nh-v2 .nh-lock.is-small { height: 30px; }
body.nh-v2 .nh-lock svg { flex: none; }
body.nh-v2 .nh-deact-state { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-height: 36px; }

/* Dialogo "Disattivare ...?": contatore del motivo (solo oltre l'80% del limite) e conseguenza irreversibile. */
body.nh-v2 .nh-deact-count { margin-left: auto; font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; }
body.nh-v2 .nh-deact-count.over { color: var(--danger); font-weight: 700; }
body.nh-v2 .nh-deact-note { margin: 0; color: var(--muted); }

/* Occhio della colonna azioni (sola lettura): l'SVG condiviso non porta il tratto con se' (lo da il pulsante a icona),
   qui nel link della riga va dichiarato perche' resti identico alla matita. */
body.nh-v2 .row-edit-link .button-icon-svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* Badge "Disattivato dal cliente": in una colonna stretta (layout salvato dall'utente) il testo va a capo su due righe
   dentro la cella invece di essere coperto; la riga cresce solo per chi ha questo badge. Gli altri badge non cambiano. */
body.nh-v2 .nh-state-host { display: block; min-width: 0; max-width: 100%; }
body.nh-v2 .status-pill.nh-state-wrap { max-width: 100%; white-space: normal; text-align: center; line-height: 1.15; padding-block: 3px; overflow-wrap: break-word; }
