/**
 * File:          public/css/chat_search.css
 * Version:       0.1.0
 * Last Modified: 2026-11-01 08:04 PM EST
 * Changes:       New. Chat 2.0 step 3 (H2): the slim "Search in this chat" bar under the header and the match highlights
 *                (all matches soft gold, the current match solid gold with dark ink).
 */
#c2-search-bar { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; box-sizing: border-box; height: 48px; margin: 0 12px 6px; padding: 0 6px 0 14px;
  border-radius: 24px; background: var(--c2-float); border: 1px solid var(--c2-float-line); box-shadow: var(--c2-float-shadow); color: var(--c2-text); z-index: 59; }
#c2-search-bar[hidden] { display: none; }
#c2-search-bar > svg { flex: none; color: var(--c2-muted); }
#c2-search-input { flex: 1 1 auto; min-width: 0; height: 36px; padding: 0 4px; border: 0; outline: none; background: transparent; color: var(--c2-text);
  font: inherit; font-size: 15px; }
#c2-search-input::-webkit-search-cancel-button { display: none; }
#c2-search-count { flex: none; color: var(--c2-muted); font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; }
#c2-search-bar button { display: grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 18px;
  background: transparent; color: var(--c2-text); cursor: pointer; }
#c2-search-bar button:hover:not(:disabled) { background: var(--c2-surface-3); }
#c2-search-bar button:disabled { opacity: .35; cursor: default; }
@media (pointer: coarse) { #c2-search-input { font-size: 16px; } }
mark.c2-search-hit { background: rgba(240, 184, 75, .28); color: inherit; border-radius: 3px; padding: 0 1px; }
mark.c2-search-hit.is-current { background: var(--c2-accent); color: var(--c2-accent-ink); }
/* === END OF FILE (FILENAME: public/css/chat_search.css) === */