/* Active states use surface contrast and the existing left marker only.
   Never draw a bright trailing edge on selected navigation or controls. */
:where(
    .sidebar .tool-btn.active,
    .sidebar .sidebar-btn.active,
    #settingsView .settings-tab-btn.active,
    #settingsView .settings-tab-item.active,
    #studyHelperTabBar .browser-tab.active,
    #mediaTabBar .browser-tab.active,
    .study-sub-btn.active,
    .mode-option.selected,
    .mode-card.selected,
    .theme-card.active,
    .language-option-btn.active,
    .notification-size-btn.active,
    .notification-sound-option.active,
    .ai-personality-option.active,
    .history-item.active
) {
    border-right: 0 !important;
    border-right-color: transparent !important;
    box-shadow: none !important;
}

:where(
    .sidebar .tool-btn.active::after,
    .sidebar .sidebar-btn.active::after,
    #settingsView .settings-tab-btn.active::after,
    #settingsView .settings-tab-item.active::after
) {
    right: auto !important;
    display: none !important;
}

/* Keep selected navigation readable without restoring a full outline. */
:where(
    #settingsView .settings-tab-btn.active,
    #settingsView .settings-tab-item.active
) {
    border-left-width: 2px !important;
    border-left-style: solid !important;
}