.break-search-wrapper { position: relative; max-width: 300px; margin: 0; }
#break-search { width: 100%; padding: 6px 8px; font-size: 14px; border-radius: 4px; border: 1px solid #ccc; }
#break-results { position: absolute; top: 100%; left: 0; width: 100%; background: white; border: 1px solid #ccc; border-top: none; z-index: 1000; max-height: 400px; overflow-y: auto; }
#break-results ul { list-style: none; margin: 0; padding: 0; }
#break-results li { display: flex; align-items: center; gap: 5px; padding: 8px; border-bottom: 1px solid #eee; }
#break-results li img { width: 40px; height: 56px; object-fit: cover; border-radius: 4px; }
#break-results li:hover { background: #f9f9f9; }
#break-results li a { display: flex; align-items: center; gap: 6px; text-decoration: none; color: black; width: 100%; }
#break-results li span { display: inline-block; max-width: 18ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }