/* Regole globali del design system su Tabler, caricate su tutte le pagine dopo app.css.
   Qui vanno solo le regole comuni; lo stile di un singolo componente resta nel suo .razor.css.
   app.css si svuota man mano che le sezioni migrano. */

/* FocusOnNavigate porta il focus sul primo h1 per i lettori di schermo: il riquadro di focus
   su un titolo non cliccabile è solo rumore visivo. */
h1:focus {
    outline: none;
}

/* Da 992px Tabler sposta :root a destra della larghezza della barra di scorrimento, per non far
   saltare i contenuti centrati. Con il menu laterale fisso a sinistra apre invece uno scalino tra
   menu e contenuti su ogni pagina che scorre: il bordo sinistro deve restare fermo. */
@media (min-width: 992px) {
    :root {
        margin-left: 0;
    }
}

/* Dialog e notifiche Radzen devono stare sopra il menu laterale fisso di Tabler (z-index 1030):
   si usano i livelli che Tabler dà ai propri modali e toast. Le tendine Radzen ricevono 2000 via JS
   e restano sopra i dialog. Selettori più specifici perché il tema Radzen è caricato dopo questo file. */
html:root {
    --rz-dialog-mask-zindex: 1050;
    --rz-dialog-zindex: 1055;
}

body .rz-notification {
    z-index: 1090;
}