/* Final shell polish: quiet Codex-style navigation and clipped view headers. */

.sidebar {
    border-radius: 0 18px 18px 0 !important;
    overflow: hidden !important;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    border-left-color: transparent !important;
    border-right-color: rgba(255, 255, 255, 0.055) !important;
    transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1),
        border-color 180ms ease,
        box-shadow 180ms ease !important;
}

body.sidebar-collapsed .sidebar {
    overflow: hidden !important;
}

/* Sidebar collapse control: icon only, without the legacy framed button. */
.sidebar .sidebar-toggle-btn,
.sidebar .sidebar-toggle-btn:hover,
.sidebar .sidebar-toggle-btn:active,
.sidebar .sidebar-toggle-btn:focus,
.sidebar .sidebar-toggle-btn:focus-visible {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--text-secondary) !important;
    transform: none !important;
}

.sidebar .sidebar-toggle-btn:hover {
    background: transparent !important;
    color: var(--text-primary) !important;
}

.sidebar .sidebar-toggle-btn .toggle-icon {
    width: 24px !important;
    height: 24px !important;
}

.sidebar .sidebar-toggle-btn:hover .toggle-icon,
.sidebar .sidebar-toggle-btn:focus-visible .toggle-icon {
    width: 24px !important;
    height: 24px !important;
}

/* Chat history search mirrors the Library's compact circular control. */
#chatsListView .library-search-bar {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 999px !important;
}

#chatsListView .chats-list-search-toggle {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: transparent !important;
}

#chatsListView .chats-list-search-toggle:hover,
#chatsListView .chats-list-search-toggle:focus-visible {
    background: var(--bg-hover) !important;
    outline: none !important;
}

#chatsListView .chats-list-search-toggle .search-icon {
    width: 17px !important;
    height: 17px !important;
}

/* Chat and Library share one header rhythm; page switches stay still. */
#chatsListView .library-header,
#libraryView .library-header {
    padding: clamp(20px, 2.5vw, 28px) clamp(24px, 3.5vw, 48px) 18px !important;
    min-height: 94px !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.app-view-container {
    animation: none !important;
}

/* Keep the active destination legible without the legacy orange frame. */
.sidebar .tool-btn.active,
.sidebar .sidebar-btn.active {
    background: rgba(255, 255, 255, 0.065) !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-left: 2px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    color: var(--text-primary) !important;
    transform: none !important;
}

.sidebar .tool-btn.active::before,
.sidebar .tool-btn.active::after,
.sidebar .sidebar-btn.active::before,
.sidebar .sidebar-btn.active::after {
    display: none !important;
}

.sidebar .tool-btn.active .tool-icon,
.sidebar .tool-btn.active .tool-title,
.sidebar .tool-btn.active .tool-subtitle,
.sidebar .sidebar-btn.active .tool-icon,
.sidebar .sidebar-btn.active .tool-title,
.sidebar .sidebar-btn.active .tool-subtitle {
    color: var(--text-primary) !important;
    filter: none !important;
}

.sidebar .tool-btn.active .tool-title,
.sidebar .sidebar-btn.active .tool-title {
    font-weight: 600 !important;
}

/* Slightly larger labels improve scanning while keeping the compact rail. */
.sidebar .tool-btn .tool-title,
.sidebar .sidebar-btn .tool-title {
    font-size: 14.5px !important;
    line-height: 1.2 !important;
}

.sidebar .tool-btn .tool-subtitle,
.sidebar .sidebar-btn .tool-subtitle {
    font-size: 11.5px !important;
    line-height: 1.25 !important;
}

.sidebar #profileButtonText {
    font-size: 14px !important;
}

.sidebar .profile-avatar,
.sidebar .profile-avatar img {
    border-radius: 50% !important;
}

.sidebar .profile-avatar {
    overflow: hidden !important;
}

/* The profile action is an avatar control, not a rectangular secondary button. */
.sidebar-footer .profile-btn {
    min-width: 42px !important;
    width: auto !important;
    min-height: 42px !important;
    padding: 2px 4px !important;
    gap: 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sidebar-footer .profile-btn:hover,
.sidebar-footer .profile-btn:focus-visible {
    background: rgba(255, 255, 255, 0.055) !important;
    outline: none !important;
}

/* Profile and settings are separate actions, but share one hover state. */
.sidebar-footer .footer-actions:has(.profile-btn:hover, .settings-btn:hover) .profile-btn,
.sidebar-footer .footer-actions:has(.profile-btn:hover, .settings-btn:hover) .settings-btn,
.sidebar-footer .footer-actions:has(.profile-btn:focus-visible, .settings-btn:focus-visible) .profile-btn,
.sidebar-footer .footer-actions:has(.profile-btn:focus-visible, .settings-btn:focus-visible) .settings-btn {
    background: rgba(255, 255, 255, 0.055) !important;
}

body.light-mode .sidebar-footer .footer-actions:has(.profile-btn:hover, .settings-btn:hover) .profile-btn,
body.light-mode .sidebar-footer .footer-actions:has(.profile-btn:hover, .settings-btn:hover) .settings-btn,
body.light-mode .sidebar-footer .footer-actions:has(.profile-btn:focus-visible, .settings-btn:focus-visible) .profile-btn,
body.light-mode .sidebar-footer .footer-actions:has(.profile-btn:focus-visible, .settings-btn:focus-visible) .settings-btn {
    background: rgba(0, 0, 0, 0.055) !important;
}

.sidebar-footer .profile-btn .profile-avatar {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.sidebar-footer .profile-btn .profile-avatar svg {
    width: 22px !important;
    height: 22px !important;
}

body.sidebar-collapsed .sidebar-footer .profile-btn {
    width: 44px !important;
    height: 44px !important;
    padding: 2px !important;
}

body.sidebar-collapsed .sidebar-footer .profile-btn .profile-avatar {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
}

body.light-mode .sidebar .tool-btn.active,
body.light-mode .sidebar .sidebar-btn.active {
    background: var(--logicum-active-bg) !important;
    border-color: var(--logicum-active-border) !important;
    border-left-color: var(--logicum-active-accent) !important;
    color: var(--logicum-active-text) !important;
}

/* Chat search keeps a quiet, neutral focus state instead of the global orange ring. */
.chat-header .header-search-wrapper,
.chat-header .header-search-wrapper:focus-within,
.chat-header .header-search-input,
.chat-header .header-search-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.chat-header .header-search-wrapper:focus-within {
    background: var(--input-bg) !important;
    border-color: var(--logicum-border, rgba(255, 255, 255, 0.08)) !important;
}

/* Keep the main composer neutral in every state, including focus and dictation. */
.chat-input-area,
.chat-input-area:hover,
.chat-input-area.is-listening {
    border-color: var(--logicum-border, rgba(255, 255, 255, 0.08)) !important;
    box-shadow: none !important;
    transform: none !important;
}

.chat-input-area:focus-within {
    border-color: var(--logicum-orange-border, var(--logicum-border-strong)) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--logicum-orange) 13%, transparent) !important;
    transform: none !important;
}

.chat-input-area #chatInput,
.chat-input-area #chatInput:focus,
.chat-input-area #chatInput:hover {
    background: transparent !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* The separator ends inside the rounded header instead of drawing through its corners. */
#chatsListView > .library-header,
#libraryView > .library-header,
#chatHeader {
    position: relative !important;
    border-bottom: 0 !important;
    overflow: hidden !important;
    border-radius: 0 0 18px 18px !important;
}

#chatsListView > .library-header::after,
#libraryView > .library-header::after,
#chatHeader::after {
    content: "";
    position: absolute;
    right: 30px;
    bottom: 0;
    left: 30px;
    height: 1px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--border-color) 58%, transparent);
    pointer-events: none;
}

body.light-mode #chatsListView > .library-header::after,
body.light-mode #libraryView > .library-header::after,
body.light-mode #chatHeader::after {
    background: rgba(15, 23, 42, 0.08);
}

@media (prefers-reduced-motion: reduce) {
    .app-view-container,
    .sidebar { animation: none !important; transition: none !important; }
}

/* The close control is an unobtrusive icon, aligned inside the window. */
#settingsView .settings-close-btn,
#settingsView .settings-close-btn:hover,
#settingsView .settings-close-btn:focus,
#settingsView .settings-close-btn:focus-visible {
    top: 16px !important;
    right: 18px !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

#settingsView .settings-close-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.07) !important;
}

/* Sidebar tabs: compact rows, never Google-Play-style pills. */
#settingsView .settings-tabs-pills {
    align-items: stretch !important;
    gap: 5px !important;
    padding: 0 4px !important;
}

#settingsView .settings-tabs-pills .settings-tab-btn,
#settingsView .settings-tabs-pills .settings-tab-btn.active,
#settingsView .settings-tabs-pills .settings-tab-btn:hover {
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
    min-height: 40px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    padding: 0 14px !important;
}

#settingsView .settings-tab-btn,
#settingsView .settings-tab-btn.active,
#settingsView .settings-tab-btn:hover {
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#settingsView .settings-tab-btn.active {
    border-color: rgba(255, 255, 255, 0.11) !important;
    border-left: 2px solid rgba(255, 255, 255, 0.72) !important;
    background: rgba(255, 255, 255, 0.065) !important;
    color: var(--text-primary) !important;
}

#settingsView .settings-tabs-pills .settings-tab-btn.active {
    border-left: 1px solid rgba(255, 255, 255, 0.72) !important;
    box-shadow: none !important;
}

body.light-mode #settingsView .settings-tab-btn.active {
    border-color: var(--logicum-active-border) !important;
    border-left-color: var(--logicum-active-accent) !important;
    background: var(--logicum-active-bg) !important;
    color: var(--logicum-active-text) !important;
}

body.light-mode #settingsView .settings-tabs-pills .settings-tab-btn.active {
    border-left-color: var(--logicum-active-accent) !important;
    box-shadow: none !important;
}

/* One control language for every selectable setting, based on Notification Sound. */
#settingsView :where(.notification-size-btn,
    .notification-sound-current-btn,
    .notification-sound-option,
    .ai-settings-row-btn,
    .language-option-btn,
    .language-current-btn,
    .settings-save-btn,
    .settings-form button) {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border: 1px solid var(--logicum-border, rgba(255, 255, 255, 0.10)) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    color: var(--text-primary) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

#settingsView :where(.notification-size-btn:hover,
    .notification-sound-current-btn:hover,
    .notification-sound-option:hover,
    .ai-settings-row-btn:hover,
    .language-option-btn:hover,
    .language-current-btn:hover,
    .settings-save-btn:hover,
    .settings-form button:hover) {
    background: rgba(255, 255, 255, 0.11) !important;
    border-color: var(--logicum-border-strong, rgba(255, 255, 255, 0.16)) !important;
    transform: none !important;
}

#settingsView :where(.notification-size-btn.active,
    .notification-sound-option.active,
    .language-option-btn.active) {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
    color: var(--text-primary) !important;
}

/* Text fields match the chat composer: soft fill, full pill, no focus glow. */
#settingsView :where(input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    textarea) {
    min-height: 42px !important;
    border: 1px solid var(--logicum-border, rgba(255, 255, 255, 0.10)) !important;
    border-radius: 999px !important;
    background: var(--input-bg) !important;
    box-shadow: none !important;
    outline: none !important;
}

#settingsView :where(input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    textarea):focus {
    border-color: var(--logicum-border-strong, rgba(255, 255, 255, 0.16)) !important;
    background: var(--input-bg) !important;
    box-shadow: none !important;
}

/* Give each settings surface the same dark frame used by Notification rows. */
#settingsView :where(.settings-card,
    .ai-settings-panel,
    .theme-card,
    .plan-card,
    .subscription-usage,
    .notification-setting-row,
    .notification-preview-row) {
    border: 1px solid var(--logicum-border, rgba(255, 255, 255, 0.10)) !important;
    border-radius: 14px !important;
    background: var(--logicum-surface, rgba(255, 255, 255, 0.035)) !important;
    box-shadow: none !important;
}

#settingsView .settings-card,
#settingsView .settings-card:nth-of-type(even),
#settingsView .ai-settings-panel,
#settingsView #settings-tab-notifications .notification-setting-row {
    border: 1px solid var(--logicum-border, rgba(255, 255, 255, 0.10)) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    box-shadow: none !important;
}

#settingsView #settings-tab-notifications .notification-setting-row {
    padding: 12px 14px !important;
}

#settingsView #settings-tab-ai .ai-settings-card,
#settingsView #settings-tab-ai .ai-settings-panel {
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid var(--logicum-border, rgba(255, 255, 255, 0.10)) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

#settingsView #settings-tab-ai .ai-settings-card {
    padding: 20px !important;
}

body.light-mode #settingsView .settings-card,
body.light-mode #settingsView .settings-card:nth-of-type(even),
body.light-mode #settingsView .ai-settings-panel,
body.light-mode #settingsView #settings-tab-notifications .notification-setting-row {
    background: rgba(15, 23, 42, 0.035) !important;
}

body.light-mode #settingsView #settings-tab-ai .ai-settings-card,
body.light-mode #settingsView #settings-tab-ai .ai-settings-panel {
    background: rgba(15, 23, 42, 0.035) !important;
}

@media (max-width: 760px) {
    body #settingsView {
        padding: 12px !important;
    }

    body #settingsView .settings-window {
        width: 100% !important;
        height: calc(100dvh - 24px) !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 700px) {
    #chatsListView > .library-header::after,
    #libraryView > .library-header::after,
    #chatHeader::after {
        right: 16px;
        left: 16px;
    }
}

/* Final navigation alignment pass: these rules must remain last. */
#chatsListView .library-header,
#libraryView .library-header {
    position: relative !important;
    padding: clamp(20px, 2.5vw, 28px) clamp(24px, 3.5vw, 48px) 18px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#chatsListView .library-search-bar {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 999px !important;
}

#chatsListView .chats-list-search-toggle {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
}

/* Keep Chat and Library search on one deterministic header anchor. */
#chatHeader .header-search-wrapper,
#libraryView .library-header > #librarySearchBar {
    position: absolute !important;
    /* Chat header center: 64px header / 2, independent from Library title height. */
    top: 32px !important;
    left: 50% !important;
    z-index: 2 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate(-50%, -50%) !important;
    translate: none !important;
}

#chatHeader .header-search-wrapper {
    width: 238px !important;
    min-width: 238px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

#libraryView .library-header > #librarySearchBar {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    translate: none !important;
}

#libraryView .library-header > #librarySearchBar {
    border: 0 !important;
    box-shadow: none !important;
}

#libraryView .library-header > #librarySearchBar.is-open {
    width: 238px !important;
    min-width: 238px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    background: var(--input-bg) !important;
    border: 1px solid var(--border-color) !important;
}

#libraryView .library-header > #librarySearchBar .library-search-toggle {
    display: flex !important;
    flex: 0 0 36px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}

#libraryView .library-header > #librarySearchBar .library-search-toggle:hover,
#libraryView .library-header > #librarySearchBar .library-search-toggle:focus,
#libraryView .library-header > #librarySearchBar .library-search-toggle:focus-visible {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: var(--ui-hover, rgba(255, 255, 255, 0.08)) !important;
}

#libraryView .library-header > #librarySearchBar .search-icon {
    width: 17px !important;
    height: 17px !important;
}

#libraryView .library-header > #librarySearchBar input {
    display: none !important;
    min-width: 0 !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#libraryView .library-header > #librarySearchBar.is-open input {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: 100% !important;
}

/* Library search shares the Chat list anchor: left edge of the content surface. */
#libraryView .library-content {
    padding: 18px 20px 24px !important;
}

#libraryView .library-content > #librarySearchBar {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    flex: 0 0 auto !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

#libraryView .library-content > #librarySearchBar.is-open {
    width: 238px !important;
    min-width: 238px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    background: var(--input-bg) !important;
    border: 1px solid var(--border-color) !important;
}

#libraryView .library-content > #librarySearchBar .library-search-toggle {
    display: inline-flex !important;
    flex: 0 0 36px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}

#libraryView .library-content > #librarySearchBar .library-search-toggle:hover,
#libraryView .library-content > #librarySearchBar .library-search-toggle:focus-visible {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: var(--bg-hover) !important;
}

#libraryView .library-content > #librarySearchBar .search-icon {
    width: 17px !important;
    height: 17px !important;
}

#libraryView .library-content > #librarySearchBar input {
    display: none !important;
    min-width: 0 !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#libraryView .library-content > #librarySearchBar.is-open input {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: 100% !important;
}

.app-view-container {
    animation: none !important;
    transition: none !important;
}

/* Tool navigation uses surface contrast, never an enclosing button outline. */
.sidebar .tool-btn,
.sidebar .tool-btn:hover,
.sidebar .tool-btn:focus,
.sidebar .tool-btn:focus-visible,
.sidebar .tool-btn.active,
.sidebar .sidebar-btn,
.sidebar .sidebar-btn:hover,
.sidebar .sidebar-btn:focus,
.sidebar .sidebar-btn:focus-visible,
.sidebar .sidebar-btn.active {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.sidebar .tool-btn.active,
.sidebar .sidebar-btn.active {
    border-left: 2px solid rgba(255, 255, 255, 0.72) !important;
}

body.light-mode .sidebar .tool-btn.active,
body.light-mode .sidebar .sidebar-btn.active {
    border-left-color: var(--logicum-active-accent) !important;
}

/* Give the Chat and Library headers a title-scale icon, not a tiny utility glyph. */
#chatsListView .section-title-row,
#libraryView .section-title-row {
    min-height: 44px !important;
    gap: 13px !important;
}

#chatsListView .section-title-icon--plain,
#libraryView .section-title-icon--plain {
    width: 44px !important;
    height: 44px !important;
    margin-right: 0 !important;
}

#chatsListView .section-title-icon--plain svg,
#libraryView .section-title-icon--plain svg {
    width: 42px !important;
    height: 42px !important;
    stroke-width: 1.75 !important;
}

/* Settings sidebar: remove the stray bottom scrollbar created by horizontal overflow. */
#settingsView .settings-tabs {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
}

#settingsView .settings-tabs::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* Chat search must be visually identical before and after focus. */
#chatHeader .header-search-wrapper:focus-within,
#chatHeader .header-search-input,
#chatHeader .header-search-input:hover,
#chatHeader .header-search-input:focus {
    background: var(--input-bg) !important;
    background-image: none !important;
    border-color: var(--border-color) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Saved chat previews use the same quiet ink surface as the rest of Logicum.
   The current chat gets an amber wash rather than a heavy selected card. */
#chatsListGrid .project-chat-card:not(.folder-card),
#chatsListGrid .project-chat-card:not(.folder-card):visited {
    background: color-mix(in srgb, var(--logicum-surface) 72%, transparent) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#chatsListGrid .project-chat-card:not(.folder-card):hover,
#chatsListGrid .project-chat-card:not(.folder-card):focus-visible {
    background: var(--logicum-surface-raised) !important;
    background-image: none !important;
    border-color: var(--logicum-border) !important;
    box-shadow: none !important;
    transform: none !important;
}

#chatsListGrid .project-chat-card:not(.folder-card).active {
    background: color-mix(in srgb, var(--logicum-orange) 12%, var(--logicum-surface)) !important;
    border-color: color-mix(in srgb, var(--logicum-orange) 32%, var(--logicum-border)) !important;
}