/* Nitido · «Segnala un problema»: la finestra del menu dell'utente (proposta A, scelta del titolare il 25/10/2026).
   Anteprima approvata: nitido-anteprime/segnalazioni/A-nel-menu-utente.html. Solo i token di nitido.css: nessun
   colore, carattere, raggio o ombra nuovi. La finestra è una modale Bootstrap, come le altre dell'app; qui stanno le
   misure del riquadro «Con la segnalazione mandiamo anche» e della conferma. */

/* il piede e la testata della finestra: --bs-modal-padding in nitido.css ha due valori e rende nullo il calcolo di Bootstrap */
.sg-mod .modal-header { align-items: flex-start; padding-bottom: 4px; }
.sg-mod .modal-body { padding-top: 14px; }
.sg-mod .modal-footer { gap: 8px; padding: 14px 24px 20px; }
.sg-mod .modal-footer > * { margin: 0; }
.sg-mod [hidden] { display: none !important; }

.sg-mod .nx-field + .nx-field { margin-top: 16px; }
.sg-opz { font-weight: 400; color: var(--nx-ink2); }
.sg-err { margin: 0 0 16px; font-size: 13.5px; line-height: 1.45; }

/* «Con la segnalazione mandiamo anche» */
.sg-mand { margin-top: 18px; padding: 12px 14px; border-radius: var(--nx-r-md); background: var(--nx-grey); }
.sg-mand-t { margin: 0 0 8px; font-size: 12.5px; font-weight: 500; color: var(--nx-ink); }
.sg-mand-l { margin: 0; display: grid; gap: 4px; font-size: 12.5px; line-height: 1.4; }
.sg-mand-l > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; }
.sg-mand-l dt { font-weight: 400; color: var(--nx-ink2); }
.sg-mand-l dd { margin: 0; color: var(--nx-ink); overflow-wrap: anywhere; }

/* la conferma */
.sg-ok { display: grid; justify-items: center; gap: 4px; padding: 26px 8px 8px; text-align: center; }
.sg-ok .nx-empty-ic { margin-bottom: 10px; }
.sg-ok-t { margin: 0; font: 600 18px/1.3 var(--nx-f-ui); letter-spacing: -.015em; color: var(--nx-ink); }
.sg-ok-x { margin: 0; font-size: 14px; line-height: 1.5; color: var(--nx-ink2); overflow-wrap: anywhere; }
.sg-ok .nx-btn { margin-top: 18px; }

@media (max-width: 767.98px) {
  .sg-mod .modal-footer .nx-btn { flex: 1 1 auto; height: 44px; }
  .sg-ok .nx-btn { width: 100%; height: 46px; }
}