body {
  font-family: Arial, sans-serif;
  background: #f4f4f4;
  margin: 0;
  padding: 0;
}
.container {
  max-width: 500px;
  background: white;
  margin: 40px auto;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
h1 { text-align: center; color: #2e8b57; }
label { display:block; margin-top:10px; }
input, select, button {
  width:100%;
  padding:8px;
  margin-top:5px;
  border-radius:6px;
  border:1px solid #ccc;
}
button {
  background:#2e8b57; color:white; margin-top:15px; cursor:pointer;
}
button:hover { background:#256c46; }
.avviso { color:red; text-align:center; font-weight:bold; }
table {
  width:100%; border-collapse:collapse; margin-top:20px;
}
th, td {
  border:1px solid #ccc; padding:8px; text-align:left;
}
th { background:#2e8b57; color:white; }

.campo-mensa {
  margin-top: 15px;
  text-align: center;
}

.titolo-mensa {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

.scelta-mensa {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 25px; /* distanza tra Sì e No */
}

.scelta-mensa label {
  font-size: 1rem;
  display: flex;
  align-items: center; /* allinea verticalmente radio e testo */
  gap: 5px;
}

.scelta-mensa input[type="radio"] {
  vertical-align: middle; /* allinea perfettamente al testo */
  margin: 0; /* rimuove margini di default che spostano il pulsante */
}