/*
    Finestra di riconnessione del circuito Blazor (22/09/2026).

    Blazor accende e spegne classi sull'elemento #components-reconnect-modal:
    show (primo tentativo), retrying (tentativi successivi), failed (tentativi finiti),
    rejected (il server non ha piu' il circuito), paused e resume-failed (pausa decisa dal server).
    Ogni frase si vede soltanto nel suo stato. Senza questo elemento Blazor mostrava la propria
    finestra predefinita, in inglese.
*/

#components-reconnect-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(7, 26, 45, 0.45);
    font-family: "Segoe UI", Arial, sans-serif;
}

#components-reconnect-modal.components-reconnect-show,
#components-reconnect-modal.components-reconnect-retrying,
#components-reconnect-modal.components-reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected,
#components-reconnect-modal.components-reconnect-paused,
#components-reconnect-modal.components-reconnect-resume-failed {
    display: block;
}

.riconnessione-riquadro {
    max-width: 22rem;
    margin: 20vh auto 0;
    padding: 1.75rem 2rem;
    background: #ffffff;
    color: #10243a;
    border-radius: 0.75rem;
    border-top: 4px solid #12bde2;
    box-shadow: 0 12px 32px rgba(7, 26, 45, 0.35);
    text-align: center;
}

.riconnessione-riquadro p {
    margin: 0 0 1rem;
    line-height: 1.45;
}

.riconnessione-riquadro button {
    border: 0;
    border-radius: 0.4rem;
    padding: 0.45rem 1.5rem;
    background: #1256c4;
    color: #ffffff;
    font: inherit;
    cursor: pointer;
}

.riconnessione-riquadro button:hover {
    background: #0e2a42;
}

/* Ogni frase e ogni pulsante appartengono a uno stato solo. */
.riconnessione-primo,
.riconnessione-ancora,
.riconnessione-fallita,
.riconnessione-respinta,
.riconnessione-pausa,
.riconnessione-ripresa-fallita,
.riconnessione-riprova,
.riconnessione-ricarica {
    display: none;
}

.components-reconnect-show .riconnessione-primo,
.components-reconnect-retrying .riconnessione-ancora,
.components-reconnect-failed .riconnessione-fallita,
.components-reconnect-failed .riconnessione-riprova,
.components-reconnect-rejected .riconnessione-respinta,
.components-reconnect-rejected .riconnessione-ricarica,
.components-reconnect-paused .riconnessione-pausa,
.components-reconnect-paused .riconnessione-ricarica,
.components-reconnect-resume-failed .riconnessione-ripresa-fallita,
.components-reconnect-resume-failed .riconnessione-ricarica {
    display: block;
    margin-left: auto;
    margin-right: auto;
}