/* ============================================================
   Modali responsive — comportamento CENTRALIZZATO per tutte le
   MudDialog dell'app (§8: su mobile full-screen o fondo-schermo; §10).

   Caricato DOPO MudBlazor.min.css in index.html, così vince per
   ordine di cascata senza bisogno di !important.

   Sotto i 600px ogni modale diventa uno "sheet" a tutta larghezza
   ancorato in basso: i piccoli confirm restano bassi (altezza auto),
   i contenuti lunghi riempiono fino a ~92% dello schermo e scrollano
   internamente (comportamento nativo di .mud-dialog-content).

   Le modali già dichiarate FullScreen (.mud-dialog-fullscreen) non
   vengono toccate.
   ============================================================ */

@media (max-width: 600px) {
    /* Anchora lo sheet in basso (fondo-schermo). */
    .mud-dialog-container {
        align-items: flex-end;
    }

    .mud-dialog:not(.mud-dialog-fullscreen) {
        margin: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        max-height: 92vh;
        max-height: 92dvh;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}