/* ============================================================
   shell.css — avviso di circuito morto (#blazor-error-ui).
   Sta in un file a parte da app.css perché il div dell'errore
   deve nascere display:none e il runtime di Blazor lo accende da
   JS: un attributo style="display:none" inline sarebbe bloccato
   dalla Content-Security-Policy.
   ============================================================ */

#blazor-error-ui {
    display: none;                       /* acceso dal runtime di Blazor */
    position: fixed;
    inset: auto 0 0 0;
    z-index: var(--z-toast, 1080);

    align-items: center;
    justify-content: center;
    gap: var(--space-4, 1rem);

    padding: var(--space-4, 1rem) var(--space-5, 1.5rem);
    background: var(--warning-tint, #fdf4e0);
    border-top: 2px solid var(--warning, #b8860b);
    box-shadow: var(--shadow-lg, 0 -8px 24px rgba(20, 22, 28, 0.14));
    color: var(--ink, #17181b);
    text-align: center;
}

/* Il runtime imposta display:block: il flex va riagganciato da qui. */
#blazor-error-ui[style*="display: block"],
#blazor-error-ui[style*="display:block"] {
    display: flex !important;
    flex-wrap: wrap;
}

#blazor-error-ui .blazor-error-testo { font-weight: 500; }

#blazor-error-ui .reload {
    color: var(--brand-ink, #93251d);
    font-weight: 600;
    text-decoration: underline;
}