/* Nitido · pagine «richieste» 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.

   Pagine: l'elenco (inquiry_list.html, tavola 05), le colonne (inquiry_pipeline.html), il modulo di nuova
   richiesta e modifica (inquiry_form.html), i risultati della ricerca (search_results.html); i pezzi comuni
   sono in _richieste.html. Riusa le classi della sezione 14 di nitido.css (nx-sh, nx-dek, nx-eb, nx-thumb,
   nx-name, nx-meta, nx-warm, nx-ul) con le scelte di Francesco 1A 2A 3A 4B: angoli, ombre e margini di oggi.

   Indice: 1. Comuni  2. Elenco  3. Colonne  4. Modulo  5. Ricerca  6. Larghezze intermedie  7. Telefono
           8. Passaggio del mouse */

/* ───────────────────────── 1. Comuni ───────────────────────── */
/* il ponte Bootstrap, solo qui: niente margini di p/ul/titoli, link senza sottolineatura, grassetto 500 */
:where(.nx-ric) :is(p, ul, ol, figure, h1, h2, h3, fieldset) { margin: 0; }
:where(.nx-ric) :is(ul, ol) { padding: 0; list-style: none; }
:where(.nx-ric) fieldset { padding: 0; border: 0; min-width: 0; }
:where(.nx-ric) a:not(.nx-btn) { color: inherit; text-decoration: none; }
.nx-ric :is(b, strong) { font-weight: 500 !important; }
.nx-ric .nx-st { height: auto; line-height: 1.35; }
.nx-ric .nx-name a { color: inherit; }

/* testata: titolo serif grande (come il saluto di Oggi), la frase sotto, a destra le viste */
.nx-ric-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 40px; flex-wrap: wrap; margin: 8px 0 30px; }
.nx-ric-head-t { flex: 1 1 520px; min-width: 0; }
.nx-ric-head-t > .nx-eb { margin-bottom: 12px; }
.nx-ric-title { margin: 0; font: 400 var(--nx-t-hello)/1.02 var(--nx-f-serif); letter-spacing: -.024em; color: var(--nx-ink); text-wrap: balance; overflow-wrap: anywhere; }
.nx-ric-head .nx-dek { margin-top: 14px; max-width: 70ch; }
.nx-ric-head > .nx-ul { margin-bottom: 4px; }

/* le due viste delle richieste: Elenco | Colonne */
.nx-ric-views { display: inline-flex; flex: none; gap: 2px; padding: 4px; border-radius: var(--nx-r-md); background: var(--nx-grey); }
.nx-ric-views a {
  display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: var(--nx-r-sm);
  font-size: 13.5px; font-weight: 500; color: var(--nx-ink2); white-space: nowrap; transition: background .15s, color .15s, box-shadow .15s;
}
.nx-ric-views a[aria-current] { background: var(--nx-wall); color: var(--nx-ink); box-shadow: var(--nx-sh-1), 0 0 0 1px rgba(16, 24, 40, .04); }

/* pillole di filtro: bianco con filetto, la scelta col filetto pieno d'inchiostro, il numero in grigio */
.nx-ric-pill {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: var(--nx-r-pill);
  font-size: 13.5px; font-weight: 500; color: var(--nx-ink); background: var(--nx-wall); box-shadow: inset 0 0 0 1px var(--nx-line);
  white-space: nowrap; flex: none; transition: box-shadow .15s, background .15s, color .15s;
}
.nx-ric-pill b { font-weight: 500 !important; color: var(--nx-ink2); font-variant-numeric: tabular-nums; }
.nx-ric-pill.is-on { box-shadow: inset 0 0 0 1.5px var(--nx-ink); }
.nx-ric-pill.is-on b { color: var(--nx-ink); }
.nx-ric-pill.is-due b { color: var(--nx-wine); }
.nx-ric-pill.is-quiet { box-shadow: none; color: var(--nx-ink2); padding: 0 12px; }
.nx-ric-pill.is-quiet.is-on { box-shadow: inset 0 0 0 1.5px var(--nx-ink); color: var(--nx-ink); }
.nx-ric-pill.is-sm { height: 32px; padding: 0 12px; font-size: 13px; }

/* ricerca nella pagina: grigio galleria, si accende al fuoco */
.nx-ric-find {
  display: flex; align-items: center; gap: 10px; flex: 0 1 400px; min-width: 260px; height: 44px; margin: 0; padding: 0 14px;
  border-radius: var(--nx-r-md); background: var(--nx-grey); color: var(--nx-ink2); cursor: text; transition: background .15s, box-shadow .15s;
}
.nx-ric-find input {
  flex: 1 1 auto; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: none;
  font: 400 14px var(--nx-f-ui); color: var(--nx-ink);
}
.nx-ric-find input::placeholder { color: var(--nx-ink2); opacity: .85; }
.nx-ric-find:focus-within { background: var(--nx-wall); box-shadow: inset 0 0 0 1.5px var(--nx-ink); }

/* bottoni a icona delle righe (WhatsApp, email, «⋯») */
.nx-ric-ib {
  display: inline-grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0; border: 0; border-radius: var(--nx-r);
  color: var(--nx-ink2); background: var(--nx-wall); box-shadow: inset 0 0 0 1px var(--nx-line); cursor: pointer; list-style: none;
  transition: box-shadow .15s, color .15s, background .15s;
}
.nx-ric-ib .nx-i { width: 17px; height: 17px; }
.nx-ric-ib::-webkit-details-marker { display: none; }
.nx-ric .nx-thumb > .nx-i { width: 18px; height: 18px; }

/* piede di pagina */
.nx-ric-foot { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 14px 40px; margin-top: 40px; }
.nx-ric-foot .nx-warm { max-width: 62ch; }
.nx-ric-count { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 24px; margin-left: auto; font-size: 13px; color: var(--nx-ink2); }

/* ───────────────────────── 2. Elenco (inquiry_list.html, tavola 05) ───────────────────────── */
.nx-ric-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; }
.nx-ric-pills { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }

/* seconda riga dei filtri: etichetta dell'urgenza attiva, tre menu, «Azzera» e il Cestino in fondo a destra */
.nx-ric-filt { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin-top: 16px; }
.nx-ric-sels { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; min-width: 0; }
.nx-ric-reset .nx-i { width: 13px; height: 13px; }
.nx-ric-bin { margin-left: auto; }

/* il filtro di urgenza attivo: pillola col filetto pieno (è una scelta in corso) e la × per toglierla */
.nx-ric-tag {
  display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 10px 0 12px; border-radius: var(--nx-r-pill);
  font-size: 13px; font-weight: 500; color: var(--nx-ink); background: var(--nx-wall); box-shadow: inset 0 0 0 1.5px var(--nx-ink); white-space: nowrap;
}
.nx-ric-tag .nx-i { color: var(--nx-ink2); }

/* un menu: etichetta piccola davanti al valore, la tendina è quella del sistema con la freccia nostra */
.nx-ric-sel { position: relative; display: inline-flex; align-items: center; gap: 8px; margin: 0; min-width: 0; }
.nx-ric-sel-l { flex: none; font-size: 12px; font-weight: 500; letter-spacing: .02em; color: var(--nx-ink2); }
.nx-ric-sel select {
  appearance: none; -webkit-appearance: none; height: 32px; max-width: 100%; margin: 0; padding: 0 30px 0 12px; border: 0; border-radius: var(--nx-r-pill);
  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); cursor: pointer;
  text-overflow: ellipsis; transition: box-shadow .15s;
}
.nx-ric-sel select:focus-visible { outline: 0; box-shadow: inset 0 0 0 1.5px var(--nx-ink); }
.nx-ric-sel > .nx-i { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: var(--nx-ink2); pointer-events: none; }

/* la tabella: intestazione sotto il filetto pieno, poi i gruppi. Ogni riga è una griglia con le stesse colonne:
   [scelta] monogramma · coppia · matrimonio · a che punto · [valore] · azioni */
.nx-ric-form { margin-top: 28px; }
.nx-ric-th, .nx-ric-row {
  display: grid; column-gap: 18px;
  grid-template-columns: 48px minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1.35fr) 120px;
  grid-template-areas: "th nm wh st ac";
}
.has-vl :is(.nx-ric-th, .nx-ric-row) { grid-template-columns: 48px minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1.35fr) 104px 120px; grid-template-areas: "th nm wh st vl ac"; }
.has-chk :is(.nx-ric-th, .nx-ric-row) { grid-template-columns: 22px 48px minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1.35fr) 120px; grid-template-areas: "chk th nm wh st ac"; }
.has-chk.has-vl :is(.nx-ric-th, .nx-ric-row) { grid-template-columns: 22px 48px minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1.35fr) 104px 120px; grid-template-areas: "chk th nm wh st vl ac"; }
.nx-ric .c-chk { grid-area: chk; }
.nx-ric .c-nm { grid-area: nm; min-width: 0; }
.nx-ric .c-wh { grid-area: wh; min-width: 0; }
.nx-ric .c-st { grid-area: st; min-width: 0; }
.nx-ric .c-vl { grid-area: vl; min-width: 0; text-align: right; }
.nx-ric .c-ac { grid-area: ac; display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.nx-ric-row > .nx-thumb { grid-area: th; }

.nx-ric-th { align-items: center; min-height: 48px; border-top: 2px solid var(--nx-rule-strong); border-bottom: 1px solid var(--nx-rule); }
.nx-ric-th > *, .nx-ric-th-l, .nx-ric-sortlnk {
  font: 600 var(--nx-t-eb)/1.35 var(--nx-f-ui); letter-spacing: var(--nx-eb-track); text-transform: uppercase; color: var(--nx-ink2); white-space: nowrap;
}
.nx-ric-th .c-st { display: flex; align-items: center; gap: 4px 14px; flex-wrap: wrap; }
.nx-ric-th-l { margin-right: 4px; }
.nx-ric-th .c-st .nx-ric-sortlnk { text-transform: none; letter-spacing: .01em; font-weight: 500; font-size: 12px; }
.nx-ric-sortlnk { display: inline-flex; align-items: baseline; gap: 5px; padding: 12px 0; }
.nx-ric-sortlnk.is-on { color: var(--nx-ink); }
.nx-ric-arrow { font-size: 8.5px; transform: translateY(-1px); }

/* gruppi «a che punto» */
.nx-ric-sec { margin-top: 34px; }
/* i gruppi chiusi sono solo testate: uno sotto l'altro, più vicini */
.nx-ric-sec + .nx-ric-sec { margin-top: 18px; }
.nx-ric-sec .nx-sh { margin-bottom: 4px; }
.nx-ric-sec .nx-sh .nx-mt { white-space: nowrap; }
/* il gruppo è una sezione a scomparsa: la testata si tocca, la freccia gira quando è aperto */
.nx-ric-sec > summary { list-style: none; cursor: pointer; grid-template-columns: auto minmax(16px, 1fr) auto auto; }
.nx-ric-sec > summary::-webkit-details-marker { display: none; }
.nx-ric-sec > summary:focus-visible { outline: 2px solid var(--nx-ink); outline-offset: 4px; }
.nx-ric-sec-ch { align-self: center; color: var(--nx-ink2); transition: transform .2s var(--nx-ease); }
.nx-ric-sec[open] > summary .nx-ric-sec-ch { transform: rotate(180deg); }

/* la riga */
.nx-ric-row { position: relative; align-items: center; min-height: 80px; padding: 13px 0; border-bottom: 1px solid var(--nx-rule); }
.nx-ric-row .nx-name { font-size: var(--nx-t-list); }
.nx-ric-row .c-nm .nx-meta, .nx-ric-row .c-wh .nx-meta { margin-top: 3px; }
.nx-ric-stars { margin-left: 8px; font: 400 11.5px/1 var(--nx-f-ui); letter-spacing: 1px; color: var(--nx-ink2); vertical-align: 3px; }
.nx-ric-date { font-size: 14px; font-weight: 500; color: var(--nx-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nx-ric-date.is-none { font-weight: 400; color: var(--nx-ink2); }
.nx-ric-row .c-st > .nx-meta { margin-top: 4px; }
.nx-ric-row .is-due { color: var(--nx-wine); font-weight: 500; }
.nx-ric-row .is-week { color: var(--nx-ink); font-weight: 500; }
.nx-ric-row .c-vl .nx-amt { font-size: 15px; font-weight: 500; color: var(--nx-ink); }
.nx-ric-budget { font-size: 12.5px; line-height: 1.35; color: var(--nx-ink2); }
.nx-ric-none { color: var(--nx-mute); }
.nx-ric-row.is-off .nx-name, .nx-ric-row.is-off .nx-ric-date { color: var(--nx-ink2); }

/* la casella di scelta (azioni di gruppo): 18 px, zona da toccare più grande */
.nx-ric-chk { display: grid; place-items: center; width: 22px; height: 44px; margin: -10px 0; cursor: pointer; }
.nx-ric-chk input {
  appearance: none; -webkit-appearance: none; display: grid; place-items: center; width: 18px; height: 18px; margin: 0;
  border-radius: 5px; background: var(--nx-wall); box-shadow: inset 0 0 0 1.5px var(--nx-ring); cursor: pointer; transition: background .15s, box-shadow .15s;
}
.nx-ric-chk input::after {
  content: ""; width: 10px; height: 10px; opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.nx-ric-chk input:checked { background: var(--nx-ink); box-shadow: none; }
.nx-ric-chk input:checked::after { opacity: 1; }

/* lo stato come pallino + parola, ed è anche la tendina per cambiarlo */
.nx-ric-stsel { position: relative; display: inline-flex; align-items: center; max-width: 100%; margin-left: -6px; }
.nx-ric-stsel::before {
  content: ""; position: absolute; left: 6px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%;
  background: currentColor; pointer-events: none;
}
.nx-ric-stsel.nx-st--deadline::before { background: var(--nx-wine); }   /* «Nuova»: tocca a te */
.nx-ric-stsel.nx-st--muted::before { background: var(--nx-mute); }
.nx-ric-stsel select {
  -webkit-appearance: none; appearance: none; max-width: 100%; height: 30px; margin: 0; padding: 0 24px 0 18px; border: 0; border-radius: 8px;
  font: 500 13px/1 var(--nx-f-ui); color: inherit; cursor: pointer; text-overflow: ellipsis;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235F656D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 7px center / 12px no-repeat;
  transition: background-color .15s;
}
.nx-ric-stsel select option { color: var(--nx-ink); }
.nx-ric-stsel select:focus-visible { outline: 2px solid var(--nx-ink); outline-offset: 0; }

/* il menu «⋯» di una riga, in vetro bianco */
.nx-ric-menu { position: relative; }
.nx-ric-menu > summary { box-shadow: none; }
.nx-ric-menu[open] > summary { background: var(--nx-grey); color: var(--nx-ink); }
.nx-ric-row:has(.nx-ric-menu[open]) { z-index: 5; }
.nx-ric-pop {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; display: flex; flex-direction: column; min-width: 230px; padding: 6px;
  border-radius: 14px; background: rgba(255, 255, 255, .97); -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%);
  box-shadow: var(--nx-sh-float);
}
.nx-ric-pop > :is(a, button) {
  display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; border: 0; border-radius: 9px; background: none;
  font: 500 13.5px/1.2 var(--nx-f-ui); color: var(--nx-ink); text-align: left; white-space: nowrap; cursor: pointer;
}
.nx-ric-pop .nx-i { color: var(--nx-ink2); }
.nx-ric-pop > .nx-ric-mail-m { display: none; }    /* sul telefono l'email passa nel menu */
.nx-ric-pop .is-danger, .nx-ric-pop .is-danger .nx-i { color: var(--nx-wine); }

/* la riga in primo piano: chi aspetta te. Segnalibro vino + velo, i bottoni sotto il testo (come in Oggi) */
.nx-ric-row.is-focus { z-index: 0; row-gap: 12px; padding: 18px 0; border-bottom-color: transparent; }
.nx-ric-row.is-focus::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--nx-hang)); right: calc(-1 * var(--nx-hang)); z-index: -1;
  border-radius: 0 var(--nx-r-lg) var(--nx-r-lg) 0; background: var(--nx-veil);
}
.nx-ric-row.is-focus::after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--nx-hang)); width: var(--nx-mark); background: var(--nx-wine); }
.nx-ric-row.is-focus .nx-thumb, .nx-ric-row.is-focus .nx-ric-ib { background: var(--nx-wall); }
.nx-ric-row.is-focus .nx-ric-chk input:not(:checked) { background: var(--nx-wall); }
.nx-ric .c-fx { grid-row: 2; grid-column: nm-start / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.nx-ric .c-fx .nx-btn--sm { height: 36px; padding: 0 14px; }

.nx-ric-nomatch { margin-top: 20px; }

/* azioni di gruppo: una barra che compare quando scegli almeno una riga */
.nx-ric-bulk {
  position: sticky; bottom: 20px; z-index: 12; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 12px;
  width: fit-content; max-width: 100%; margin: 24px auto 0; padding: 10px 10px 10px 18px; border-radius: var(--nx-r-lg);
  background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%);
  box-shadow: var(--nx-sh-float);
}
.nx-ric-bulk[hidden] { display: none; }
.nx-ric-bulk-n { font-size: 13.5px; font-weight: 500; color: var(--nx-ink); white-space: nowrap; }
.nx-ric-bulk .nx-select { width: auto; min-width: 200px; height: 40px; }
.nx-ric-bulk .nx-btn { height: 40px; }

/* ───────────────────────── 3. Colonne (inquiry_pipeline.html) ───────────────────────── */
.nx-ric-board.kanban-board { gap: 20px; align-items: stretch; }
.nx-ric-board .kanban-col { display: flex; flex-direction: column; min-width: 0; min-height: 260px; padding: 0 0 12px; border-radius: 0; background: none; }
.nx-ric-board .kanban-col-head {
  display: flex; align-items: baseline; gap: 12px; justify-content: flex-start; margin-bottom: 12px; padding: 12px 0 12px;
  border-top: 2px solid var(--nx-rule-strong); border-bottom: 1px solid var(--nx-rule);
}
.nx-ric-board .kanban-count { font: 400 var(--nx-t-fig)/.95 var(--nx-f-serif); letter-spacing: -.025em; color: var(--nx-ink); }
.nx-ric-board .kanban-col-title.nx-ric-coltitle { 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-ink2); }
.nx-ric-board .kanban-col-title::before { width: 6px; height: 6px; align-self: center; }
.nx-ric-board .kanban-col[data-status="new"] .kanban-col-title { color: var(--nx-ink); }
.nx-ric-board .kanban-cards {
  flex: 1 1 auto; gap: 10px; min-height: 120px; max-height: none; overflow: visible; padding: 8px;
  border-radius: var(--nx-r-lg); background: var(--nx-grey);
}
.nx-ric-board .kanban-card {
  display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; align-items: start;
  padding: 12px 14px; border-radius: var(--nx-r-md); background: var(--nx-wall);
}
.nx-ric-board.is-static .kanban-card { cursor: default; }
.nx-ric-board .kanban-card .nx-thumb { width: 40px; height: 40px; background: var(--nx-grey); }
.nx-ric-board .kanban-card .nx-thumb-m { font-size: 14px; }
.nx-ric-board .kc-t { min-width: 0; }
.nx-ric-board .kc-name { display: block; font: 400 18px/1.2 var(--nx-f-serif); letter-spacing: -.006em; color: var(--nx-ink); overflow-wrap: anywhere; }
.nx-ric-board .kc-meta { display: flex; flex-direction: column; gap: 1px; margin-top: 4px; font-size: 12.5px; line-height: 1.4; color: var(--nx-ink2); }
.nx-ric-board .kc-meta .kc-date { color: var(--nx-ink); font-weight: 500; }
.nx-ric-board .kc-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 9px; }
.nx-ric-board .kc-chip {
  display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: var(--nx-r-pill);
  font-size: 11.5px; font-weight: 500; color: var(--nx-ink2); background: var(--nx-grey); white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}
.nx-ric-board .kc-wait { font-size: 11.5px; font-weight: 500; color: var(--nx-ink2); white-space: nowrap; }
.nx-ric-board .kc-wait.is-due { color: var(--nx-wine); }
.nx-ric-board .kanban-empty { padding: 20px 0 14px; font-size: 13px; color: var(--nx-ink2); }

/* ───────────────────────── 4. Modulo (inquiry_form.html) ───────────────────────── */
.nx-ric-edit { max-width: 1040px; }
.nx-ric-sub { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 14px; margin-top: 12px; font-size: 14px; color: var(--nx-ink2); }
.nx-ric-sub .nx-st { font-size: 13px; }
.nx-ric-fsec { margin-top: 44px; min-width: 0; }
.nx-ric-f > .nx-ric-fsec:first-of-type { margin-top: 8px; }
.nx-ric-fsec > .nx-sh { margin-bottom: 18px; }
.nx-ric-fsec .nx-form-grid { gap: 20px 20px; }
.nx-ric-h3 { margin: 26px 0 14px; 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-ric-money > .nx-ric-h3:first-child { margin-top: 22px; }
.nx-ric-lock { margin-bottom: 18px; }
.nx-ric-lock > .nx-i, .nx-ric-away-note > .nx-i, .nx-ric-msg > .nx-i { margin-top: 1px; }

/* tipo di lavoro: quattro scelte come pillole */
.nx-ric-types { display: flex; flex-wrap: wrap; gap: 8px; }
.nx-ric-type { position: relative; display: inline-flex; cursor: pointer; }
.nx-ric-type input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.nx-ric-type span {
  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: var(--nx-r-pill);
  font-size: 14px; font-weight: 500; color: var(--nx-ink); background: var(--nx-wall); box-shadow: inset 0 0 0 1px var(--nx-line);
  transition: box-shadow .15s, background .15s, color .15s;
}
.nx-ric-type span::before { content: ""; width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--nx-ring); background: var(--nx-wall); flex: none; transition: box-shadow .15s; }
.nx-ric-type input:checked + span { box-shadow: inset 0 0 0 1.5px var(--nx-ink); }
.nx-ric-type input:checked + span::before { box-shadow: inset 0 0 0 4.5px var(--nx-ink); }
.nx-ric-type input:focus-visible + span { outline: 2px solid var(--nx-ink); outline-offset: 2px; }

/* caselle sotto un campo: più giorni, fuori sede, commissione già pagata */
.nx-ric-multi, .nx-ric-away, .nx-ric-paid { margin-top: 12px; font-size: 13.5px; }
/* l'avviso sotto un campo che non si può salvare (l'anno del matrimonio prima del 2000) */
.nx-ric-err { color: var(--nx-wine); font-weight: 500; }
.nx-ric-away-note { margin-top: 12px; }
.nx-ric-away-note[hidden] { display: none; }
.nx-ric-days { display: flex; flex-direction: column; gap: 8px; }
.nx-ric-day { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 10px; margin: 0; }
.nx-ric-day-n { font-size: 13px; font-weight: 500; color: var(--nx-ink2); white-space: nowrap; }

/* il totale del contratto: si legge, non si scrive */
.nx-ric-total .nx-input { font-weight: 600; color: var(--nx-ink); background: var(--nx-wall); box-shadow: inset 0 0 0 1px var(--nx-rule); cursor: default; }
.nx-ric-total .nx-input:focus { box-shadow: inset 0 0 0 1px var(--nx-rule); }

/* salva: sempre a portata di mano mentre scorri il modulo */
.nx-ric-save {
  position: sticky; bottom: 16px; z-index: 12; display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
  margin-top: 40px; padding: 10px; border-radius: var(--nx-r-xl);
  background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%);
  box-shadow: var(--nx-sh-float);
}
.nx-ric-save .nx-btn--primary { min-width: 220px; }
.nx-ric-steps[hidden], .nx-ric-save [hidden] { display: none; }

/* passi sul telefono (nuova richiesta) */
.nx-ric-steps { margin: -6px 0 22px; }
.nx-ric-steps-bar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-bottom: 10px; }
.nx-ric-steps-bar span { height: 4px; border-radius: var(--nx-r-pill); background: var(--nx-track); transition: background .2s var(--nx-ease); }
.nx-ric-steps-bar span.is-done { background: var(--nx-wine); }
.nx-ric-steps-lbl { font-size: 13px; line-height: 1.35; color: var(--nx-ink2); }
.nx-ric-steps-lbl b { color: var(--nx-ink); }
.nx-ric-fsec.is-passo-nascosto { display: none; }
.nx-ric-fsec.is-passo-nascosto + .nx-ric-fsec:not(.is-passo-nascosto) { margin-top: 8px; }

/* allegati */
.nx-ric-files { border-top: 1px solid var(--nx-rule); }
.nx-ric-files li { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; column-gap: 14px; min-height: 64px; padding: 10px 0; border-bottom: 1px solid var(--nx-rule); }
.nx-ric-files form { margin: 0; }
.nx-ric-file-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--nx-r); background: var(--nx-grey); color: var(--nx-ink2); }
.nx-ric-file-t { min-width: 0; }
.nx-ric-file-t > a { display: block; font-size: 14px; font-weight: 500; color: var(--nx-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nx-ric-file-t .nx-meta { margin-top: 2px; }
.nx-ric-upload { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 18px; }
.nx-ric-upload .nx-input--file { flex: 1 1 320px; width: auto; min-width: 0; }
.nx-ric-upload .nx-btn { height: 44px; }

/* ───────────────────────── 5. Ricerca (search_results.html) ───────────────────────── */
.nx-ric-search { max-width: 1040px; }
.nx-ric-find--page { flex: none; width: min(560px, 100%); padding-right: 5px; }
.nx-ric-find--page .nx-btn { flex: none; }
.nx-ric-msg { margin-top: 24px; max-width: 560px; }
.nx-ric-search .nx-empty { align-items: flex-start; text-align: left; padding: 36px 0 0; }
.nx-ric-rsec { margin-top: 44px; }
.nx-ric-rsec .nx-sh { margin-bottom: 4px; }
.nx-ric-hit {
  position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 18px; align-items: center; column-gap: 16px;
  min-height: 72px; padding: 12px 0; border-bottom: 1px solid var(--nx-rule); color: var(--nx-ink);
}
.nx-ric-hit-t { display: flex; flex-direction: column; min-width: 0; }
.nx-ric-hit .nx-name { display: block; }
.nx-ric-hit .nx-meta { display: block; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nx-ric-hit-n { font-size: 15px; font-weight: 500; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nx-ric-hit-s { justify-self: end; }
.nx-ric-hit .nx-ric-hit-go { width: 16px; height: 16px; color: var(--nx-mute); }
.nx-ric-tag {
  display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: var(--nx-r-pill);
  font-size: 12px; font-weight: 500; color: var(--nx-ink2); background: var(--nx-grey); white-space: nowrap;
}

/* ───────────────────────── 6. Larghezze intermedie ───────────────────────── */
@media (max-width: 1240px) and (min-width: 768px) {
  /* il valore sotto la data, così coppia e «a che punto» hanno spazio */
  .has-vl :is(.nx-ric-th, .nx-ric-row) { grid-template-columns: 48px minmax(0, 1.2fr) minmax(0, .9fr) minmax(0, 1.3fr) 120px; grid-template-areas: "th nm wh st ac" "th nm vl st ac"; }
  .has-chk.has-vl :is(.nx-ric-th, .nx-ric-row) { grid-template-columns: 22px 48px minmax(0, 1.2fr) minmax(0, .9fr) minmax(0, 1.3fr) 120px; grid-template-areas: "chk th nm wh st ac" "chk th nm vl st ac"; }
  .has-vl .nx-ric-row .c-vl { text-align: left; }
  .nx-ric-row .nx-name { white-space: normal; }
  /* l'intestazione diventa una riga di scelte d'ordine (come sul telefono) */
  .nx-ric-th, .has-vl .nx-ric-th, .has-chk .nx-ric-th, .has-chk.has-vl .nx-ric-th { display: flex; align-items: center; flex-wrap: wrap; gap: 0 22px; }
  .nx-ric-th .c-st { display: contents; }
  .nx-ric-th-l, .nx-ric-th .c-vl { display: none; }
  .nx-ric-th .nx-ric-chk { margin: 0 6px 0 0; }
  .nx-ric-th .c-st .nx-ric-sortlnk { font: 600 var(--nx-t-eb)/1.35 var(--nx-f-ui); letter-spacing: var(--nx-eb-track); text-transform: uppercase; }
  .nx-ric-row .c-vl .nx-amt { font-size: 13.5px; }
  .nx-ric .c-fx { grid-row: 3; }
}
@media (max-width: 1100px) and (min-width: 768px) {
  .nx-ric-board.kanban-board { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
}
@media (max-width: 980px) and (min-width: 768px) {
  /* azioni sotto lo stato: le colonne di testo restano leggibili */
  .nx-ric-th, .nx-ric-row { grid-template-columns: 44px minmax(0, 1.2fr) minmax(0, 1fr); grid-template-areas: "th nm st" "th wh ac"; row-gap: 6px; }
  .has-vl :is(.nx-ric-th, .nx-ric-row) { grid-template-columns: 44px minmax(0, 1.2fr) minmax(0, 1fr); grid-template-areas: "th nm st" "th wh ac" "th vl ac"; }
  .has-chk :is(.nx-ric-th, .nx-ric-row) { grid-template-columns: 22px 44px minmax(0, 1.2fr) minmax(0, 1fr); grid-template-areas: "chk th nm st" "chk th wh ac"; }
  .has-chk.has-vl :is(.nx-ric-th, .nx-ric-row) { grid-template-columns: 22px 44px minmax(0, 1.2fr) minmax(0, 1fr); grid-template-areas: "chk th nm st" "chk th wh ac" "chk th vl ac"; }
  .nx-ric .c-ac { justify-content: flex-start; }
  .nx-ric .c-fx { grid-row: auto; }
}

/* ───────────────────────── 7. Telefono (375 e 320 px) ───────────────────────── */
@media (max-width: 767px) {
  /* testata: titolo e viste sulla stessa riga, la frase sotto */
  .nx-ric-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 12px; margin: 2px 0 20px; }
  .nx-ric-head-t { display: contents; }
  .nx-ric-head-t > .nx-eb { grid-column: 1 / -1; margin-bottom: 8px; }
  .nx-ric-title { grid-column: 1; }
  .nx-ric-head .nx-dek, .nx-ric-sub { grid-column: 1 / -1; }
  .nx-ric-head .nx-dek { margin-top: 10px; }
  .nx-ric-views { grid-column: 2; grid-row: 1; }
  .nx-ric-head--form .nx-ric-title { grid-column: 1 / -1; }
  .nx-ric-head > .nx-ul { grid-column: 1 / -1; justify-self: start; margin-top: 16px; }
  .nx-ric-views a { height: 44px; padding: 0 12px; }

  /* pillole di stato: senza il Cestino sono cinque e vanno a capo, tutte a vista (nella riga che scorreva di
     lato «Perse» e «Tutte» restavano fuori dallo schermo) */
  .nx-ric-bar { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 12px; }
  .nx-ric-pills { flex-wrap: wrap; gap: 8px; }
  .nx-ric-pill { height: 44px; }
  .nx-ric-pill.is-sm { height: 44px; padding: 0 14px; }
  .nx-ric-find { flex: none; width: 100%; min-width: 0; }

  /* seconda riga: i tre menu senza etichette davanti (restano per i lettori di schermo), larghi quanto il
     loro valore e a capo se non ci stanno: divisi in tre parti uguali tagliavano «Tutti gli anni» a metà.
     Il Cestino segue l'ultimo menu, in fondo a destra. */
  .nx-ric-filt { margin-top: 12px; gap: 8px; }
  .nx-ric-sels { display: contents; }
  .nx-ric-sel { flex: 0 1 auto; }
  .nx-ric-sel-l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .nx-ric-sel select { width: auto; max-width: 100%; height: 44px; padding: 0 28px 0 12px; font-size: 13.5px; }
  .nx-ric-tag { height: 44px; }
  .nx-ric-reset { margin-left: 4px; }

  /* intestazione: solo le scelte di ordine, in una riga */
  .nx-ric-form { margin-top: 22px; }
  .nx-ric-th { display: flex; align-items: center; flex-wrap: wrap; gap: 0 14px; min-height: 0; }
  .nx-ric-th .c-st { display: contents; }
  .nx-ric-th-l, .nx-ric-th .c-vl { display: none; }
  .nx-ric-sortlnk, .nx-ric-th .c-st .nx-ric-sortlnk { min-height: 44px; align-items: center; padding: 0; font: 500 12.5px/1.3 var(--nx-f-ui); letter-spacing: 0; text-transform: none; }
  .nx-ric-th .nx-ric-chk { margin: 0; }

  /* la riga: monogramma, coppia e luogo; sotto la data e il valore; poi lo stato e le azioni */
  .nx-ric-row {
    grid-template-columns: 40px minmax(0, 1fr) auto; column-gap: 12px; row-gap: 4px; align-items: start; min-height: 0; padding: 14px 0 12px;
    grid-template-areas: "th nm nm" "th wh wh" ". st ac" ". mt mt";
  }
  .has-vl .nx-ric-row { grid-template-columns: 40px minmax(0, 1fr) auto; grid-template-areas: "th nm nm" "th wh wh" ". vl vl" ". st ac" ". mt mt"; }
  .has-chk .nx-ric-row { grid-template-columns: 22px 40px minmax(0, 1fr) auto; grid-template-areas: "chk th nm nm" "chk th wh wh" ". . st ac" ". . mt mt"; }
  .has-chk.has-vl .nx-ric-row { grid-template-columns: 22px 40px minmax(0, 1fr) auto; grid-template-areas: "chk th nm nm" "chk th wh wh" ". . vl vl" ". . st ac" ". . mt mt"; }
  .nx-ric-row .c-ac .nx-ric-mail { display: none; }
  .nx-ric-pop > .nx-ric-mail-m { display: flex; }
  .nx-ric .nx-ric-row .c-chk { margin: -2px 0 0; align-self: start; }
  .nx-ric-row .nx-name { white-space: normal; font-size: var(--nx-t-list); line-height: 1.2; }
  .nx-ric-row .c-wh { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
  .nx-ric-row .c-wh .nx-meta { margin: 0; }
  .nx-ric-date { font-size: 13.5px; }
  .nx-ric-row .c-vl { text-align: left; }
  .nx-ric-row .c-vl .nx-amt { font-size: 13.5px; }
  .nx-ric-row .c-vl:has(.nx-ric-none) { display: none; }
  .nx-ric-row .c-st { display: contents; }
  .nx-ric-row .nx-ric-stsel { grid-area: st; align-self: center; }
  .nx-ric-row .c-st > .nx-st { grid-area: st; align-self: center; }
  .nx-ric-row .c-st > .nx-meta { grid-area: mt; margin-top: 0; }
  .nx-ric-stsel select { height: 44px; margin: -6px 0; }       /* 44 px da toccare, la riga resta bassa */
  .nx-ric-row .c-ac { align-self: center; gap: 4px; margin: -6px 0; }
  .nx-ric-ib { width: 44px; height: 44px; }
  .nx-ric-row > .nx-thumb { width: 40px; height: 40px; }
  .nx-ric-row .nx-thumb-m { font-size: 14px; }
  .nx-ric-row.is-focus { padding: 16px 0 14px; row-gap: 6px; }
  .nx-ric .c-fx { grid-row: auto; grid-column: 2 / -1; padding-top: 6px; }
  .has-chk .nx-ric-row .c-fx { grid-column: 3 / -1; }
  .nx-ric .c-fx .nx-btn--sm { height: 44px; padding: 0 16px; font-size: 14px; }
  .nx-ric-pop { min-width: 220px; }
  .nx-ric-pop > :is(a, button) { min-height: 44px; }

  .nx-ric-sec { margin-top: 28px; }
  .nx-ric-sec + .nx-ric-sec { margin-top: 10px; }
  .nx-ric-nota { display: none; }
  /* la testata del gruppo si tocca comodamente; la freccia resta all'estremità */
  .nx-ric-sec > summary { min-height: 44px; align-items: center; }
  .nx-ric-sec-ch { margin-left: 8px; }
  .nx-ric .nx-sh .nx-mt { white-space: normal; text-align: right; }
  .nx-ric .nx-sh-t { white-space: normal; }

  /* azioni di gruppo: sopra la tab bar */
  .nx-ric-bulk { bottom: calc(76px + env(safe-area-inset-bottom)); width: 100%; padding: 10px 12px; }
  .nx-ric-bulk-n { flex-basis: 100%; }
  .nx-ric-bulk .nx-select { flex: 1 1 160px; min-width: 0; height: 44px; }
  .nx-ric-bulk .nx-btn { height: 44px; }

  .nx-ric .nx-empty .nx-btn { height: 44px; }
  .nx-ric-foot { flex-direction: column; gap: 14px; margin-top: 32px; }
  .nx-ric-count { margin-left: 0; }

  /* colonne una sotto l'altra */
  .nx-ric-board.kanban-board { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }
  .nx-ric-board .kanban-col { min-height: 0; }
  .nx-ric-board .kanban-cards { margin: 0; }

  /* modulo */
  .nx-ric-fsec { margin-top: 36px; }
  .nx-ric-edit .nx-sh-x { flex-basis: 100%; margin-left: 0; }
  .nx-ric-edit .nx-sh .nx-mt { text-align: left; }
  .nx-ric-prices { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }   /* le voci del contratto a due a due */
  .nx-ric-prices > .nx-field { grid-column: auto; }
  .nx-ric-prices > .nx-ric-total { grid-column: 1 / -1; }
  .nx-ric-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nx-ric-type span { width: 100%; padding: 0 14px; font-size: 13.5px; }
  .nx-ric-multi, .nx-ric-away, .nx-ric-paid { min-height: 44px; align-items: center; margin-top: 4px; }
  .nx-ric-save { bottom: calc(76px + env(safe-area-inset-bottom)); margin-top: 32px; }
  .nx-ric-save .nx-btn { flex: 1 1 auto; min-width: 0; height: 48px; }
  .nx-ric-save .nx-btn--primary { flex: 2 1 auto; min-width: 0; }
  body.nx-passi .nx-tabbar { display: none; }
  body.nx-passi .nx-ric-save { bottom: calc(12px + env(safe-area-inset-bottom)); }
  .nx-ric-files li { grid-template-columns: 36px minmax(0, 1fr) auto; column-gap: 12px; }
  .nx-ric-file-ic { width: 36px; height: 36px; }
  .nx-ric-upload .nx-input--file { flex-basis: 100%; }
  .nx-ric-upload .nx-btn { width: 100%; }

  /* ricerca */
  .nx-ric-find--page { width: 100%; height: 52px; padding-right: 4px; }
  .nx-ric-find--page .nx-btn { height: 44px; }
  .nx-ric-rsec { margin-top: 32px; }
  .nx-ric-hit { grid-template-columns: 40px minmax(0, 1fr) 16px; grid-template-areas: "th t go" "th s go"; row-gap: 4px; column-gap: 12px; min-height: 64px; }
  .nx-ric-hit > .nx-thumb { grid-area: th; width: 40px; height: 40px; }
  .nx-ric-hit-t { grid-area: t; }
  .nx-ric-hit-s { grid-area: s; justify-self: start; }
  .nx-ric-hit-s:empty { display: none; }
  .nx-ric-hit .nx-ric-hit-go { grid-area: go; }
  .nx-ric-hit .nx-meta { white-space: normal; }
}
@media (max-width: 400px) {
  /* le viste solo con le icone: il titolo resta intero */
  .nx-ric-views a { padding: 0 11px; }
  .nx-ric-views a span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ───────────────────────── 8. Passaggio del mouse (solo puntatori veri) ───────────────────────── */
@media (hover: hover) and (pointer: fine) {
  .nx-ric-views a:not([aria-current]):hover { color: var(--nx-ink); }
  .nx-ric-pill:hover { box-shadow: inset 0 0 0 1px var(--nx-ink); }
  .nx-ric-pill.is-on:hover { box-shadow: inset 0 0 0 1.5px var(--nx-ink); }
  .nx-ric-pill.is-quiet:not(.is-on):hover { box-shadow: none; color: var(--nx-ink); }
  .nx-ric-sortlnk:hover { color: var(--nx-ink); }
  .nx-ric-row:not(.is-focus):hover::after {
    content: ""; position: absolute; left: calc(-1 * var(--nx-hang)); top: 18px; bottom: 18px; width: var(--nx-mark); background: var(--nx-ink);
  }
  .nx-ric-row .nx-name a:hover, .nx-ric-hit:hover .nx-name, .nx-ric-hit:hover .nx-ric-hit-n,
  .nx-ric-board .kc-name:hover, .nx-ric-file-t > a:hover {
    text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: var(--nx-line);
  }
  .nx-ric-ib:hover { color: var(--nx-ink); box-shadow: inset 0 0 0 1px var(--nx-ink); }
  .nx-ric-menu > summary:hover { box-shadow: none; background: var(--nx-hover); }
  .nx-ric-pop > :is(a, button):hover { background: var(--nx-hover); }
  .nx-ric-stsel select:hover { background-color: var(--nx-hover); }
  .nx-ric-row.is-focus .nx-ric-stsel select:hover { background-color: var(--nx-wall); }
  .nx-ric-type:hover span { box-shadow: inset 0 0 0 1px var(--nx-ink); }
  .nx-ric-type input:checked + span:hover { box-shadow: inset 0 0 0 1.5px var(--nx-ink); }
  .nx-ric-hit:hover .nx-ric-hit-go { color: var(--nx-ink); transform: translateX(2px); }
  .nx-ric-hit:hover::after {
    content: ""; position: absolute; left: calc(-1 * var(--nx-hang)); top: 16px; bottom: 16px; width: var(--nx-mark); background: var(--nx-ink);
  }
  .nx-ric-board .kanban-card:hover { transform: translateY(-1px); }
  .nx-ric-board.is-static .kanban-card:hover { transform: none; }
}

/* ───────────────────────── Profondità (palette Grafite) ─────────────────────────
   Profondità (palette Grafite): Richieste. Elenco, testata, ricerca e chip sul tavolo, stato come badge; azioni secondarie tranquille.
   Le regole stanno sotto .nx-crm (il body della cornice): fuori dalla cornice questo file non cambia nulla. */
.nx-crm .nx-ric-rows {
  background: var(--nx-sheet); border-radius: var(--nx-r-sheet); box-shadow: var(--nx-sheet-ring);
}

.nx-crm .nx-ric-rows { margin-top: 8px; }

.nx-crm .nx-ric-row {
  padding-left: var(--nx-sheet-padx); padding-right: var(--nx-sheet-padx); border-bottom-color: var(--nx-rule);
}

.nx-crm .nx-ric-rows > :last-child { border-bottom: 0; }

.nx-crm .nx-ric-row.is-focus { padding-left: var(--nx-sheet-padx); padding-right: var(--nx-sheet-padx); }

.nx-crm .nx-ric-row.is-focus::before { left: 6px; right: 6px; top: 6px; bottom: 6px; border-radius: var(--nx-r-md); }

.nx-crm .nx-ric-row.is-focus::after { left: 6px; top: 6px; bottom: 6px; border-radius: var(--nx-r-md) 0 0 var(--nx-r-md); }

.nx-crm .nx-ric-row.is-focus { border-bottom-color: transparent; }

.nx-crm .nx-ric-rows > :first-child { border-radius: var(--nx-r-sheet) var(--nx-r-sheet) 0 0; }

.nx-crm .nx-ric-rows > :last-child { border-radius: 0 0 var(--nx-r-sheet) var(--nx-r-sheet); }

.nx-crm .nx-ric-rows > :only-child { border-radius: var(--nx-r-sheet); }

.nx-crm .nx-ric-row.is-focus .nx-thumb { background: var(--nx-sheet); }

/* intestazioni di colonna: senza il filetto nero, allineate al margine delle righe */
.nx-crm .nx-ric-th { border-top: 0; border-bottom: 0; min-height: 36px; padding: 0 var(--nx-sheet-padx); }

.nx-crm .nx-ric-form { margin-top: 20px; }

.nx-crm .nx-ric-sec { margin-top: 28px; }

.nx-crm .nx-ric-sec + .nx-ric-sec { margin-top: 20px; }

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

/* chip e ricerca: bianchi sul tavolo */
.nx-crm .nx-ric-find { background: var(--nx-sheet); box-shadow: inset 0 0 0 1px var(--nx-sheet-line); }

.nx-crm .nx-ric-find:focus-within { box-shadow: inset 0 0 0 1.5px var(--nx-ink); }

.nx-crm .nx-ric-views { background: var(--nx-canvas-line); }

.nx-crm .nx-ric-pill,
.nx-crm .nx-ric-sel select { background-color: var(--nx-sheet); }

.nx-crm .nx-ric-pill.is-quiet { background: none; }

@media (hover: hover) and (pointer: fine) {
  .nx-crm .nx-ric-row:hover { background: var(--nx-hover); }
  .nx-crm .nx-ric-row.is-focus:hover { background: none; }
}

/* stato come badge: «Contattata» col velo e, accanto, da quanto aspetta */
.nx-crm .nx-ric-row .c-st { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }

.nx-crm .nx-ric-row .c-st > .nx-meta { margin-top: 0; }

.nx-crm .nx-ric-stsel {
  margin-left: 0; border-radius: var(--nx-r-pill); background: var(--nx-wait-veil); color: var(--nx-wait);
}

.nx-crm .nx-ric-stsel::before { left: 11px; }

.nx-crm .nx-ric-stsel select { height: 26px; padding: 0 26px 0 23px; font-size: 12.5px; }

.nx-crm .nx-ric-stsel.nx-st--deadline { background: var(--nx-veil); color: var(--nx-wine); }

.nx-crm .nx-ric-stsel.nx-st--paid { background: var(--nx-paid-veil); color: var(--nx-paid); }

.nx-crm .nx-ric-stsel.nx-st--muted { background: var(--nx-grey); color: var(--nx-ink2); }

.nx-crm .nx-ric-stsel.nx-st--wait { background: var(--nx-wait-veil); color: var(--nx-wait); }

/* azioni secondarie tranquille: con il mouse attenuate a riposo, accese sulla riga, sul foglio e con la tastiera; al telefono restano accese */
@media (hover: hover) and (pointer: fine) {
  .nx-crm .nx-ric-row .nx-ric-ib { opacity: .5; transition: opacity .15s; }
  .nx-crm .nx-ric-row:hover .nx-ric-ib,
  .nx-crm .nx-ric-row:focus-within .nx-ric-ib,
  .nx-crm .nx-ric-row .nx-ric-ib:focus-visible { opacity: 1; }
}

/* ───────────────────────── Le altre pagine di Richieste: moduli, ricerca, recensioni ───────────────────────── */
/* nuova e modifica richiesta: ogni sezione è un foglio col suo titolo dentro; i campi sono le zone di lavoro grigie */
.nx-crm .nx-ric-fsec { margin-top: var(--nx-gap-sheet); padding: var(--nx-sheet-pad); background: var(--nx-sheet); border-radius: var(--nx-r-sheet); box-shadow: var(--nx-sheet-ring); }
.nx-crm .nx-ric-f > .nx-ric-fsec:first-of-type, .nx-crm .nx-ric-fsec.is-passo-nascosto + .nx-ric-fsec:not(.is-passo-nascosto) { margin-top: 20px; }
/* risultati della ricerca: il titolo del gruppo sul tavolo, i risultati in un foglio */
.nx-crm .nx-ric-rsec { margin-top: 28px; }
.nx-crm .nx-ric-hits { margin-top: 8px; background: var(--nx-sheet); border-radius: var(--nx-r-sheet); box-shadow: var(--nx-sheet-ring); }
.nx-crm .nx-ric-hit { padding-left: var(--nx-sheet-padx); padding-right: var(--nx-sheet-padx); }
.nx-crm .nx-ric-hits > li:last-child .nx-ric-hit { border-bottom: 0; }
.nx-crm .nx-ric-hits > li:first-child .nx-ric-hit { border-radius: var(--nx-r-sheet) var(--nx-r-sheet) 0 0; }
.nx-crm .nx-ric-hits > li:last-child .nx-ric-hit { border-radius: 0 0 var(--nx-r-sheet) var(--nx-r-sheet); }
.nx-crm .nx-ric-hits > li:only-child .nx-ric-hit { border-radius: var(--nx-r-sheet); }
.nx-crm .nx-ric-find--page .nx-btn { background-color: var(--nx-grey); }
/* recensioni ricevute: un foglio, una recensione per riga */
.nx-crm .rc-items { margin-top: 20px; border-top: 0; background: var(--nx-sheet); border-radius: var(--nx-r-sheet); box-shadow: var(--nx-sheet-ring); }
.nx-crm .rc-item { max-width: none; padding-left: var(--nx-sheet-pad); padding-right: var(--nx-sheet-pad); border-bottom-color: var(--nx-rule); }
.nx-crm .rc-items > :last-child { border-bottom: 0; }
.nx-crm .rc-none { margin-top: 20px; padding: 22px var(--nx-sheet-pad); border-top: 0; background: var(--nx-sheet); border-radius: var(--nx-r-sheet); box-shadow: var(--nx-sheet-ring); }
@media (hover: hover) and (pointer: fine) {
  .nx-crm .nx-ric-hit:hover, .nx-crm .rc-item:hover { background: var(--nx-hover); }
}
