/* =====================================================================
   TEMA "SIDEBAR PRUGNA" — solo colori, nessuna modifica a posizioni/dimensioni.
   Caricato per ultimo in _LayoutJobick.cshtml (fine body) così prevale su
   style.css, site.css e sugli <style> di _Sidebar/_Header/_LayoutJobick.
   Per tornare ai colori precedenti basta togliere il <link> a questo file.
   ===================================================================== */

:root {
    --prugna-bg: #3d2e58;
    --prugna-fg: #ece6f5;
    --prugna-muted: #9f93b6;
    --prugna-icon: #c7bcd9;
    --prugna-sub: #b6abc9;
    --prugna-sub-on: #f0c3e0;
    --prugna-hover: rgba(255, 255, 255, 0.07);
    --prugna-active: linear-gradient(72.47deg, #ca80b1 10%, #7a55a8 90%);
    --prugna-active-shadow: 0 6px 16px -8px rgba(202, 128, 177, 0.8);
    --prugna-accent: #8a63a8;
    --prugna-accent-strong: #6d4790;
    --prugna-badge: #ca80b1;
    --prugna-rosa: #D653C1; /* rosa icona documenti dashboard */
    --sidebar-bg: #3d2e58;
}

/* ---------- Sidebar: sfondo ---------- */
html body .dlabnav {
    background-color: var(--prugna-bg) !important;
    border-right-color: var(--prugna-bg) !important;
}

/* ---------- Profilo in alto nella sidebar ---------- */
html body .dlabnav .header-profile2 .header-info2 {
    background-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}
html body .dlabnav .header-profile2 .nameProfile,
html body .dlabnav .header-profile2 .nameProfile span,
html body .dlabnav .header-profile2 .mdi-menu-down {
    color: var(--prugna-fg) !important;
}
html body .dlabnav .initials-avatar {
    background: var(--prugna-active) !important;
}

/* ---------- Voci di primo livello ---------- */
html body .dlabnav .metismenu > li > a,
html body .dlabnav .metismenu > li > a .nav-text {
    color: var(--prugna-fg) !important;
}
html body .dlabnav .metismenu > li > a i {
    color: var(--prugna-icon) !important;
}
html body .dlabnav .metismenu > li > a:hover,
html body .dlabnav .metismenu > li > a:focus,
html body .dlabnav .metismenu > li:hover > a,
html body .dlabnav .metismenu > li:focus > a {
    background: var(--prugna-hover) !important;
    color: #fff !important;
}
html body .dlabnav .metismenu > li > a:hover i,
html body .dlabnav .metismenu > li > a:focus i,
html body .dlabnav .metismenu > li:hover > a i,
html body .dlabnav .metismenu > li:hover > a .nav-text {
    color: #fff !important;
}
html body .dlabnav .metismenu .has-arrow:after {
    border-color: var(--prugna-muted) var(--prugna-muted) transparent transparent !important;
}

/* Voce attiva: gradiente rosa-viola */
html body .dlabnav .metismenu > li.mm-active > a,
html body .dlabnav .metismenu > li.active > a,
html body .dlabnav .metismenu > li.mm-active > a:hover,
html body .dlabnav .metismenu > li.mm-active > a:focus {
    background: var(--prugna-active) !important;
    box-shadow: var(--prugna-active-shadow) !important;
    color: #fff !important;
}
html body .dlabnav .metismenu > li.mm-active > a i,
html body .dlabnav .metismenu > li.active > a i,
html body .dlabnav .metismenu > li.mm-active > a .nav-text {
    color: #fff !important;
}
html body .dlabnav .metismenu > li.mm-active > a.has-arrow:after,
html body .dlabnav .metismenu > li.mm-active > a::after {
    border-color: #fff #fff transparent transparent !important;
}

/* ---------- Sottomenu ---------- */
html body .dlabnav .metismenu ul,
html body .dlabnav .metismenu > li.mm-active > ul,
html body .dlabnav .metismenu > li > ul.mm-show {
    background: transparent !important;
}
html body .dlabnav .metismenu ul a {
    color: var(--prugna-sub) !important;
}
html body .dlabnav .metismenu ul a:hover,
html body .dlabnav .metismenu ul a:focus,
html body .dlabnav .metismenu li ul li a:hover,
html body .dlabnav .metismenu li ul li a:focus {
    color: #fff !important;
    background: transparent !important;
}
html body[data-sidebar-style] .dlabnav .metismenu ul li a::before,
html body .dlabnav .metismenu ul li a::before {
    background: var(--prugna-muted) !important;
}
/* Sottovoce attiva: testo rosa, niente pillola */
html body .dlabnav .metismenu li ul li.mm-active > a,
html body .dlabnav .metismenu li ul li.active > a,
html body .dlabnav .metismenu ul a.mm-active {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--prugna-sub-on) !important;
    font-weight: 600 !important;
}
html body .dlabnav .metismenu li ul li.mm-active > a::before,
html body .dlabnav .metismenu ul a.mm-active::before {
    background: var(--prugna-sub-on) !important;
}

/* ---------- Footer sidebar ---------- */
html body .dlabnav .copyright .nav-text.myFooter,
html body .dlabnav .copyright {
    color: var(--prugna-muted) !important;
}

/* ---------- Desktop: sidebar ridotta (area logo invariata: sfondo bianco e logo originale) ---------- */
@media (min-width: 768px) {
    html body #main-wrapper.menu-toggle .dlabnav {
        background: var(--prugna-bg) !important;
        background-color: var(--prugna-bg) !important;
    }
    /* Sidebar ridotta: hover sulle icone e flyout dei sottomenu */
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > a,
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li.mm-active:hover > a {
        background: var(--prugna-hover) !important;
    }
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > a i,
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li.mm-active:hover > a i {
        color: #fff !important;
    }
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li.mm-active > a {
        background: var(--prugna-active) !important;
        box-shadow: var(--prugna-active-shadow) !important;
    }
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > a .nav-text,
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > ul,
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > ul.mm-show,
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > ul.mm-collapse,
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > ul[style] {
        background: var(--prugna-bg) !important;
        color: var(--prugna-fg) !important;
        box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.35) !important;
    }
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > ul li a,
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > ul .flyout-title {
        color: var(--prugna-sub) !important;
    }
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > ul li a:hover {
        background: var(--prugna-hover) !important;
        color: #fff !important;
    }
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > ul li.mm-active > a,
    html body #main-wrapper.menu-toggle .dlabnav .metismenu > li:hover > ul li.active > a {
        background: var(--prugna-active) !important;
        box-shadow: none !important;
        color: #fff !important;
    }
}

/* ---------- Navbar: accenti nella stessa famiglia ---------- */
/* Pallino notifiche: pieno, nel rosa dell'icona documenti in dashboard (.media-info) */
html body .header-right .notification_dropdown .nav-link .badge {
    background: var(--prugna-rosa) !important;
    color: #fff !important;
}
html body .notification_dropdown .widget-media .timelines li.new {
    border-left-color: var(--prugna-badge) !important;
}
html body .notification_dropdown .all-notification {
    color: var(--prugna-accent-strong) !important;
}
html body .remy-navbar-cta {
    border-color: rgba(138, 99, 168, 0.3) !important;
    box-shadow: 0 2px 8px rgba(138, 99, 168, 0.12) !important;
}
html body .remy-navbar-cta:focus-within {
    border-color: var(--prugna-accent) !important;
    box-shadow: 0 2px 10px rgba(138, 99, 168, 0.3) !important;
}
/* Bottone freccia di Remy: stesso rosa del pallino notifiche */
html body .remy-navbar-cta button {
    background: var(--prugna-rosa) !important;
    color: #fff !important;
}
html body .remy-nav-label {
    color: var(--prugna-accent-strong) !important;
}
html body .remy-nav-icon {
    box-shadow: 0 2px 8px rgba(138, 99, 168, 0.35), 0 0 0 2px rgba(138, 99, 168, 0.2) !important;
}
html body #remyNavTrigger.remy-active .remy-nav-icon {
    box-shadow: 0 2px 10px rgba(138, 99, 168, 0.5), 0 0 0 3px var(--prugna-accent) !important;
}
/* Select azienda senza bordo (anche aperta/con focus) */
html body .selectChangePlat .select2-container .select2-selection--single,
html body .selectChangePlat .select2-container--open .select2-selection--single,
html body .selectChangePlat .select2-container--focus .select2-selection--single {
    border: 0 !important;
    box-shadow: none !important;
}

/* ---------- Dashboard: bottone "Vai al profilo" come la voce attiva della sidebar ---------- */
html body .btn.btn-gradiente-attivo {
    background: var(--prugna-active) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: var(--prugna-active-shadow) !important;
}
html body .btn.btn-gradiente-attivo:hover,
html body .btn.btn-gradiente-attivo:focus {
    filter: brightness(1.06);
    color: #fff !important;
}