/* Dialogo (public/js/Dialogo.js): finestra di conferma / avviso del gestionale.
   12/10/2026: al posto di jquery-confirm.css (2.5.1). Stessi selettori e stessi valori del tema "supervan" che usavamo, cosi' l'aspetto resta uguale;
   tolti i temi e le animazioni non usati. Differenze volute: la x in alto si vede (prima era un'icona Font Awesome, che non e' caricato);
   la finestra e' centrata con il CSS e il contenuto lungo scorre dentro lo sfondo, senza classi sul body (niente residui dopo un .remove() forzato). */
.jconfirm { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; perspective: 400px; }

/* sfondo: il plugin lo lasciava sempre a opacita' 0,2 (stile in linea) */
.jconfirm .jconfirm-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.2; }

/* area che scorre; la finestra sta al centro, oppure a 50px dal bordo se e' piu' alta dello schermo */
.jconfirm .jconfirm-scrollpane { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; overscroll-behavior: contain; perspective: 500px; perspective-origin: center;
                                 display: flex; flex-direction: column; padding: 50px 0; box-sizing: border-box; }
.jconfirm .jconfirm-scrollpane > .container { margin-top: auto; margin-bottom: auto; flex-shrink: 0; }

/* finestra, con l'animazione di apertura ("zoom") e di chiusura ("scale") del plugin: 0,5 s */
.jconfirm .jconfirm-box { background: white; border-radius: 4px; position: relative; outline: none; padding: 15px 15px 0; opacity: 1;
                          transition-property: transform, opacity, box-shadow; transition-duration: 0.5s; transition-timing-function: cubic-bezier(.36, 1.1, .2, 1.2); }
.jconfirm .jconfirm-box.DialogoEntra { opacity: 0; transform: scale(1.2); }
.jconfirm .jconfirm-box.DialogoEsce  { opacity: 0; transform: scale(0.5); }

/* x in alto a destra (= Annulla): il carattere sta in span.DialogoX (Header.css lo nasconde e disegna la sua x, DoLogin.css gli da' la sua misura) */
.jconfirm .jconfirm-box div.closeIcon { height: 20px; width: 20px; position: absolute; top: 5px; right: 5px; cursor: pointer; opacity: .6; text-align: center; transition: opacity 0.1s ease-in; font-size: 27px; line-height: 14px; user-select: none; }
.jconfirm .jconfirm-box div.closeIcon:hover { opacity: 1; }

/* titolo, messaggio, pulsanti */
.jconfirm .jconfirm-box div.title-c { display: block; font-size: 22px; line-height: 20px; }
.jconfirm .jconfirm-box div.title-c .title { font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; padding-bottom: 15px; }
.jconfirm .jconfirm-box div.title-c .title:empty { display: none; }
.jconfirm .jconfirm-box div.content-pane { margin-bottom: 15px; display: inline-block; width: 100%; position: relative; }
.jconfirm .jconfirm-box div.content-pane .content img { width: 100%; height: auto; }
.jconfirm .jconfirm-box div.content-pane .content:empty { display: none; }
.jconfirm .jconfirm-box .buttons { padding-bottom: 15px; }
.jconfirm .jconfirm-box .buttons button + button { margin-left: 5px; }

/* finestra che vibra quando si clicca sullo sfondo */
.jconfirm .jconfirm-box.hilight { animation: hilight 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); }
@keyframes hilight {
   10%, 90%      { transform: translate3d(-2px, 0, 0); }
   20%, 80%      { transform: translate3d( 4px, 0, 0); }
   30%, 50%, 70% { transform: translate3d(-8px, 0, 0); }
   40%, 60%      { transform: translate3d( 8px, 0, 0); }
}

/* tema "supervan" (blu scuro, testo bianco e centrato) */
.jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(54, 70, 93, 0.95); }
.jconfirm.jconfirm-supervan .jconfirm-box { background-color: rgba(54, 70, 93, 0.95); }
.jconfirm.jconfirm-supervan .jconfirm-box div.closeIcon { color: white; }
.jconfirm.jconfirm-supervan .jconfirm-box div.title-c { text-align: center; color: white; font-size: 28px; font-weight: normal; }
.jconfirm.jconfirm-supervan .jconfirm-box div.title-c > * { padding-bottom: 25px; }
.jconfirm.jconfirm-supervan .jconfirm-box div.content-pane { margin-bottom: 25px; }
.jconfirm.jconfirm-supervan .jconfirm-box div.content { text-align: center; color: white; }
.jconfirm.jconfirm-supervan .jconfirm-box .buttons { text-align: center; }
.jconfirm.jconfirm-supervan .jconfirm-box .buttons button { font-size: 16px; border-radius: 2px; background: #303f53; text-shadow: none; border: none; color: white; padding: 10px; min-width: 100px; }
.jconfirm.jconfirm-supervan .jconfirm-box .buttons button:focus-visible { outline: 2px solid white; outline-offset: 2px; }

/* regola generale che stava in jquery-confirm.css: la manina su tutti i pulsanti della pagina (tenuta per non cambiare le altre pagine) */
button:hover { cursor: pointer; }