/* segnalazioni.css - solo /segnalazioni-parita-di-genere e pagine di esito di invia.php e stato.php.
   Si appoggia a pagine-istituzionali.css (vv-contact-form, field, info-card, next-steps...) e alle variabili del sito. */

/* scelta recapito */
.sg-fieldset{margin:0;padding:0;border:0;min-width:0}
.sg-legend{display:block;padding:0;margin-bottom:.5rem;font-family:var(--font-display);font-weight:700;font-size:.8125rem;color:var(--ink)}
.sg-choice{display:grid;grid-template-columns:1fr;gap:.625rem}
@media(min-width:520px){.sg-choice{grid-template-columns:1fr 1fr}}
.vv-contact-form .sg-radio{display:flex;gap:.75rem;align-items:flex-start;min-height:56px;margin:0;padding:.8rem 1rem;border:1px solid rgba(20,27,43,.16);border-radius:.75rem;background:#fff;cursor:pointer;font-family:var(--font-body);font-weight:400;transition:border-color .2s ease,background .2s ease}
.sg-radio input{flex-shrink:0;width:1.2rem;height:1.2rem;margin-top:.15rem;accent-color:var(--pink-dark)}
.sg-radio b{display:block;font-family:var(--font-display);font-size:.9rem;color:var(--ink)}
.sg-radio small{display:block;font-size:.78rem;line-height:1.4;color:var(--muted)}
.sg-radio:has(input:checked){border-color:var(--pink-dark);background:#fdf2f7}
.sg-radio:has(input:focus-visible){outline:3px solid rgba(237,39,140,.35);outline-offset:1px}
.sg-recapito-campi{display:grid;gap:.5rem}
.sg-recapito-campi[hidden]{display:none}
.sg-js .sg-nojs{display:none}

/* avvisi */
.sg-notice{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;border-radius:.875rem;background:#f3f6fc;border:1px solid rgba(22,67,131,.14);font-size:.84rem;line-height:1.55;color:#26303f}
.sg-notice .material-symbols-outlined{flex-shrink:0;color:var(--navy);font-size:1.25rem;margin-top:.05rem}
.sg-notice strong{color:var(--ink)}
.sg-small{font-size:.8rem!important;line-height:1.5;color:var(--muted)!important}
.sg-alert{padding:.9rem 1rem;border-radius:.875rem;background:#fffaeb;border:1px solid #fedf89;color:#7a2e0e;font-size:.9rem;line-height:1.55}
.sg-alert strong{color:#7a2e0e}

/* consultazione esito */
.sg-esito-box{max-width:46rem;margin:0 auto}
.sg-esito-box .vv-contact-form{margin-top:1rem}
.vv-contact-form .sg-btn-navy{background:var(--navy)}
.vv-contact-form .sg-btn-navy:hover{background:var(--navy-deep)}
.sg-form input[name=codice],.sg-form input[name=chiave]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
.sg-stato-out{margin-top:1rem;padding:1.25rem 1.5rem;border-radius:1.25rem;background:#fff;border:1px solid var(--card-border);box-shadow:var(--shadow)}
.sg-stato-out:focus{outline:3px solid rgba(22,67,131,.35);outline-offset:2px}

/* codice e chiave dopo l'invio (versione JS e pagina senza JS) */
.sg-ricevuta{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem;padding:1.5rem;border-radius:1.25rem;background:#fff;border:1px solid #abefc6;border-top:4px solid #12b76a;box-shadow:var(--shadow);font-size:.9375rem;line-height:1.6;color:#26303f}
@media(min-width:768px){.sg-ricevuta{padding:2rem}}
.sg-ricevuta:focus{outline:3px solid rgba(18,183,106,.4);outline-offset:2px}
.sg-ricevuta h1,.sg-ricevuta h2,.sg-ricevuta h3{margin:0}
.sg-ricevuta--errore{border-color:#fecdca;border-top-color:#d92d20}
.sg-cred,.sg-stato{display:grid;gap:.75rem;margin:0}
.sg-cred > div,.sg-stato > div{display:flex;flex-direction:column;gap:.35rem;padding:.875rem 1rem;border-radius:.875rem;background:var(--page);border:1px solid var(--card-border)}
.sg-cred dt,.sg-stato dt{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sg-cred dd{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0}
.sg-stato dd{margin:0;font-size:.92rem;color:var(--ink)}
.sg-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.08em;color:var(--ink);overflow-wrap:anywhere;user-select:all}
.sg-copy{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;min-width:44px;padding:.5rem .9rem;border:1px solid rgba(22,67,131,.3);border-radius:.625rem;background:#fff;color:var(--navy);font-family:var(--font-display);font-weight:700;font-size:.85rem;cursor:pointer}
.sg-copy:hover{background:#f3f6fc}
.sg-copy:focus-visible{outline:3px solid rgba(22,67,131,.35);outline-offset:2px}
.sg-copy .material-symbols-outlined{font-size:1.05rem}
.sg-copy-status{font-size:.8rem;color:#05603a;min-height:1.2em}
.sg-h3{font-family:var(--font-display);font-weight:800;font-size:1rem;margin-bottom:.35rem}
.sg-esito-testo{padding:1rem;border-radius:.875rem;background:#ecfdf3;border:1px solid #abefc6;color:#05603a;margin-top:.75rem}
.sg-err-list{display:flex;flex-direction:column;gap:.35rem;padding-left:1.1rem;list-style:disc;font-size:.9rem}
.sg-label{font-family:var(--font-display);font-weight:700;font-size:.85rem}
.sg-textarea{width:100%;padding:.75rem;border:1px solid rgba(20,27,43,.16);border-radius:.75rem;font:inherit;font-size:.95rem}
.sg-ricevuta a.text-link{display:inline-block;padding:.6rem 0}

/* pagine di esito senza JS (layout minimo) */
.sg-esito-body{margin:0;background:var(--page,#f9f9ff);color:var(--ink,#141b2b);font-family:var(--font-body,system-ui,sans-serif)}
.sg-esito-page{padding:2rem 0 4rem}
.sg-esito-page .wrap{max-width:46rem;margin:0 auto;padding:0 1rem}
/* Conversazione con le persone incaricate (canale a due vie) */
.sg-thread{margin-top:1rem}
.sg-msgs{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.6rem}
.sg-msg{padding:.75rem 1rem;border-radius:.875rem;border:1px solid var(--card-border);background:var(--page);font-size:.92rem;line-height:1.55;color:var(--ink)}
.sg-msg--gestore{border-left:4px solid var(--navy)}
.sg-msg--tu{border-left:4px solid var(--pink-dark);background:#fff}
.sg-msg-meta{margin:0 0 .25rem;font-size:.78rem;color:var(--muted)}
.sg-msg-testo{margin:0;overflow-wrap:anywhere}
#form-risposta{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--card-border)}
#form-risposta[hidden]{display:none}
.sg-fallback{max-width:44rem;margin:0 auto}