/* sidenav-user-override.css
 * Profile section: muted blue-tech tone, embossed, full-width
 * Color base: --ins-secondary-color #9ba6b7 family
 */

/* ── Light mode ── */
.sidenav-user {
    margin: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
}


/* ── Sidenav avatar: muted blue-gray ── */
.sidenav-user .avatar-title.bg-secondary-subtle {
    background-color: #dae2ec !important;
    color: #5a7089 !important;
    box-shadow: 0 1px 3px rgba(90, 112, 137, 0.15);
}

html[data-menu-color=dark] .sidenav-user .avatar-title.bg-secondary-subtle,
html[data-menu-color=gradient] .sidenav-user .avatar-title.bg-secondary-subtle {
    background-color: rgba(130, 165, 210, 0.18) !important;
    color: #a8bdd4 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* ── Topbar avatar: muted blue-gray ── */
.nav-user .avatar-title.bg-secondary-subtle {
    background-color: #dae2ec !important;
    color: #5a7089 !important;
    box-shadow: 0 1px 2px rgba(90, 112, 137, 0.12);
}

html[data-topbar-color=dark] .nav-user .avatar-title.bg-secondary-subtle {
    background-color: rgba(130, 165, 210, 0.2) !important;
    color: #b5c8dd !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* ── Settings gear icon ── */
.sidenav-user-set-icon {
    color: var(--ins-sidenav-item-color);
    opacity: 0.6;
    transition: opacity 0.2s, color 0.2s;
}

.sidenav-user-set-icon:hover {
    opacity: 1;
    color: var(--ins-sidenav-item-active-color);
}