/* Il mese da scegliere (viste/mese.js): il cambio di mese e il mese aperto
   sotto un campo data dentro un foglio. */

/* Il mese che cambia (frecce o swipe): entra dal lato verso cui si va. */
.griglia-scelta { transition: transform .2s ease; touch-action: pan-y; }
.griglia-scelta.mese-avanti { animation: mese-da-destra .22s ease-out; }
.griglia-scelta.mese-indietro { animation: mese-da-sinistra .22s ease-out; }
@keyframes mese-da-destra { from { transform: translateX(40px); opacity: .3; } to { transform: none; opacity: 1; } }
@keyframes mese-da-sinistra { from { transform: translateX(-40px); opacity: .3; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .griglia-scelta { transition: none; } .griglia-scelta.mese-avanti, .griglia-scelta.mese-indietro { animation: none; } }
/* Il mese aperto sotto un campo data, dentro un foglio (campoGiorno inLinea). */
.mese-sul-posto { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--bordo); display: grid; gap: 8px; }
.mese-sul-posto .togli-data { justify-self: start; }
.periodo-pdf { display: grid; gap: 10px; }