/* ════════════════════════════════════════════════════════════════════════════
   ADV Transfer — gli stili dell'area di amministrazione sopra il tema Ynex.
   Solo variabili del tema per i colori: chiaro e scuro devono funzionare tutti e due.
   ════════════════════════════════════════════════════════════════════════════ */

/* Il riquadro dell'icona nell'intestazione delle pagine (IntestazionePagina, come in SoftwareManager) */
.smc-titolo-icona {
    width: 2.75rem; height: 2.75rem; border-radius: .6rem; flex: none;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(var(--primary-rgb), .1); color: var(--primary-color); font-size: 1.35rem;
}

/* La pagina di accesso (Sign-In-Cover.razor), come in RPVC: la colonna del modulo è flessibile, col modulo
   centrato nello spazio che resta; il marchio è una delle due immagini a seconda di data-theme-mode. */
.tx-accesso-colonna { display: flex; flex-direction: column; }
.tx-accesso-marchio { line-height: 0; }
.tx-accesso-marchio img { height: 52px; width: auto; max-width: 100%; }
.tx-accesso-marchio-scuro,
[data-theme-mode=dark] .tx-accesso-marchio-chiaro { display: none; }
[data-theme-mode=dark] .tx-accesso-marchio-scuro { display: inline-block; }

/* Pacchetto, scheda Contenuto: l'esplora file occupa tutta l'altezza che resta nella finestra (richiesta
   dell'utente, 06/11/2026). La pagina di Ynex è già una colonna flex alta almeno quanto lo schermo (.page): da lì
   la catena continua fino alla zona di cartelle e file (.ed-area, 416 px fissi nella card del portale), che
   prende lo spazio rimasto; sotto i 240 px (come nella finestra di PaS) la pagina scorre. Solo dove c'è
   tx-contenuto-pieno: le altre schede e le altre pagine restano com'erano. */
.app-content:has(.tx-contenuto-pieno) { flex: 1 0 auto; display: flex; flex-direction: column; }
.app-content:has(.tx-contenuto-pieno) > .container-fluid { flex: 1 0 auto; display: flex; flex-direction: column; }
.tx-contenuto-pieno,
.tx-contenuto-pieno > .ed-ospite { flex: 1 0 auto; display: flex; flex-direction: column; }
.tx-contenuto-pieno .ed-card { flex: 1 0 auto; }
.tx-contenuto-pieno .ed-card > .card-body { flex: 1 0 auto; display: flex; flex-direction: column; }
.tx-contenuto-pieno .ed-area { flex: 1 1 0; height: auto; min-height: 240px; }

/* Cronologia (home, attività del pacchetto) */
.tx-cronologia li { display: flex; gap: .75rem; padding: .55rem 0; border-bottom: 1px dashed var(--default-border); }
.tx-cronologia li:last-child { border-bottom: 0; }
.tx-cronologia-icona {
    width: 1.9rem; height: 1.9rem; border-radius: 50%; flex: none;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--default-background); font-size: 1rem;
}

/* Anteprima della mail d'invito */
.tx-anteprima-mail { width: 100%; height: 640px; border: 0; display: block; background: #f3f4f8; border-radius: 0 0 .5rem .5rem; }

/* Permessi dei destinatari */
.tx-permessi .btn { --bs-btn-padding-y: .2rem; --bs-btn-padding-x: .55rem; }
.tx-permessi .btn-check:disabled + .btn { opacity: 1; pointer-events: none; }
.tx-icone-permessi .op-2 { opacity: .2; }

/* Le schede del pacchetto: il conteggio accanto al titolo */
.nav-tabs.tab-style-1 .nav-link .badge { font-weight: 500; }