/* X-style Messages icon: outline default, filled when selected */
.sidebar-item .icon svg.messages-icon,
.sidebar-item .icon svg.nav-icon-messages,
.mobile-nav-icon.messages-icon,
.mobile-nav-icon.nav-icon-messages {
    fill: currentColor !important;
    stroke: none !important;
    stroke-width: 0 !important;
}
.sidebar-item .icon svg.messages-icon .msg-icon-outline,
.mobile-nav-icon.messages-icon .msg-icon-outline,
svg.messages-icon .msg-icon-outline {
    display: block;
    fill: currentColor;
}
.sidebar-item .icon svg.messages-icon .msg-icon-fill,
.mobile-nav-icon.messages-icon .msg-icon-fill,
svg.messages-icon .msg-icon-fill {
    display: none;
    fill: currentColor;
}
.sidebar-item.active .icon svg.messages-icon .msg-icon-outline,
.mobile-nav-item.active .mobile-nav-icon.messages-icon .msg-icon-outline,
a.active svg.messages-icon .msg-icon-outline {
    display: none;
}
.sidebar-item.active .icon svg.messages-icon .msg-icon-fill,
.mobile-nav-item.active .mobile-nav-icon.messages-icon .msg-icon-fill,
a.active svg.messages-icon .msg-icon-fill {
    display: block;
    fill: currentColor;
}
.sidebar-item.active .icon svg.messages-icon path,
.sidebar-item.active .icon svg.nav-icon-messages path {
    fill: currentColor !important;
    stroke: none !important;
}

/* X-style Notifications bell: outline default, filled when selected */
.sidebar-item .icon svg.notifications-icon,
.sidebar-item .icon svg.nav-icon-notifications,
.mobile-nav-icon.notifications-icon,
.mobile-nav-icon.nav-icon-notifications {
    fill: currentColor !important;
    stroke: none !important;
    stroke-width: 0 !important;
}
.sidebar-item .icon svg.notifications-icon .notif-icon-outline,
.mobile-nav-icon.notifications-icon .notif-icon-outline,
svg.notifications-icon .notif-icon-outline {
    display: block;
    fill: currentColor;
}
.sidebar-item .icon svg.notifications-icon .notif-icon-fill,
.mobile-nav-icon.notifications-icon .notif-icon-fill,
svg.notifications-icon .notif-icon-fill {
    display: none;
    fill: currentColor;
}
.sidebar-item.active .icon svg.notifications-icon .notif-icon-outline,
.mobile-nav-item.active .mobile-nav-icon.notifications-icon .notif-icon-outline,
a.active svg.notifications-icon .notif-icon-outline {
    display: none;
}
.sidebar-item.active .icon svg.notifications-icon .notif-icon-fill,
.mobile-nav-item.active .mobile-nav-icon.notifications-icon .notif-icon-fill,
a.active svg.notifications-icon .notif-icon-fill {
    display: block;
    fill: currentColor;
}
.sidebar-item.active .icon svg.notifications-icon path,
.sidebar-item.active .icon svg.nav-icon-notifications path {
    fill: currentColor !important;
    stroke: none !important;
}


/* X-style Home house: outline default (with door), filled when selected */
.sidebar-item .icon svg.home-icon,
.sidebar-item .icon svg.nav-icon-home,
.mobile-nav-icon.home-icon,
.mobile-nav-icon.nav-icon-home,
svg.home-icon {
    fill: currentColor !important;
    stroke: none !important;
    stroke-width: 0 !important;
}
/* Unselected: outline only */
.sidebar-item .icon svg.home-icon .home-icon-outline,
.mobile-nav-icon.home-icon .home-icon-outline,
svg.home-icon .home-icon-outline,
.sidebar-item:not(.active) .icon svg.home-icon .home-icon-outline {
    display: block !important;
    fill: currentColor !important;
    opacity: 1 !important;
}
.sidebar-item .icon svg.home-icon .home-icon-fill,
.mobile-nav-icon.home-icon .home-icon-fill,
svg.home-icon .home-icon-fill,
.sidebar-item:not(.active) .icon svg.home-icon .home-icon-fill,
.mobile-nav-item:not(.active) .mobile-nav-icon.home-icon .home-icon-fill {
    display: none !important;
}
/* Selected: filled only */
.sidebar-item.active .icon svg.home-icon .home-icon-outline,
.mobile-nav-item.active .mobile-nav-icon.home-icon .home-icon-outline,
a.active svg.home-icon .home-icon-outline {
    display: none !important;
}
.sidebar-item.active .icon svg.home-icon .home-icon-fill,
.mobile-nav-item.active .mobile-nav-icon.home-icon .home-icon-fill,
a.active svg.home-icon .home-icon-fill {
    display: block !important;
    fill: currentColor !important;
}
.sidebar-item.active .icon svg.home-icon path,
.sidebar-item.active .icon svg.nav-icon-home path {
    fill: currentColor !important;
    stroke: none !important;
}
/* Global svg rules force fill:none + stroke — kill that for home */
.sidebar-item .icon svg.home-icon path,
.mobile-nav-icon.home-icon path {
    stroke: none !important;
}

/* X-style Search: outline unselected, thicker when selected */
.sidebar-item .icon svg.search-icon,
.sidebar-item .icon svg.nav-icon-search,
.mobile-nav-icon.search-icon,
.mobile-nav-icon.nav-icon-search,
svg.search-icon {
    fill: currentColor !important;
    stroke: none !important;
    stroke-width: 0 !important;
}
.sidebar-item .icon svg.search-icon .search-icon-outline,
.mobile-nav-icon.search-icon .search-icon-outline,
svg.search-icon .search-icon-outline,
.sidebar-item:not(.active) .icon svg.search-icon .search-icon-outline {
    display: block !important;
    fill: currentColor !important;
}
.sidebar-item .icon svg.search-icon .search-icon-fill,
.mobile-nav-icon.search-icon .search-icon-fill,
svg.search-icon .search-icon-fill,
.sidebar-item:not(.active) .icon svg.search-icon .search-icon-fill,
.mobile-nav-item:not(.active) .mobile-nav-icon.search-icon .search-icon-fill {
    display: none !important;
}
.sidebar-item.active .icon svg.search-icon .search-icon-outline,
.mobile-nav-item.active .mobile-nav-icon.search-icon .search-icon-outline,
a.active svg.search-icon .search-icon-outline {
    display: none !important;
}
.sidebar-item.active .icon svg.search-icon .search-icon-fill,
.mobile-nav-item.active .mobile-nav-icon.search-icon .search-icon-fill,
a.active svg.search-icon .search-icon-fill {
    display: block !important;
    fill: currentColor !important;
}
.sidebar-item.active .icon svg.search-icon path,
.sidebar-item.active .icon svg.nav-icon-search path {
    fill: currentColor !important;
    stroke: none !important;
}
.sidebar-item .icon svg.search-icon path,
.mobile-nav-icon.search-icon path {
    stroke: none !important;
}

/* Page splash removed — never flash loading logo on home nav */
.pwa-page-splash,
#pwaPageSplash {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
html.pwa-page-splash-active {
    overflow: auto !important;
}

/* X-style Profile: outline unselected, filled when selected */
.sidebar-item .icon svg.profile-icon,
.sidebar-item .icon svg.nav-icon-profile,
.mobile-nav-icon.profile-icon,
.mobile-nav-icon.nav-icon-profile,
svg.profile-icon {
    fill: currentColor !important;
    stroke: none !important;
    stroke-width: 0 !important;
}
.sidebar-item .icon svg.profile-icon .profile-icon-outline,
.mobile-nav-icon.profile-icon .profile-icon-outline,
svg.profile-icon .profile-icon-outline,
.sidebar-item:not(.active) .icon svg.profile-icon .profile-icon-outline {
    display: block !important;
    fill: currentColor !important;
}
.sidebar-item .icon svg.profile-icon .profile-icon-fill,
.mobile-nav-icon.profile-icon .profile-icon-fill,
svg.profile-icon .profile-icon-fill,
.sidebar-item:not(.active) .icon svg.profile-icon .profile-icon-fill,
.mobile-nav-item:not(.active) .mobile-nav-icon.profile-icon .profile-icon-fill {
    display: none !important;
}
.sidebar-item.active .icon svg.profile-icon .profile-icon-outline,
.mobile-nav-item.active .mobile-nav-icon.profile-icon .profile-icon-outline,
a.active svg.profile-icon .profile-icon-outline {
    display: none !important;
}
.sidebar-item.active .icon svg.profile-icon .profile-icon-fill,
.mobile-nav-item.active .mobile-nav-icon.profile-icon .profile-icon-fill,
a.active svg.profile-icon .profile-icon-fill {
    display: block !important;
    fill: currentColor !important;
}
.sidebar-item.active .icon svg.profile-icon path,
.sidebar-item.active .icon svg.nav-icon-profile path {
    fill: currentColor !important;
    stroke: none !important;
}
.sidebar-item .icon svg.profile-icon path,
.mobile-nav-icon.profile-icon path {
    stroke: none !important;
}
/* Mobile profile nav often uses avatar — also cover .mobile-nav-profile if icon used */
.mobile-nav-item.active .profile-icon .profile-icon-outline { display: none !important; }
.mobile-nav-item.active .profile-icon .profile-icon-fill { display: block !important; }