/* src/common/template/src/web/app/name-search.css の写し（2026-11-08）。直すときは template を直してから写す */
/* 名前で探す検索窓（name-search.js）。仕様: docs/common/template/ui-components.md §3.14 */
.g-name-search { position: relative; margin: 12px 0 20px; }
.g-name-search-input { width: 100%; font-size: 1rem; }
.g-name-search-list {
  list-style: none; margin: 4px 0 0; padding: 4px; max-height: 420px; overflow-y: auto;
  background: var(--g-glass-bg-elevated, var(--g-glass-bg)); border: 1px solid var(--g-glass-border);
  border-radius: var(--g-radius-lg); box-shadow: var(--g-shadow-lg, 0 8px 24px rgba(0, 0, 0, .18));
}
.g-name-search-list a { display: flex; flex-direction: column; padding: 8px 10px; border-radius: var(--g-radius-md); color: inherit; text-decoration: none; }
.g-name-search-list a:hover, .g-name-search-list a:focus-visible { background: var(--g-glass-bg-subtle); outline: none; }
.g-name-search-list small { color: var(--g-text-muted); font-size: .8rem; }
.g-name-search-note { margin: 6px 2px 0; color: var(--g-text-muted); font-size: .85rem; }