/* ========================================================================
   RPVC — correzioni sopra il tema (Spruko/Ynex).
   Va caricato DOPO styles.css e icons.css: ogni regola qui vince per ordine,
   non per specificita'. Stessa forma di spark-custom.css del portale Spark,
   da cui la prima correzione e' copiata pari pari (04/09/2026).
   ======================================================================== */

/* ------------------------------------------------------------------------
   Menu laterale: icona centrata sulla riga della voce
   ------------------------------------------------------------------------
   Il tema definisce l'icona come una scatola quadrata di altezza FISSA:

       .app-sidebar .side-menu__icon { width: 1.15rem; height: 1.15rem;
                                       font-size: 1.15rem; }

   ma non le da' un line-height, quindi eredita quello del tema (1.5). Dentro
   una scatola alta 18,4px si forma cosi' una riga da 27,6px: i 9,2px di
   interlinea in eccesso non possono allargare la scatola (l'altezza e' fissa),
   quindi meta' spinge il glifo verso il basso e il resto sborda sotto il
   bordo. L'etichetta accanto non ha il problema perche' il tema le assegna
   gia' line-height: 1.

   Risultato: l'icona finisce piu' in basso del testo che le sta a fianco.
   Misurato sull'inchiostro reale dei glifi: 5,4px di scarto, che su una riga
   da 18px si vedono benissimo.

   Pareggiando line-height e altezza della scatola l'interlinea in eccesso
   sparisce e il glifo torna centrato: scarto misurato 5,4px -> 0,8px, cioe'
   lo stesso allineamento delle voci senza icona.

   Vale per tutte le varianti del menu (esteso, a sole icone, orizzontale)
   perche' nessuna di esse ridefinisce il line-height dell'icona. */
.app-sidebar .side-menu__icon {
    line-height: 1;
}

/* La scelta della lingua in alto a destra nella pagina di accesso (Sign-In-Cover.razor), identica
   all'accesso di SupportDesk, PaS e Spark (24/10/2026): stesse distanze dal bordo (16 px, poi 24/32 px
   da 576 px e 28/48 px da 992 px), meno i 12 px che la colonna di Bootstrap ha gia' ai lati. La colonna
   diventa flessibile: la testata in cima e il modulo centrato nello spazio che resta, senza scorrere. */
.rpvc-accesso-colonna {
    display: flex;
    flex-direction: column;
}

.rpvc-accesso-testa {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 16px 4px 0;
}

@media (min-width: 576px) {
    .rpvc-accesso-testa { padding: 24px 20px 0; }
}

@media (min-width: 992px) {
    .rpvc-accesso-testa { padding: 28px 36px 0; }
}