.search-input-bar { margin-top: var(--space-sm); max-width: 540px; }
.search-input-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--color-paper);
  border: 2px solid rgba(14,13,12,0.2);
  border-radius: 999px;
  padding: 0.65rem 1.2rem;
  transition: border-color var(--duration-fast);
}
.search-input-wrap:focus-within { border-color: var(--color-ink); box-shadow: 0 4px 16px rgba(14,13,12,0.12); }
.search-input-wrap svg { flex-shrink: 0; color: var(--color-ink-soft); }
.search-input-wrap input { flex: 1; border: none; background: transparent; font-family: var(--font-body); font-size: var(--fs-sm); color: var(--color-ink); outline: none; }
.search-input-wrap input::placeholder { color: rgba(14,13,12,0.45); }
.search-result-count { font-size: var(--fs-sm); color: rgba(14,13,12,0.60); margin-top: var(--space-2xs); }

.search-results-area { padding: var(--space-lg) 0 var(--space-xl); }
.search-no-results { text-align: center; padding: var(--space-xl) var(--space-md); max-width: 480px; margin: 0 auto; }
.search-no-results .empty-icon {
  width: 64px; height: 64px;
  border-radius: 50%;
  border: 1px solid var(--color-amber);
  color: var(--color-amber);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto var(--space-md);
}
.search-no-results h2 { font-family: var(--font-display); font-size: var(--fs-lg); margin-bottom: var(--space-xs); }
.search-no-results p { color: var(--color-ink-soft); font-size: var(--fs-sm); margin-bottom: var(--space-md); }
.search-suggestions { display: flex; gap: var(--space-xs); justify-content: center; flex-wrap: wrap; margin-top: var(--space-sm); }
.search-suggestion-chip { font-size: var(--fs-sm); border: var(--border-hairline); border-radius: 999px; padding: 0.45rem 1rem; color: var(--color-ink-soft); }
.search-suggestion-chip:hover { border-color: var(--color-amber); color: var(--color-amber-dark); }