/* Light theme overrides (optional) */
:root { color-scheme: light; }

/* User dropdown – Appearance theme selector (light mode) */
html[data-theme="light"] #userManageMenu .text-muted {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-theme="light"] #userManageMenu .helios-segmented .btn {
    background-color: #203d63;
    border-color: #1b355a!important;
    color: #ffffff;

    /* Neutralize Bootstrap btn-light variables locally */
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-bg: transparent;
    --bs-btn-border-color: #1b355a;
}

html[data-theme="light"] #userManageMenu .helios-segmented .btn:hover {
    background-color: #274a78;
    border-color: #1b355a;
}

html[data-theme="light"] #userManageMenu .helios-segmented .btn.is-selected {
    background-color: #2c568f!important;
    border-color: #2c568f!important;
    color: #ffffff!important;
}

/* User dropdown – segmented borders refinement (light mode) */
html[data-theme="light"] #userManageMenu .helios-segmented {
    border: 1px solid #1b355a!important;
    border-radius: .375rem;
    overflow: hidden;
}

html[data-theme="light"] #userManageMenu .helios-segmented .btn + .btn {
    border-left: 1px solid #1b355a!important;
}

html[data-theme="light"] #userManageMenu .helios-segmented .btn {
    border-radius: 0;
}

html[data-theme="light"] #userManageMenu .helios-segmented .btn:first-child {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
}

html[data-theme="light"] #userManageMenu .helios-segmented .btn:last-child {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
}