/* Chat list search must use the same open pill as the Library search. */
#chatsListView .chats-list-content {
    align-items: flex-start !important;
}

#chatsListView #chatsListSearchBar,
#chatsListView .chats-list-content > #chatsListSearchBar,
#chatsListView .chats-list-content .library-search-bar.chats-list-search-bar {
    display: flex !important;
    position: relative !important;
    align-self: flex-start !important;
    width: 238px !important;
    min-width: 238px !important;
    max-width: 238px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    flex: 0 0 238px !important;
    aspect-ratio: auto !important;
    margin: 0 0 12px !important;
    padding: 0 8px 0 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 999px !important;
    background: var(--input-bg) !important;
    box-shadow: none !important;
    transform: none !important;
    translate: none !important;
    z-index: 3 !important;
    pointer-events: auto !important;
}

/* Prevent legacy compact-search rules from restoring a circular control. */
#chatsListView #chatsListSearchBar::before,
#chatsListView #chatsListSearchBar::after {
    display: none !important;
}

#chatsListView #chatsListSearchToggle {
    display: inline-flex !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

#chatsListView #chatsListSearchBar > #chatsListSearchInput {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 10px 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: text !important;
}

#chatsListView #chatsListSearchBar > #chatsListSearchInput:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Lift an opened folder above neighbouring cards and the document surface. */
#libraryView .documents-grid,
#libraryView .folder-card,
#libraryView .folder-card-actions {
    overflow: visible !important;
}

#libraryView .folder-card:has(.folder-menu.open) {
    position: relative !important;
    z-index: 1000 !important;
}

#libraryView .folder-card:has(.folder-menu.open) .folder-card-actions,
#libraryView .folder-card .folder-menu.open {
    z-index: 1001 !important;
}

#libraryView .folder-card .folder-menu.open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}