/* ==========================================================
   components/search.css — 통합 검색 모달 (components/search.js)
   ========================================================== */

.srch-input {
  display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 16px; margin-bottom: 14px;
  border-radius: 16px; background: var(--surface-2); transition: box-shadow .15s, background .15s;
}
.srch-input:focus-within { background: #fff; box-shadow: inset 0 0 0 2px var(--brand), var(--focus-ring); }
.srch-input .ico { color: var(--ink-4); }
.srch-input input { flex: 1; min-width: 0; height: 100%; border: 0; outline: none; background: none; font-size: 16px; font-weight: 600; }
.srch-input input::placeholder { color: var(--ink-4); font-weight: 500; }

.srch-body { min-height: 180px; }
.srch-label { margin: 14px 2px 8px; font-size: 12.5px; font-weight: 800; color: var(--ink-4); }
.srch-label:first-child { margin-top: 0; }
.srch-pop { flex-wrap: wrap; }
.srch-list { display: grid; gap: 2px; }
.srch-row { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 10px; border-radius: 13px; transition: background .12s; }
.srch-row:hover, .srch-row.is-active { background: var(--surface-2); }
.srch-txt { flex: 1; min-width: 0; display: grid; line-height: 1.35; }
.srch-txt b { font-size: 15px; font-weight: 800; letter-spacing: -.02em; }
.srch-txt span { font-size: 12.5px; color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.srch-go { width: 17px; height: 17px; color: var(--ink-4); }