/* ===========================================
   NAVBAR E ICONE
   File: navbar.css
   =========================================== */

/* Navbar base */
#layout-menu,
#taskmenu,
html body #layout-menu,
body:not(.task-login):not(.task-error) #layout-menu {
    background-color: var(--navbar-color, #000000) !important;
    background: var(--navbar-color, #000000) !important;
}

/* ===========================================
   QUICK ACTIONS - ICONE NORMALI (mail, calendar, tasks)
   Default: sfondo uguale navbar, icone bianche
   =========================================== */
.quick-actions a,
#layout-menu .quick-actions a,
body:not(.task-login):not(.task-error) #layout-menu .quick-actions a {
    background: var(--navbar-color, #000000) !important;
    background-color: var(--navbar-color, #000000) !important;
    border-radius: 8px !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.quick-actions a:before,
#layout-menu .quick-actions a:before,
body:not(.task-login):not(.task-error) #layout-menu .quick-actions a:before {
    color: #ffffff !important;
    font-size: 18px;
}

/* QUICK ACTIONS - ICONE ATTIVE */
body:not(.task-login):not(.task-error) #layout-menu .quick-actions a.active,
html.dark-mode body:not(.task-login) #layout-menu .quick-actions a.active,
.quick-actions a.active {
    background: var(--icon-active-bg, #ff0000) !important;
    background-color: var(--icon-active-bg, #ff0000) !important;
}

body:not(.task-login):not(.task-error) #layout-menu .quick-actions a.active:before,
html.dark-mode body:not(.task-login) #layout-menu .quick-actions a.active:before,
.quick-actions a.active:before {
    color: var(--icon-active-color, #ffffff) !important;
}

/* QUICK ACTIONS - HOVER */
.quick-actions a:hover,
#layout-menu .quick-actions a:hover,
body:not(.task-login):not(.task-error) #layout-menu .quick-actions a:hover {
    background: var(--icon-active-bg, #ff0000) !important;
    opacity: 0.85;
}

.quick-actions a:hover:before,
#layout-menu .quick-actions a:hover:before,
body:not(.task-login):not(.task-error) #layout-menu .quick-actions a:hover:before {
    color: var(--icon-active-color, #ffffff) !important;
}

/* ===========================================
   TASKMENU ICONE NORMALI (NON SELEZIONATE)
   =========================================== */
#taskmenu a,
#layout-menu #taskmenu a,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a {
    background: var(--navbar-color, #000000) !important;
    background-color: var(--navbar-color, #000000) !important;
    border-radius: 8px !important;
}

#taskmenu a:before,
#layout-menu #taskmenu a:before,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a:before {
    color: #ffffff !important;
}

/* ===========================================
   TASKMENU ICONE ATTIVE
   =========================================== */
#taskmenu a.selected,
#layout-menu #taskmenu a.selected,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a.selected,
html body #layout-menu #taskmenu a.selected {
    background: var(--icon-active-bg, #ff0000) !important;
    background-color: var(--icon-active-bg, #ff0000) !important;
    border-radius: 8px !important;
}

#taskmenu a.selected:before,
#layout-menu #taskmenu a.selected:before,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a.selected:before,
html body #layout-menu #taskmenu a.selected:before {
    color: var(--icon-active-color, #ffffff) !important;
}

/* Hover sulle icone navbar */
#taskmenu a:hover,
#layout-menu #taskmenu a:hover,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a:hover {
    background: var(--icon-active-bg, #ff0000) !important;
    opacity: 0.85;
    border-radius: 8px !important;
}

#taskmenu a:hover:before,
#layout-menu #taskmenu a:hover:before,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a:hover:before {
    color: var(--icon-active-color, #ffffff) !important;
}

/* ===========================================
   TASKMENU ACTION BUTTONS
   =========================================== */
#taskmenu .action-buttons a,
#taskmenu .action-buttons a:hover {
    color: var(--primary-color, #000000) !important;
}

/* ===========================================
   TOOLBAR (menu azioni email)
   =========================================== */
.menu.toolbar a,
.menu.toolbar a:before,
.toolbar a,
.toolbar a:before,
.header .toolbar a,
.header .toolbar a:before,
#layout-content .toolbar a {
    color: inherit !important;
}

.menu.toolbar a:hover,
.toolbar a:hover,
.header .toolbar a:hover {
    color: var(--primary-color, #000000) !important;
}