.smart-search { position: relative; width: 100%; max-width: 660px; margin: 0 0 34px; }
.smart-search label { color: #555; font-size: 13px; margin-bottom: 8px; }
.smart-search .search-line { position: relative; display: flex; flex-direction: row; align-items: center; gap: 16px; }
.smart-search input[data-search] { max-width: none; width: 100%; padding: 11px 38px 11px 12px; border-color: #999; font-size: 16px; }
.smart-search input[data-search]:focus { border-color: #000; }
.smart-search [data-action="clear-search"] { position: absolute; right: 12px; font-size: 13px; background: #fff; }
.smart-search input::-webkit-search-cancel-button { display: none; }
.smart-results { position: absolute; z-index: 9; left: 0; right: 0; top: calc(100% + 5px); max-height: min(65vh,540px); overflow-y: auto; border: 1px solid #aaa; background: #fff; box-shadow: 0 8px 18px #0000000a; }
.smart-status { margin: 0; padding: 12px 16px; font-size: 13px; color: #555; }
.smart-results a { display: grid; grid-template-columns: 85px minmax(0,1fr); gap: 2px 12px; padding: 13px 16px; text-decoration: none; border-top: 1px solid #eee; }
.smart-results a:hover,.smart-results a[aria-selected="true"] { background: #f4f4f4; }
.smart-type { font-size: 12px; color: #666; padding-top: 3px; }
.smart-title { font-size: 16px; line-height: 1.4; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.smart-reason { grid-column: 2; font-size: 12px; color: #666; }
@media(max-width:650px){.smart-search{margin-bottom:27px;}.smart-results a{grid-template-columns:1fr;gap:4px;}.smart-reason{grid-column:1;}.smart-type{padding:0;}.smart-search input[data-search]{padding-right:80px;}}