/* ==========================================================
 * styles.css — Override globali di progetto (caricato PER ULTIMO in mainhead.php).
 *
 * NB: lo stack UI è il tema Gull (Bootstrap 4). Le vecchie regole "Synto"
 * (.app-sidebar / .main-content / .main-menu / .side-menu__*) sono state RIMOSSE:
 * confliggevano con le classi omonime di Gull (in particolare .main-content,
 * che riceveva un margin-left:240px spurio rompendo il layout).
 *
 * Qui solo override globali leggeri e neutri rispetto al layout Gull.
 * Il tema admin vero e proprio è in admin.css.
 * ========================================================== */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* toastr leggermente più opaco */
#toast-container > div { opacity: .96; }

/* Barra titolo: larga SOLO quanto basta a contenere i suoi elementi (non a tutta riga), flottante glassy.
   Il logo sta IN MEZZO al contenuto (icone a sinistra e destra). styles.css è caricato per ultimo + !important. */
.fh-main .fh-topbar {
    align-self: center !important;       /* centrata come la pillola in alto, non a tutta larghezza */
    width: auto !important;
    max-width: calc(100% - 36px) !important;
    margin: 12px auto !important;
    border: 1px solid #ece9f6 !important;
    border-radius: 22px !important;
    min-height: 56px !important;
    padding: 7px 12px !important;
    gap: 8px !important;
    box-shadow: 0 14px 34px rgba(44, 28, 80, .14) !important;
    background: rgba(255, 255, 255, .94) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
/* annullo lo "spaziatore" flessibile che la allargava a tutta riga (resta compatta) */
.fh-main .fh-topbar > span { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; }
@media (max-width: 992px) {
    .fh-main .fh-topbar { margin: 10px !important; border-radius: 18px !important; max-width: calc(100% - 20px) !important; }
}