/* 38 · I guasti segnalati dall'equipaggio. */
.sg-gia, .sg-mie { display: grid; gap: 6px; margin: 4px 0 10px; }
.sg-gia ul, .sg-mie ul, .sg-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sg-gia li, .sg-mie li { overflow-wrap: anywhere; }
.sg-campo { display: block; font-weight: 600; margin-top: 8px; }
#sgTesto, .sg-motivo { width: 100%; box-sizing: border-box; min-height: 44px; font: inherit; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--bordo, rgba(127, 127, 127, .45)); background: transparent; color: inherit; }
.sg-uscita { border: 0; padding: 0; margin: 8px 0; display: flex; flex-wrap: wrap; gap: 6px 16px; }
.sg-uscita legend { font-weight: 600; margin-bottom: 4px; }
.sg-uscita label { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.sg-avviso { color: #b5651d; font-weight: 600; }
.sg-esito { font-weight: 600; }
.sg-voce { border: 1px solid var(--bordo, rgba(127, 127, 127, .3)); border-radius: 12px; padding: 12px 14px; display: grid; gap: 6px; }
.sg-voce.sg-ferma { border-left: 4px solid #c0392b; }
.sg-voce p { margin: 0; }
.sg-testo { overflow-wrap: anywhere; }
.sg-etichetta { font-weight: 600; color: #c0392b; }
.sg-az { display: flex; flex-wrap: wrap; gap: 8px; }
/* I toni chiari solo nel tema scuro scelto dal profilo, non con quello del telefono. */
html.notte .sg-avviso { color: #f0a35e; } html.notte .sg-etichetta { color: #ff8a7a; }