/* Centra tutte le <dialog> nativa al centro esatto del viewport.
   Il centering di default del browser non è affidabile (a volte ancora al bordo
   superiore o fuori posizione dopo lo scroll). Le dialog che necessitano di un
   posizionamento diverso (es. gallery fullscreen) usano uno style inline — che
   però sovrascrive questa regola SOLO proprietà per proprietà: uno style inline
   con "inset:0" ma senza "transform" NON annulla il "transform:translate(-50%,-50%)"
   qui sotto, che resta applicato e sposta la dialog fuori posizione (visto su
   pages/veicolo.php: la gallery fullscreen appariva in alto a sinistra). Ogni
   dialog con positioning inline personalizzato DEVE includere anche
   "transform:none" esplicito nello style inline. */
dialog[open] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

/* Dialog con header/footer fissi e contenuto centrale scrollabile.
   La classe va applicata SOLO qui (mai "flex"/"flex-col" di Tailwind
   direttamente sul tag <dialog>): essendo entrambe regole "author", "flex"
   sovrascriverebbe il default browser "dialog:not([open]){display:none}"
   e renderebbe la dialog visibile anche senza showModal(). */
dialog[open].dialog-flex-col {
    display: flex;
    flex-direction: column;
}