/* Nitido · pagine «accesso» nel design editoriale (tavola-editoriale e anteprime sul Desktop).
   Un file per gruppo di pagine, caricato dopo nitido.css (vedi _pagine_css.html): così più gruppi si rifanno
   in parallelo senza toccare lo stesso file. Solo token di colore di nitido.css, classi con lo scope della pagina.

   Indice
     1. Le pagine fuori dalla cornice (body.nx-acc): accesso, password, conferma dell'email, errori, disiscrizione
     2. Le pagine dentro la cornice (.nx-accesso): testata, titolo, schede delle Impostazioni, sezioni
     3. Il mio accesso
     4. Utenti
     5. Ruoli
     6. Messaggi WhatsApp
     7. Profilo Studio e «I tuoi dati»
     8. Aspetto dei preventivi
     9. Piano e moduli
    10. Accesso non consentito
    11. Telefono
    12. Passaggio del mouse
   Scelte di Francesco (9/10): 1A vino pieno, 2A soldi in vino, 3A angoli, ombre e margini di oggi (40 px, 16 sul
   telefono), 4B. Niente tema scuro: l'app è solo chiara. */

/* ───────────────────────── 1. Fuori dalla cornice ───────────────────────── */
body.nx-acc { min-height: 100vh; min-height: 100dvh; background: var(--nx-wall); }
:where(.nx-acc) :is(h1, p) { margin: 0; }
.nx-acc-page {
  display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; max-width: 1200px; margin: 0 auto;
  padding: 34px var(--nx-gutter) 26px;
}
/* testata: il logo a sinistra, una nota a destra, sotto il doppio filetto */
.nx-acc-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 14px; }
.nx-acc-top .nx-wm { font-size: 32px; padding: 2px 0 4px; margin-left: -1px; }
.nx-acc-top-r { padding-bottom: 6px; }
.nx-acc-brand { margin: 0; font: 400 30px/1.05 var(--nx-f-serif); letter-spacing: -.015em; color: var(--nx-ink); }

/* la pagina: a sinistra etichetta, titolo e frase; a destra, dopo un filetto, il modulo */
.nx-acc-main {
  flex: 1 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); align-items: center;
  padding: 80px 0 88px;
}
.nx-acc-lead { min-width: 0; padding-right: 72px; }
.nx-acc-side { min-width: 0; padding: 4px 0 4px 64px; box-shadow: inset 1px 0 0 var(--nx-rule); }
.nx-acc-h {
  margin: 16px 0 0; font: 400 clamp(44px, 4.7vw, 68px)/1.02 var(--nx-f-serif); letter-spacing: -.026em;
  color: var(--nx-ink); text-wrap: balance;
}
.nx-acc-lede { margin: 22px 0 0; max-width: 44ch; font-size: 18px; line-height: 1.55; color: var(--nx-ink2); text-wrap: pretty; }
.nx-acc-lede b { color: var(--nx-ink); font-weight: 500; }
.nx-acc-badge {
  display: grid; place-items: center; width: 60px; height: 60px; margin-bottom: 26px; border-radius: var(--nx-r-md);
  color: var(--nx-ink); background: var(--nx-grey);
}
.nx-acc-badge .nx-i { width: 24px; height: 24px; }

/* il modulo */
.nx-acc-form { margin: 0; }
.nx-acc-form .nx-field + .nx-field { margin-top: 22px; }
.nx-acc .nx-label { font-size: 13.5px; margin-bottom: 8px; }
.nx-acc-in { height: 52px; padding: 0 16px; font-size: 16px; }            /* 16 px: il telefono non ingrandisce */
.nx-acc-lrow { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.nx-acc-lrow .nx-label { margin-bottom: 8px; }
.nx-acc-go { width: 100%; height: 52px; margin-top: 28px; font-size: 15px; border-radius: var(--nx-r-md); }
.nx-acc-pw { position: relative; }
.nx-acc-pw .nx-input { padding-right: 108px; }
.nx-acc-show {
  position: absolute; top: 50%; right: 6px; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 7px;
  height: 40px; padding: 0 12px; border: 0; border-radius: var(--nx-r-sm); background: none; color: var(--nx-ink2);
  font: 500 13.5px var(--nx-f-ui); cursor: pointer; transition: color .15s, background .15s;
}
.nx-acc-show[hidden] { display: none; }
.nx-acc-show[aria-pressed="true"] { color: var(--nx-ink); }

/* link a filetto, zona da toccare alta 44 px */
.nx-acc-link {
  display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box; min-height: 44px; padding: 12px 0; margin: -12px 0;
  color: var(--nx-ink); font-size: 13.5px; font-weight: 500; text-decoration: none; white-space: nowrap;
  background: linear-gradient(var(--nx-line), var(--nx-line)) 0 100% / 100% 1px no-repeat; background-origin: content-box;
  transition: background-size .15s, color .15s;
}
.nx-acc-link--back { background: none; }
.nx-acc-link--back .nx-i { transition: transform .2s var(--nx-ease); }
.nx-acc-back { margin: 0 0 26px; }

/* messaggi e note */
.nx-acc-msg, .nx-acc-note {
  display: flex; align-items: flex-start; gap: 11px; padding: 14px 16px; border-radius: var(--nx-r-md);
  font-size: 14px; line-height: 1.5; color: var(--nx-ink);
}
.nx-acc-msg { margin-bottom: 24px; background: var(--nx-veil); box-shadow: inset 2px 0 0 var(--nx-wine); }
.nx-acc-msg > .nx-i { margin-top: 2px; color: var(--nx-wine); }
.nx-acc-msg.is-ok { background: var(--nx-paid-veil); box-shadow: inset 2px 0 0 var(--nx-paid); }
.nx-acc-msg.is-ok > .nx-i { color: var(--nx-paid); }
.nx-acc-note { background: var(--nx-grey); box-shadow: inset 2px 0 0 var(--nx-ink); }
.nx-acc-note > .nx-i { margin-top: 2px; color: var(--nx-ink2); }
.nx-acc-note p { margin: 0; }
.nx-acc-note.is-ok { box-shadow: inset 2px 0 0 var(--nx-paid); }
.nx-acc-note.is-ok > .nx-i { color: var(--nx-paid); }
.nx-acc-note + .nx-acc-go { margin-top: 22px; }
.nx-acc-fine { margin: 20px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--nx-ink2); text-wrap: pretty; }
.nx-acc-fine .nx-acc-link { font-size: inherit; }
.nx-acc-fine--ic { display: flex; align-items: flex-start; gap: 8px; }
.nx-acc-fine--ic > .nx-i { flex: none; margin-top: 3px; }
.nx-acc-fine + .nx-acc-fine { margin-top: 10px; }

/* le spunte della nuova password: un aiuto, i controlli veri li fa il server */
.nx-acc-check { display: flex; align-items: center; gap: 9px; margin: 11px 0 0; font-size: 13.5px; color: var(--nx-ink2); }
.nx-acc-tick {
  display: grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 50%;
  color: transparent; box-shadow: inset 0 0 0 1.5px var(--nx-track); transition: background .2s, box-shadow .2s, color .2s;
}
.nx-acc-tick .nx-i { width: 11px; height: 11px; stroke-width: 2.6; }
.nx-acc-check.is-ok { color: var(--nx-ink); }
.nx-acc-check.is-ok .nx-acc-tick { color: var(--nx-wall); background: var(--nx-paid); box-shadow: none; }

/* conferma dell'email: l'indirizzo nuovo in evidenza */
.nx-acc-who { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; align-items: center; padding: 0 0 22px; border-bottom: 1px solid var(--nx-rule); }
.nx-acc-who-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--nx-r); color: var(--nx-ink); background: var(--nx-grey); }
.nx-acc-who p { margin: 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.nx-acc-who-l { font-size: 12.5px; color: var(--nx-ink2); }
.nx-acc-who-v { font-size: 16px; font-weight: 500; color: var(--nx-ink); overflow-wrap: anywhere; }

/* errori: due azioni una sotto l'altra */
.nx-acc-acts { display: flex; flex-direction: column; gap: 12px; }
.nx-acc-acts .nx-acc-go { margin-top: 0; }

/* piede */
.nx-acc-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 20px; border-top: 1px solid var(--nx-rule); }
.nx-acc-foot .nx-eb { white-space: normal; }

/* tra telefono e computer: una colonna sola, il modulo sotto */
@media (max-width: 900px) {
  .nx-acc-main { grid-template-columns: minmax(0, 1fr); align-items: start; align-content: center; padding: 56px 0 64px; }
  .nx-acc-lead { padding-right: 0; }
  .nx-acc-side { max-width: 520px; margin-top: 36px; padding: 32px 0 0; box-shadow: inset 0 1px 0 var(--nx-rule); }
}
/* ───────────────────────── 2. Dentro la cornice ───────────────────────── */
/* il ponte Bootstrap, solo qui: niente margini di p, liste, titoli */
:where(.nx-accesso) :is(p, ul, ol, dl, dd, h1, h2, h3, figure) { margin: 0; }
:where(.nx-accesso) :is(ul, ol) { padding: 0; list-style: none; }
.nx-accesso { min-width: 0; padding-bottom: 16px; }
.nx-accesso :is(b, strong) { font-weight: 600 !important; }
.nx-acc-mast-note { display: inline-flex; align-items: center; gap: 7px; }
.nx-acc-mast-note .nx-i { flex: none; }

/* titolo della pagina in DM Serif, la frase sotto, le azioni a destra */
.nx-acc-ph { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 18px 32px; margin-top: 36px; }
.nx-acc-ph-t { flex: 1 1 420px; min-width: 0; }
.nx-acc-t { margin: 0; font: 400 var(--nx-t-hello)/1.02 var(--nx-f-serif); letter-spacing: -.024em; color: var(--nx-ink); text-wrap: balance; }
.nx-acc-dek { margin: 14px 0 0; max-width: 66ch; font-size: var(--nx-t-dek); line-height: 1.5; color: var(--nx-ink2); text-wrap: pretty; }
.nx-acc-ph-a { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }

/* le schede delle Impostazioni: testo, sottolineatura vino sulla scheda aperta */
.nx-acc-tabs {
  display: flex; gap: 30px; margin-top: 30px; overflow-x: auto; scrollbar-width: none;
  box-shadow: inset 0 -1px 0 var(--nx-rule);
}
.nx-acc-tabs::-webkit-scrollbar { display: none; }
.nx-acc-tab {
  position: relative; display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 46px; padding-bottom: 2px;
  font-size: 14.5px; font-weight: 500; color: var(--nx-ink2); text-decoration: none; white-space: nowrap; transition: color .15s;
}
.nx-acc-tab.is-on { color: var(--nx-ink); font-weight: 600; }
.nx-acc-tab.is-on::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--nx-wine); }
.nx-acc-tab.is-locked .nx-i { color: var(--nx-ring); }

/* sezioni */
.nx-acc-sec { min-width: 0; margin-top: 52px; }
.nx-acc-sec > .nx-sh { margin-bottom: 4px; }
.nx-acc-two { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); column-gap: 64px; align-items: start; }
.nx-acc-p { margin: 10px 0 0; max-width: 62ch; font-size: 14.5px; line-height: 1.55; color: var(--nx-ink2); text-wrap: pretty; }
.nx-acc-card { display: flex; flex-direction: column; gap: 18px; margin-top: 18px; }
.nx-acc-card .nx-form-actions { margin-top: 2px; }
.nx-acc-empty { padding: 18px 0; border-top: 1px solid var(--nx-rule-strong); font-size: 14.5px; color: var(--nx-ink2); }
.nx-acc-foot-note { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 0; font-size: 13px; line-height: 1.5; color: var(--nx-ink2); text-wrap: pretty; }
.nx-acc-foot-note > .nx-i { flex: none; margin-top: 2px; }
.nx-acc-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.nx-acc-alert {
  display: flex; align-items: flex-start; gap: 11px; margin-top: 30px; padding: 14px 16px; border-radius: var(--nx-r-md);
  font-size: 14px; line-height: 1.5; background: var(--nx-veil); box-shadow: inset 2px 0 0 var(--nx-wine);
}
.nx-acc-alert > .nx-i { flex: none; margin-top: 2px; color: var(--nx-wine); }

/* azioni di testo a filetto (Modifica, Elimina…), zona da toccare alta 44 px */
.nx-acc-inline { display: inline-flex; margin: 0; }
.nx-acc-act {
  display: inline-flex; align-items: center; box-sizing: border-box; min-height: 44px; margin: -6px 0; padding: 12px 0; border: 0;
  font: 500 13.5px var(--nx-f-ui); color: var(--nx-ink); white-space: nowrap; text-decoration: none; cursor: pointer;
  background: linear-gradient(var(--nx-line), var(--nx-line)) 0 100% / 100% 1px no-repeat; background-origin: content-box;
  transition: color .15s, background-size .15s;
}
.nx-acc-act.is-danger { color: var(--nx-wine); }

/* il campo file in italiano: il campo vero è trasparente sopra al bottone */
.nx-acc-file {
  position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 48px; padding: 6px 14px 6px 6px;
  border-radius: var(--nx-r-md); background: var(--nx-grey); cursor: pointer; transition: box-shadow .15s, background .15s;
}
.nx-acc-file-i { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.nx-acc-file:focus-within { background: var(--nx-wall); box-shadow: inset 0 0 0 1.5px var(--nx-ink); }
.nx-acc-file-b {
  display: inline-flex; align-items: center; gap: 7px; flex: none; height: 36px; padding: 0 12px; border-radius: var(--nx-r-sm);
  font: 500 13px var(--nx-f-ui); color: var(--nx-ink); background: var(--nx-wall); box-shadow: inset 0 0 0 1px var(--nx-line);
}
.nx-acc-file-n { min-width: 0; font-size: 13px; color: var(--nx-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nx-acc-file.is-set .nx-acc-file-n { color: var(--nx-ink); font-weight: 500; }
fieldset:disabled .nx-acc-file { cursor: default; opacity: .6; }
fieldset:disabled .nx-acc-file-i { cursor: default; }
.nx-acc-file--sm { min-height: 40px; gap: 10px; padding: 4px 10px 4px 4px; }
.nx-acc-file--sm .nx-acc-file-b { height: 32px; padding: 0 10px; font-size: 12.5px; }
.nx-acc-file--sm .nx-acc-file-n { font-size: 12.5px; }

/* le finestre (modifica, email) */
.nx-acc-modal .modal-body { display: flex; flex-direction: column; gap: 16px; }
.nx-acc-modal .modal-title { margin: 0; }
.nx-acc-modal .nx-hint { margin-top: 0; }

/* ───────────────────────── 3. Il mio accesso ───────────────────────── */
.nx-acc-kv { margin-top: 14px; border-top: 1px solid var(--nx-rule-strong); }
.nx-acc-kv > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 16px; padding: 15px 0; border-bottom: 1px solid var(--nx-rule); font-size: 14.5px; }
.nx-acc-kv dt { font-size: 13.5px; font-weight: 400; color: var(--nx-ink2); }
.nx-acc-kv dd { margin: 0; font-weight: 500; color: var(--nx-ink); overflow-wrap: anywhere; }
.nx-acc-kv dd .nx-muted { font-weight: 400; }

/* doppia verifica: la chiave e i codici di riserva a larghezza fissa (si copiano a mano senza confondere i caratteri) */
.nx-acc-chiave, .nx-acc-codici dd { font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; font-variant-ligatures: none; }
.nx-acc-chiave {
  display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; padding: 14px 16px; border: 1px solid var(--nx-rule);
  border-radius: var(--nx-r-md); background: var(--nx-grey); font-size: 16.5px; letter-spacing: .06em; color: var(--nx-ink);
  user-select: all;
}
.nx-acc-codici { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; margin-top: 14px; border-top: 1px solid var(--nx-rule-strong); }
.nx-acc-codici > div { display: flex; align-items: baseline; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--nx-rule); }
.nx-acc-codici dt { min-width: 2ch; font-size: 12.5px; color: var(--nx-ink2); text-align: right; font-variant-numeric: tabular-nums; }
.nx-acc-codici dd { margin: 0; font-size: 16px; letter-spacing: .04em; color: var(--nx-ink); user-select: all; }
/* le azioni rare della doppia verifica: chiuse, ognuna con la sua spiegazione */
.nx-acc-more { margin-top: 18px; border-top: 1px solid var(--nx-rule); border-bottom: 1px solid var(--nx-rule); }
.nx-acc-more + .nx-acc-more { margin-top: 0; border-top: 0; }
.nx-acc-more > summary {
  display: flex; align-items: center; gap: 10px; min-height: 52px; font-size: 14.5px; font-weight: 500; color: var(--nx-ink);
  cursor: pointer; list-style: none;
}
.nx-acc-more > summary::-webkit-details-marker { display: none; }
.nx-acc-more > summary > .nx-i:last-child { margin-left: auto; color: var(--nx-ink2); transition: transform .2s var(--nx-ease); }
.nx-acc-more[open] > summary > .nx-i:last-child { transform: rotate(180deg); }
.nx-acc-more > .nx-acc-p { margin-top: 0; }
.nx-acc-more > .nx-acc-card { margin: 14px 0 20px; }

/* ───────────────────────── 4. Utenti ───────────────────────── */
.nx-acc-ppl-h, .nx-acc-person {
  display: grid; grid-template-columns: 56px minmax(0, 1.3fr) minmax(0, .9fr) minmax(0, 470px); column-gap: 20px; align-items: center;
}
.nx-acc-ppl-h { margin-top: 18px; padding-bottom: 10px; border-bottom: 1px solid var(--nx-rule-strong); }
.nx-acc-ppl-h > :first-child { grid-column: 1 / 3; }
.nx-acc-person { min-height: 88px; padding: 16px 0; border-bottom: 1px solid var(--nx-rule); }
.nx-acc-ini {
  display: grid; place-items: center; width: 56px; height: 56px; border-radius: var(--nx-r); background: var(--nx-grey);
  font: 400 18px/1 var(--nx-f-serif); letter-spacing: -.01em; color: var(--nx-ink);
}
.nx-acc-person.is-invite .nx-acc-ini { background: var(--nx-wall); box-shadow: inset 0 0 0 1px var(--nx-line); }
.nx-acc-person.is-off :is(.nx-acc-ini, .nx-acc-person-nm) { color: var(--nx-ink2); }
.nx-acc-person-t, .nx-acc-person-s { min-width: 0; }
.nx-acc-person-n { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
.nx-acc-person-nm { font: 400 22px/1.15 var(--nx-f-serif); letter-spacing: -.01em; color: var(--nx-ink); overflow-wrap: anywhere; }
.nx-acc-chip {
  display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: var(--nx-r-pill); flex: none;
  font-size: 12.5px; font-weight: 500; color: var(--nx-ink); background: var(--nx-wall); box-shadow: inset 0 0 0 1px var(--nx-line);
}
.nx-acc-chip.is-ink { box-shadow: inset 0 0 0 1.25px var(--nx-ink); }
.nx-acc-person-m { margin-top: 4px; font-size: 13.5px; line-height: 1.4; color: var(--nx-ink2); overflow-wrap: anywhere; }
.nx-acc-person-x { margin-top: 2px; font-size: 12.5px; color: var(--nx-ink2); }
.nx-acc-person-s { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.nx-acc-person-s .nx-st { height: auto; line-height: 1.35; }
.nx-acc-person-a { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 4px 18px; }
.nx-acc-invite {
  display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 16px; align-items: end; margin-top: 18px;
}
.nx-acc-invite .nx-btn { height: 44px; }
.nx-acc-invite--1 { grid-template-columns: minmax(0, 440px) auto; justify-content: start; }
/* l'invito ad Atelier, su grigio galleria */
.nx-acc-up {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 48px; align-items: center; margin-top: 18px; padding: 34px 38px;
  border-radius: var(--nx-r-lg); background: var(--nx-grey);
}
.nx-acc-up-h { margin: 0; font: 400 32px/1.1 var(--nx-f-serif); letter-spacing: -.016em; color: var(--nx-ink); }
.nx-acc-up-t p { margin-top: 10px; max-width: 60ch; font-size: 15px; line-height: 1.55; color: var(--nx-ink2); }
.nx-acc-up-a { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 24px; }
.nx-acc-up-a .nx-btn { height: 46px; padding: 0 22px; font-size: 14.5px; }

/* ───────────────────────── 5. Ruoli ───────────────────────── */
.nx-acc-legend { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 12px 0 0; font-size: 13px; color: var(--nx-ink2); }
.nx-acc-legend b { color: var(--nx-ink); }
.nx-acc-mx-wrap { margin-top: 14px; }
.nx-acc-mx { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.nx-acc-mx thead th { padding: 0 8px 12px; text-align: center; vertical-align: bottom; font-weight: 400; border-bottom: 1px solid var(--nx-rule-strong); }
.nx-acc-mx thead th.nx-acc-mx-mod { padding-left: 0; text-align: left; }
.nx-acc-mx-role { display: block; font: 400 19px/1.15 var(--nx-f-serif); letter-spacing: -.005em; color: var(--nx-ink); white-space: nowrap; }
.nx-acc-mx thead small { display: block; margin-top: 3px; font-size: 11.5px; color: var(--nx-ink2); white-space: nowrap; }
.nx-acc-mx tbody tr > * { border-bottom: 1px solid var(--nx-rule); }
.nx-acc-mx tbody th.nx-acc-mx-mod { padding: 8px 16px 8px 0; text-align: left; font-weight: 500; color: var(--nx-ink); white-space: nowrap; }
.nx-acc-mx td { padding: 7px 8px; text-align: center; }
.nx-acc-mx tr.nx-acc-mx-g > th { padding: 22px 0 8px; text-align: left; border-bottom: 1px solid var(--nx-rule); }
.nx-acc-seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--nx-r); background: var(--nx-grey); }
.nx-acc-seg-i { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.nx-acc-seg-l {
  display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 7px; cursor: pointer;
  font-size: 12.5px; font-weight: 500; color: var(--nx-ink2); white-space: nowrap; transition: background .15s, color .15s, box-shadow .15s;
}
.nx-acc-seg-i:checked + .nx-acc-seg-l { color: var(--nx-ink); background: var(--nx-wall); box-shadow: var(--nx-sh-1), 0 0 0 1px var(--nx-rule); }
.nx-acc-seg-i:checked + .nx-acc-seg-l.is-w { font-weight: 600; }
.nx-acc-seg-i:checked + .nx-acc-seg-l.is-h { color: var(--nx-ink2); }
.nx-acc-seg-i:focus-visible + .nx-acc-seg-l { outline: 2px solid var(--nx-ink); outline-offset: 1px; }
.nx-acc-seg.is-fixed .nx-acc-seg-l { cursor: default; }
.nx-acc-seg.is-fixed .nx-acc-seg-i:not(:checked) + .nx-acc-seg-l { opacity: .45; }
.nx-acc-save { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; margin-top: 18px; }
.nx-acc-save .nx-acc-foot-note { margin: 0; }

/* ───────────────────────── 6. Messaggi WhatsApp ───────────────────────── */
.nx-acc-msgs { margin-top: 14px; border-top: 1px solid var(--nx-rule-strong); }
.nx-acc-msgrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--nx-rule); }
.nx-acc-msgrow-t { min-width: 0; }
.nx-acc-msgrow-n { font: 400 20px/1.2 var(--nx-f-serif); letter-spacing: -.006em; color: var(--nx-ink); overflow-wrap: anywhere; }
.nx-acc-bubble {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
  max-width: 62ch; margin-top: 10px; padding: 10px 14px; border-radius: 4px 14px 14px 14px; background: var(--nx-grey);
  font-size: 13.5px; line-height: 1.5; color: var(--nx-ink); white-space: pre-line; overflow-wrap: anywhere;
}

/* ───────────────────────── 7. Profilo Studio e «I tuoi dati» ───────────────────────── */
.nx-acc-fs-in { display: grid; grid-template-columns: 220px minmax(0, 1fr); column-gap: 48px; margin-top: 18px; }
.nx-acc-fs-d { padding-top: 2px; font-size: 13.5px; line-height: 1.55; color: var(--nx-ink2); text-wrap: pretty; }
.nx-acc-fs-f { min-width: 0; }
/* «Tempi di consegna» (sezione 4, tavola 4): una frase con il numero in mezzo e l'aiuto sotto; l'errore sta accanto al campo */
.nx-acc-tm { min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.nx-acc-tm-r { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; font-size: 14.5px; color: var(--nx-ink); }
.nx-acc-tm-n { width: 84px; text-align: center; font-weight: 500; font-size: 15px; }
.nx-acc-tm-n.is-invalid { box-shadow: inset 0 0 0 1.5px var(--nx-wine); }
.nx-acc-tm .nx-hint { margin: 0; max-width: 56ch; }
.nx-acc-err { margin: 0; font-size: 13px; font-weight: 500; color: var(--nx-wine); }
#tempi-di-consegna { scroll-margin-top: 88px; }
.nx-acc-alt-more { margin-top: 18px; }
.nx-acc-alt:has(#f-alt_brand_enabled:not(:checked)) .nx-acc-alt-more { display: none; }
.nx-acc-linkrow { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--nx-rule); }
.nx-acc-linkrow .nx-hint { margin: 0; max-width: 56ch; }
.nx-acc-savebar {
  position: sticky; bottom: 0; z-index: 5; display: flex; justify-content: flex-end; margin-top: 44px; padding: 14px 0;
  background: var(--nx-glass); -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%);
  box-shadow: 0 -1px 0 var(--nx-rule);
}
.nx-acc-export { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 320px); gap: 28px 64px; align-items: end; margin-top: 20px; }
.nx-acc-export-h { margin: 0; max-width: 22ch; font: 400 34px/1.08 var(--nx-f-serif); letter-spacing: -.016em; color: var(--nx-ink); }
.nx-acc-export-t p { margin-top: 12px; max-width: 60ch; font-size: 14.5px; line-height: 1.55; color: var(--nx-ink); }
.nx-acc-export-t p.nx-muted { margin-top: 8px; color: var(--nx-ink2); }
.nx-acc-export-a { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 0; }
.nx-acc-export-a .nx-btn { height: 46px; padding: 0 20px; font-size: 14.5px; }

/* ───────────────────────── 8. Aspetto dei preventivi ───────────────────────── */
.nx-acc-quota {
  display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 32px; align-items: center; margin-top: 30px; padding: 0 0 20px;
  border-bottom: 1px solid var(--nx-rule);
}
.nx-acc-quota-h { display: flex; align-items: baseline; gap: 16px; }
.nx-acc-quota-v { font-size: 14px; color: var(--nx-ink2); white-space: nowrap; }
.nx-acc-quota-v b { font: 400 28px/1 var(--nx-f-serif) !important; letter-spacing: -.02em; color: var(--nx-ink); }
.nx-acc-quota-bar { display: block; height: 6px; border-radius: var(--nx-r-pill); background: var(--nx-track); overflow: hidden; }
.nx-acc-quota-bar i { display: block; min-width: 3px; height: 100%; border-radius: inherit; background: var(--nx-ink); }
.nx-acc-quota-d { grid-column: 1 / -1; font-size: 13px; line-height: 1.5; color: var(--nx-ink2); }
.nx-acc-quota-d b { color: var(--nx-ink); }
.nx-acc-group { margin-top: 28px; }
.nx-acc-group-h { margin: 0; font: 600 var(--nx-t-eb)/1.35 var(--nx-f-ui); letter-spacing: var(--nx-eb-track); text-transform: uppercase; color: var(--nx-ink); }
.nx-acc-group-d { margin-top: 6px; max-width: 86ch; font-size: 13.5px; line-height: 1.5; color: var(--nx-ink2); }
.nx-acc-assets { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 22px 18px; margin-top: 14px; }
.nx-acc-asset { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.nx-acc-asset-ph {
  display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--nx-r-lg); background: var(--nx-grey);
}
.nx-acc-asset.is-on .nx-acc-asset-ph { box-shadow: var(--nx-sh-1); }
.nx-acc-asset-ph img { width: 100%; height: 100%; object-fit: contain; }           /* mai filtri, mai tagliate */
.nx-acc-asset-none, .nx-acc-asset-pdf { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px; text-align: center; font-size: 13px; }
.nx-acc-asset-none { color: var(--nx-ink2); }
.nx-acc-asset-none .nx-i { width: 22px; height: 22px; color: var(--nx-mute); }
.nx-acc-asset-pdf { color: var(--nx-ink); text-decoration: none; overflow-wrap: anywhere; }
.nx-acc-asset-pdf .nx-i { width: 24px; height: 24px; }
.nx-acc-asset-t { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.nx-acc-asset-n { min-width: 0; font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--nx-ink); }
.nx-acc-asset-m { flex: none; font-size: 12.5px; color: var(--nx-ink2); }
.nx-acc-asset-f { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.nx-acc-asset-a { display: flex; align-items: center; gap: 12px; }
.nx-acc-asset-x { margin: 0; }
.nx-acc-asset-x .nx-acc-act { margin: -10px 0; font-size: 13px; }

/* ───────────────────────── 9. Piano e moduli ───────────────────────── */
.nx-acc-lock {
  display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 16px 24px; align-items: center; margin-top: 30px; padding: 18px 22px;
  border-radius: var(--nx-r-lg); background: var(--nx-grey);
}
.nx-acc-lock-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: var(--nx-r-md); color: var(--nx-ink); background: var(--nx-wall); box-shadow: inset 0 0 0 1px var(--nx-rule); }
.nx-acc-lock-t b { display: block; font-size: 16px; line-height: 1.35; color: var(--nx-ink); }
.nx-acc-lock-t span { display: block; margin-top: 3px; font-size: 14px; color: var(--nx-ink2); }
.nx-acc-lock form { margin: 0; }
.nx-acc-lock .nx-btn { height: 44px; padding: 0 20px; }
.nx-acc-hero { margin-top: 22px; }
.nx-acc-hero-h { margin-top: 10px !important; font: 400 clamp(56px, 6.2vw, 84px)/.98 var(--nx-f-serif); letter-spacing: -.032em; color: var(--nx-ink); }
.nx-acc-hero-d { margin-top: 16px !important; max-width: 62ch; font-size: 17px; line-height: 1.5; color: var(--nx-ink2); text-wrap: pretty; }
.nx-acc-figs { margin-top: 32px; }
.nx-acc-figs .nx-fig-v { margin-bottom: 8px; }
.nx-acc-plans { margin-top: 18px; }
.nx-accesso .nx-plan { padding: 24px 24px 22px; border-radius: var(--nx-r-lg); background: var(--nx-wall); box-shadow: inset 0 0 0 1px var(--nx-rule); }
.nx-accesso .nx-plan.is-hi { box-shadow: var(--nx-sh-2), inset 0 0 0 1.5px var(--nx-ink); }
.nx-accesso .nx-plan-name { font: 400 30px/1.1 var(--nx-f-serif); letter-spacing: -.016em; }
.nx-accesso .nx-plan-price b { font: 400 40px/1 var(--nx-f-serif) !important; letter-spacing: -.025em; }
.nx-accesso .nx-plan-list { box-shadow: inset 0 1px 0 var(--nx-rule); }
.nx-acc-pmx { margin-top: 16px; background: var(--nx-wall); padding: 0; }
.nx-acc-pmx thead th { border-bottom: 1px solid var(--nx-rule-strong); box-shadow: none; }
.nx-acc-pmx .is-cur { background: var(--nx-grey); }

/* ───────────────────────── 10. Accesso non consentito ───────────────────────── */
.nx-acc-stop-in { max-width: 640px; margin-top: 64px; }
.nx-acc-stop .nx-acc-badge { display: grid; place-items: center; width: 60px; height: 60px; margin-bottom: 24px; border-radius: var(--nx-r-md); color: var(--nx-ink); background: var(--nx-grey); }
.nx-acc-stop-a { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 28px; margin-top: 28px; }
.nx-acc-stop-a form { margin: 0; }

/* larghezze intermedie */
@media (max-width: 1180px) and (min-width: 768px) {
  .nx-acc-two { grid-template-columns: minmax(0, 1fr); }
  .nx-acc-two > .nx-acc-sec + .nx-acc-sec { margin-top: 44px; }
  .nx-acc-fs-in { grid-template-columns: minmax(0, 1fr); row-gap: 14px; }
  .nx-acc-invite { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nx-acc-invite > .nx-btn { justify-self: start; }
}

/* ───────────────────────── 11. Telefono ───────────────────────── */
@media (max-width: 767px) {
  /* fuori dalla cornice */
  .nx-acc-page { padding: 18px var(--nx-gutter) 22px; }
  .nx-acc-top { padding-bottom: 12px; }
  .nx-acc-top .nx-wm { flex: none; font-size: 28px; white-space: nowrap; }
  .nx-acc-top-r { display: none; }
  .nx-acc-brand { font-size: 24px; }
  .nx-acc-main { padding: 34px 0 44px; align-content: start; }
  .nx-acc-h { margin-top: 12px; font-size: 42px; line-height: 1.04; }
  .nx-acc-lede { margin-top: 16px; font-size: 16.5px; }
  .nx-acc-badge { width: 52px; height: 52px; margin-bottom: 20px; }
  .nx-acc-side { max-width: none; margin-top: 30px; padding-top: 28px; }
  .nx-acc-go { height: 50px; }
  .nx-acc-show { right: 4px; }

  /* dentro la cornice */
  .nx-acc-mast { flex-wrap: wrap; row-gap: 6px; }
  .nx-acc-mast .nx-mast-r { min-width: 0; }
  .nx-acc-mast-note { white-space: normal; }
  .nx-acc-ph { margin-top: 22px; gap: 14px; }
  .nx-acc-ph-t { flex-basis: 100%; }
  .nx-acc-dek { margin-top: 8px; }
  .nx-acc-tabs { gap: 22px; margin-top: 22px; margin-right: calc(-1 * var(--nx-gutter)); padding-right: var(--nx-gutter); }
  .nx-acc-tab { min-height: 44px; font-size: 14px; }
  .nx-acc-sec { margin-top: 40px; }
  .nx-acc-two { grid-template-columns: minmax(0, 1fr); }
  .nx-acc-two > .nx-acc-sec + .nx-acc-sec { margin-top: 40px; }
  .nx-accesso .nx-sh-t { white-space: normal; }

  .nx-acc-kv > div { grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 12px 0; }

  .nx-acc-ppl-h { display: none; }
  .nx-acc-ppl { margin-top: 14px; border-top: 1px solid var(--nx-rule-strong); }
  .nx-acc-person {
    grid-template-columns: 44px minmax(0, 1fr); grid-template-areas: "ini t" ". s" ". a"; column-gap: 14px; row-gap: 8px;
    align-items: start; min-height: 0; padding: 14px 0;
  }
  .nx-acc-ini { grid-area: ini; width: 44px; height: 44px; font-size: 15px; }
  .nx-acc-person-t { grid-area: t; }
  .nx-acc-person-s { grid-area: s; }
  .nx-acc-person-a { grid-area: a; justify-content: flex-start; gap: 0 18px; }
  .nx-acc-person-nm { font-size: 20px; }
  .nx-acc-invite, .nx-acc-invite--1 { grid-template-columns: minmax(0, 1fr); }
  .nx-acc-invite .nx-btn { width: 100%; }
  .nx-acc-up { grid-template-columns: minmax(0, 1fr); padding: 24px 20px; }
  .nx-acc-up-h { font-size: 26px; }

  /* ruoli: ogni modulo un blocco, un ruolo per riga */
  .nx-acc-legend { flex-direction: column; }
  .nx-acc-mx-wrap { overflow: visible; }
  .nx-acc-mx, .nx-acc-mx tbody, .nx-acc-mx tr, .nx-acc-mx th, .nx-acc-mx td { display: block; }
  .nx-acc-mx thead { display: none; }
  .nx-acc-mx tbody tr { padding: 12px 0; border-bottom: 1px solid var(--nx-rule); }
  .nx-acc-mx tbody tr > * { border-bottom: 0; }
  .nx-acc-mx tbody th.nx-acc-mx-mod { padding: 0 0 6px; font-size: 15px; }
  .nx-acc-mx td { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 0; text-align: left; }
  .nx-acc-mx td::before { content: attr(data-ruolo); min-width: 0; font-size: 13.5px; color: var(--nx-ink2); }
  .nx-acc-mx tr.nx-acc-mx-g { padding: 18px 0 0; border-bottom: 1px solid var(--nx-rule-strong); }
  .nx-acc-mx tr.nx-acc-mx-g > th { padding: 0 0 8px; border: 0; }
  .nx-acc-seg { flex: none; }
  .nx-acc-seg-l { height: 32px; padding: 0 9px; }
  .nx-acc-save .nx-btn { width: 100%; height: 46px; }

  .nx-acc-msgrow { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .nx-acc-msgrow .nx-acc-inline { justify-self: start; }

  .nx-acc-fs-in { grid-template-columns: minmax(0, 1fr); row-gap: 12px; margin-top: 12px; }
  .nx-acc-savebar { position: static; margin-top: 32px; padding: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .nx-acc-savebar .nx-btn { width: 100%; }
  .nx-acc-export { grid-template-columns: minmax(0, 1fr); }
  .nx-acc-export-h { font-size: 28px; }
  .nx-acc-export-a .nx-btn { width: 100%; }

  .nx-acc-quota { grid-template-columns: minmax(0, 1fr); }
  .nx-acc-assets { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  .nx-acc-asset-t { flex-direction: column; gap: 2px; }
  .nx-acc-file--sm .nx-acc-file-n { display: none; }
  .nx-acc-asset-a .nx-btn { width: 100%; }

  .nx-acc-lock { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .nx-acc-lock-ic { width: 44px; height: 44px; }
  .nx-acc-lock form { grid-column: 1 / -1; }
  .nx-acc-lock .nx-btn { width: 100%; }
  .nx-acc-hero-h { font-size: 52px; }
  .nx-acc-hero-d { font-size: 16px; }
  .nx-acc-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 24px; }
  .nx-accesso .nx-plan { padding: 20px 18px 18px; }
  .nx-acc-stop-in { margin-top: 36px; }
}
@media (max-width: 359px) {
  .nx-acc-h { font-size: 36px; }
  .nx-acc-lrow { flex-wrap: wrap; row-gap: 0; }
  /* 320 px: la nota del titolo di sezione va sotto, il nome del ruolo sopra i tre livelli */
  .nx-accesso .nx-sh { grid-template-columns: auto auto minmax(16px, 1fr); row-gap: 4px; }
  .nx-accesso .nx-sh--plain { grid-template-columns: auto minmax(16px, 1fr); }
  .nx-accesso .nx-sh-x { grid-column: 1 / -1; }
  .nx-acc-mx td { flex-wrap: wrap; row-gap: 4px; }
  .nx-acc-mx td::before { flex-basis: 100%; }
  .nx-acc-seg-l { padding: 0 8px; }
}

/* ───────────────────────── 12. Passaggio del mouse (solo puntatori veri) ───────────────────────── */
@media (hover: hover) and (pointer: fine) {
  .nx-acc-link:hover { background-image: linear-gradient(var(--nx-ink), var(--nx-ink)); }
  .nx-acc-link--back:hover { background: none; }
  .nx-acc-link--back:hover .nx-i { transform: translateX(-2px); }
  .nx-acc-show:hover { color: var(--nx-ink); background: var(--nx-hover); }
  .nx-acc-tab:hover { color: var(--nx-ink); }
  .nx-acc-act:hover { background-image: linear-gradient(currentColor, currentColor); }
  .nx-acc-file:hover .nx-acc-file-b { box-shadow: inset 0 0 0 1px var(--nx-ink); }
  .nx-acc-seg-l:hover { color: var(--nx-ink); }
  .nx-acc-seg.is-fixed .nx-acc-seg-l:hover { color: var(--nx-ink2); }
  a.nx-acc-asset-pdf:hover span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
}

/* Profilo Studio › «Pagamenti online»: la sua etichetta ha aria sopra (non resta attaccata all'«Obiettivo annuo») e il
   testo d'aiuto le sta vicino, senza il vuoto di due righe della griglia (gap + margine dell'aiuto). */
.nx-form-grid--pagamenti { margin-top: 30px; }
.nx-form-grid--pagamenti > .nx-hint { margin-top: -10px; }
@media (max-width: 600px) {
  .nx-form-grid--pagamenti { margin-top: 26px; }
  .nx-form-grid--pagamenti > .nx-hint { margin-top: -8px; }
}

/* le pagine legali: una colonna sola, il testo largo quanto basta per leggere */
.nx-acc--legale .nx-acc-main { grid-template-columns: minmax(0, 1fr); align-items: start; padding: 56px 0 72px; }
.nx-acc--legale .nx-acc-lead { padding-right: 0; }
.nx-acc--legale .nx-acc-side { max-width: 72ch; margin-top: 32px; padding: 28px 0 0; box-shadow: inset 0 1px 0 var(--nx-rule); }
.nx-acc-legale-testo { font-size: 16px; line-height: 1.65; color: var(--nx-ink2); }
.nx-acc-legale-testo p { margin: 0 0 14px; }
.nx-acc-legale-testo h2 { margin: 28px 0 10px; font: 400 24px/1.2 var(--nx-f-serif); color: var(--nx-ink); }
.nx-acc-legale-testo strong { font-weight: 600; color: var(--nx-ink); }
.nx-acc-legale-testo a { color: var(--nx-ink); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.nx-acc-legale-testo ul, .nx-acc-legale-testo ol { margin: 0 0 14px; padding-left: 22px; }
.nx-acc-legale-testo li { margin: 0 0 6px; }
/* Le tabelle dei testi legali (dati, finalità, fornitori, tempi): sul telefono scorrono dentro il loro riquadro. */
.nx-acc-legale-tabella { overflow-x: auto; margin: 6px 0 20px; }
.nx-acc-legale-tabella table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: 14px; line-height: 1.5; }
.nx-acc-legale-tabella th, .nx-acc-legale-tabella td { padding: 9px 14px 9px 0; text-align: left; vertical-align: top; box-shadow: inset 0 -1px 0 var(--nx-rule); }
.nx-acc-legale-tabella th { font-weight: 600; color: var(--nx-ink); }

/* Impostazioni › Piano e moduli, «Email da Nitido»: le due caselle del registro dei consensi, ben distanziate dal pulsante. */
.nx-acc-consensi { display: flex; flex-direction: column; gap: 14px; margin: 18px 0 22px; }
.nx-acc-consensi .nx-check { font-size: 13.5px; line-height: 1.5; color: var(--nx-ink); }
.nx-acc-consensi .nx-check a { color: var(--nx-ink); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }

/* Impostazioni › Piano e moduli, «Dati per la fattura» (.nx-acc-fattura): i campi in griglia (senza il distanziatore verticale
   dei campi in colonna), l'errore sotto il campo, il pulsante staccato e l'avviso nella sezione «Il tuo piano». */
.nx-acc-fattura .nx-acc-fieldset { margin: 18px 0 22px; }
.nx-acc-fattura .nx-form-grid > .nx-field + .nx-field { margin-top: 0; }
.nx-acc-fattura .nx-hint--err { color: var(--nx-wine); font-weight: 500; }
.nx-acc-fattura .nx-input[aria-invalid="true"] { border-color: var(--nx-wine); }
.nx-acc-avviso { margin: 18px 0 0; font-size: 14px; line-height: 1.5; }
.nx-acc-avviso a { color: var(--nx-wine); text-decoration: underline; text-underline-offset: 2px; }

/* ───────────────────────── Profondità (palette Grafite) ─────────────────────────
   Profondità (palette Grafite): Impostazioni › Profilo e pagine simili dentro la cornice. Ogni sezione è un foglio.
   Le regole stanno sotto .nx-crm (il body della cornice): fuori dalla cornice questo file non cambia nulla. */
.nx-crm .nx-acc-sec {
  background: var(--nx-sheet); border-radius: var(--nx-r-sheet); box-shadow: var(--nx-sheet-ring);
}

/* Impostazioni › Profilo e simili: ogni sezione è un foglio, i campi sono le zone di lavoro */
.nx-crm .nx-acc-sec {
  margin-top: var(--nx-gap-sheet); padding: var(--nx-sheet-pad) calc(var(--nx-sheet-pad) + 4px);
}

.nx-crm .nx-acc-fieldset > .nx-acc-sec:first-child { margin-top: 28px; }

.nx-crm .nx-acc-sec > .nx-sh { margin-bottom: 0; }

.nx-crm .nx-acc-tabs { margin-top: 20px; }