/* Modulo avvistamento: evita larghezze intrinseche fuori dallo schermo. */
html body #modulo-avvistamento,
html body #modulo-avvistamento fieldset,
html body #modulo-avvistamento .sighting-coordinates,
html body #modulo-avvistamento label {
  box-sizing: border-box;
  min-width: 0;
  min-inline-size: 0;
  max-width: 100%;
}
html body #modulo-avvistamento fieldset {
  width: 100%;
  margin-inline: 0;
}
html body #modulo-avvistamento summary,
html body #modulo-avvistamento legend,
html body #modulo-avvistamento label,
html body #modulo-avvistamento p {
  white-space: normal;
  overflow-wrap: anywhere;
}
html body #modulo-avvistamento summary {
  display: list-item;
  line-height: 1.4;
  max-width: 100%;
}
html body #modulo-avvistamento input:not([type="checkbox"]):not([type="hidden"]),
html body #modulo-avvistamento textarea,
html body #modulo-avvistamento select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-inline-size: 0;
  max-width: 100%;
}
html body #modulo-avvistamento #sighting-map {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
html body #modulo-avvistamento .pulsante {
  max-width: 100%;
  white-space: normal;
  text-align: center;
  box-sizing: border-box;
}
@media(max-width:600px) {
 html body .account-contenitore:has(#modulo-avvistamento),
 html body .account-pannello:has(#modulo-avvistamento) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
 }
 html body .account-pannello:has(#modulo-avvistamento) {padding-inline:16px}
 html body #modulo-avvistamento {width:100%;padding-inline:0}
 html body #modulo-avvistamento fieldset {padding:16px 12px}
 html body #modulo-avvistamento input:not([type="checkbox"]),
 html body #modulo-avvistamento textarea,
 html body #modulo-avvistamento select {font-size:16px}
 html body #modulo-avvistamento summary {font-size:16px}
 html body #modulo-avvistamento #sighting-map {height:300px!important;min-height:260px!important}
 /* La mappa ingrandita conserva l'altezza gestita dal dialog. */
 html body .fm-expanded-map #sighting-map {height:100%!important;min-height:0!important}
 html body #modulo-avvistamento .sighting-confirm {grid-template-columns:24px minmax(0,1fr)}
 html body #modulo-avvistamento .sighting-confirm-copy {min-width:0}
}