/* Presentation only. Menu projection, saved preferences and interactions stay owned
   by Left_menu/topbar and extra_app.js. Loaded after theme contrast overrides. */
body[data-color="F2F2F2" i] .sidebar .sidebar-menu li > a {
    color: var(--dc-sidebar-muted-text, #4a4f5b) !important;
}
body[data-color="F2F2F2" i] .sidebar .sidebar-menu li.active > a {
    color: var(--dc-sidebar-text, #111827) !important;
    background: var(--dc-sidebar-active-bg, #d1d1d1) !important;
}
body .sidebar .sidebar-menu li > a {
    border-radius: 7px !important;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}
body .sidebar .sidebar-menu li > a:focus-visible,
body .sidebar .sidebar-favorite-toggle:focus-visible {
    outline: 2px solid var(--dc-sidebar-text, #334155);
    outline-offset: -2px;
}
body .sidebar .sidebar-menu li > a .menu-text { line-height: 1.45; }
body .sidebar .sidebar-menu li > a svg.icon { stroke-width: 1.8; opacity: 1; }
body .sidebar .side_bar_seach_menu .sidebar-menu-search-input {
    border-radius: 7px;
    box-shadow: none;
}
body .sidebar .sidebar-section-heading {
    font-size: 11px;
    letter-spacing: 0.035em;
    line-height: 1.4;
}
/* Expanded navigation only: leave the compact rail's flyout geometry intact. */
body:not(.sidebar-toggled) .sidebar .sidebar-menu > li > a {
    margin-block: 2px;
    min-height: 40px;
    padding-block: 9px;
}
body:not(.sidebar-toggled) .sidebar .sidebar-menu > li.expand:not(.open) > ul {
    margin-block: 0;
}
body:not(.sidebar-toggled) .sidebar .sidebar-menu > li > ul {
    border-radius: 7px;
}
body:not(.sidebar-toggled) .sidebar .sidebar-menu > li.expand.open > a,
body:not(.sidebar-toggled) .sidebar #sidebar-menu > li.expand.active > a {
    background: var(--dc-sidebar-hover-bg, #eef1f5) !important;
    color: var(--dc-sidebar-text, #1e293b) !important;
    box-shadow: none !important;
}
body:not(.sidebar-toggled) .sidebar .sidebar-menu > li:not(.expand).active > a,
body:not(.sidebar-toggled) .sidebar .sidebar-menu > li > ul > li.active > a {
    background: var(--dc-sidebar-active-bg, #e3e8ef) !important;
    color: var(--dc-sidebar-text, #1e293b) !important;
    box-shadow: inset 0 0 0 1px var(--dc-sidebar-border, #c9d1dc) !important;
}
body:not(.sidebar-toggled) .sidebar .sidebar-menu > li > ul > li > a {
    min-height: 36px;
    padding-block: 8px;
    border-radius: 5px !important;
}
/* Neutral presets need an opaque flyout too; keep native rail positioning. */
@media (min-width: 991px) {
    body.sidebar-toggled[data-color="F2F2F2" i] .sidebar .sidebar-menu li:hover,
    body.sidebar-toggled[data-color="F2F2F2" i] .sidebar .sidebar-menu li > ul {
        background: var(--dc-sidebar-flyout-bg, #ededed) !important;
    }
    body.sidebar-toggled[data-color="F2F2F2" i] .sidebar .sidebar-menu li > ul > li.active > a {
        color: var(--dc-sidebar-text, #111827) !important;
        background: var(--dc-sidebar-active-bg, #d1d1d1) !important;
    }
}
body[data-color="F2F2F2" i] .sidebar .sidebar-menu-search-input::placeholder,
body[data-color="F2F2F2" i] .sidebar .sidebar-menu-search-icon {
    color: var(--dc-sidebar-muted-text, #4a4f5b) !important;
    opacity: 1;
}
/* Native topbar keeps its height, visibility classes, menu order and hit targets. */
#default-navbar {
    --nav-surface: #fff;
    --nav-ink: #334155;
    --nav-muted: #526174;
    --nav-line: #e2e7ee;
    --nav-hover: #f1f4f8;
    --nav-focus: var(--dc-primary-bg, #365cc9);
}
body[data-color="1E202D" i] #default-navbar {
    --nav-surface: #252932;
    --nav-ink: #edf0f6;
    --nav-muted: #c0c9d6;
    --nav-line: #414a59;
    --nav-hover: #343c49;
    --nav-focus: #b8c3ff;
}
body[data-color] #default-navbar.navbar-custom {
    background: var(--nav-surface) !important;
    border-bottom-color: var(--nav-line) !important;
    box-shadow: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
body[data-color] #default-navbar .navbar-nav .nav-item > .nav-link:not(#user-dropdown):not(#start-timer-icon):not(.listening):not(.speaking):not(.muted),
body[data-color] #default-navbar #topbar-timer-icon-container .nav-item > .nav-link {
    border-radius: 7px !important;
    border-color: transparent !important;
    background: transparent !important;
    color: var(--nav-muted) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}
body[data-color] #default-navbar .navbar-nav .nav-item > .nav-link:not(#user-dropdown):not(#start-timer-icon):not(.listening):not(.speaking):not(.muted):hover,
body[data-color] #default-navbar .navbar-nav .nav-item > .nav-link:not(#user-dropdown):not(#start-timer-icon):not(.listening):not(.speaking):not(.muted):focus-visible,
body[data-color] #default-navbar .navbar-nav .nav-item > .nav-link.show:not(#user-dropdown):not(#start-timer-icon):not(.listening):not(.speaking):not(.muted),
body[data-color] #default-navbar .navbar-nav .nav-item.show > .nav-link:not(#user-dropdown):not(#start-timer-icon):not(.listening):not(.speaking):not(.muted) {
    background: var(--nav-hover) !important;
    color: var(--nav-ink) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
body[data-color] #default-navbar .navbar-nav .nav-item > .nav-link:focus-visible,
body[data-color] #default-navbar .dropdown-menu a:focus-visible,
body[data-color] #default-navbar .dropdown-menu button:focus-visible {
    outline: 2px solid var(--nav-focus) !important;
    outline-offset: -2px;
    box-shadow: none !important;
}
body[data-color] #default-navbar .navbar-nav .nav-link .icon,
body[data-color] #default-navbar .navbar-nav .nav-link svg { stroke-width: 1.8; }
body[data-color] #default-navbar #user-dropdown {
    border-radius: 7px;
    background: var(--nav-surface) !important;
    border-color: var(--nav-line) !important;
    color: var(--nav-ink) !important;
    box-shadow: none !important;
}
body[data-color] #default-navbar #user-dropdown:hover,
body[data-color] #default-navbar #user-dropdown:focus,
body[data-color] #default-navbar #user-dropdown.show {
    background: var(--nav-hover) !important;
    border-color: var(--nav-line) !important;
    box-shadow: none !important;
}
body[data-color] #default-navbar #user-dropdown .user-name { color: var(--nav-ink) !important; }
body[data-color] #default-navbar #user-dropdown .avatar-xs img {
    border-color: var(--nav-surface);
    box-shadow: none;
}
body[data-color] #default-navbar .dropdown-menu {
    background: var(--nav-surface) !important;
    color: var(--nav-ink);
    border: 1px solid var(--nav-line) !important;
    border-radius: 12px;
}
body[data-color] #default-navbar .dropdown-menu .dropdown-item:not(.disabled):not(:disabled) {
    color: var(--nav-ink) !important;
    border-radius: 5px;
}
body[data-color] #default-navbar .dropdown-menu .dropdown-item:not(.disabled):not(:disabled):hover,
body[data-color] #default-navbar .dropdown-menu .dropdown-item:not(.disabled):not(:disabled):focus {
    background: var(--nav-hover) !important;
    color: var(--nav-ink) !important;
}
body[data-color] #default-navbar .dropdown-menu .dropdown-item:not(.disabled):not(:disabled).active,
body[data-color] #default-navbar .dropdown-menu .dropdown-item:not(.disabled):not(:disabled):active {
    background: var(--dc-primary-bg, #365cc9) !important;
    color: var(--dc-primary-text, #fff) !important;
}
body[data-color] #default-navbar .dropdown-divider { border-color: var(--nav-line); }
/* Voice activity keeps semantic status colors rather than toolbar selection. */
body[data-color] #default-navbar .navbar-nav .nav-item > .nav-link.muted:not(#user-dropdown):not(#start-timer-icon) { color: #b42318 !important; }
body[data-color="1E202D" i] #default-navbar .navbar-nav .nav-item > .nav-link.muted:not(#user-dropdown):not(#start-timer-icon) { color: #ffb4ab !important; }
@media (prefers-reduced-motion: reduce) {
    body .sidebar .sidebar-menu li > a,
    body[data-color] #default-navbar .navbar-nav .nav-item > .nav-link { transition: none; }
}