.chat-list-controls { padding: 0 12px 10px; border-bottom: 1px solid var(--border); display: grid; gap: 6px; }
.chat-list-sort { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--muted); font-size: 12px; }
.chat-list-sort select { min-width: 0; flex: 1; width: auto; min-height: 34px; font-size: 12px; }
.chat-list-filters summary { display: flex; align-items: center; gap: 6px; min-height: 32px; font-size: 12px; cursor: pointer; }
.chat-list-filters summary .icon { width: 14px; height: 14px; }
.chat-list-filters summary.filtered { color: var(--accent-text); }
.chat-filter-count { min-width: 20px; padding-inline: 4px; border-radius: 10px; background: var(--accent-soft); text-align: center; }
.chat-list-filter-fields { display: grid; gap: 8px; padding: 4px 0; }
.chat-list-filter-fields label { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 8px; margin: 0; color: var(--muted); font-size: 12px; }
.chat-list-filter-fields select { min-height: 34px; min-width: 0; font-size: 12px; }
.chats-sidebar .chat-item { position: relative; padding: 0; gap: 0; align-items: stretch; }
.chat-choice { display: flex; gap: 10px; align-items: center; flex: 1; min-width: 0; padding: 12px 8px; border: 0; background: none; color: inherit; text-align: start; }
.chat-choice:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: inherit; }
.chat-priority { flex: 0 0 28px; width: 28px; min-height: 36px; align-self: center; padding: 4px; margin-inline-end: 4px; border: 0; background: none; color: var(--muted); }
.chat-priority .icon { width: 15px; height: 15px; }
.chat-priority.on { color: var(--accent-text); }
.chat-priority.on .icon { fill: currentColor; }
.chat-auto { display: inline-flex; align-items: center; color: var(--muted); }
.chat-auto .icon, .chat-item-badges .pill .icon { width: 12px; height: 12px; }
.chat-item-badges .pill { gap: 4px; font-variant-numeric: tabular-nums; }