/* TS Core – Vorschläge beim Tippen (auf allen Seiten geladen, daher klein gehalten) */

.ts-sg-form { position: relative; }
.ts-sg { position: absolute; z-index: 1000; top: calc(100% + 6px); left: 0; right: 0; min-width: 280px; max-height: 70vh; overflow: auto; background: #fff; border: 1px solid #d5d8dc; border-radius: 10px; box-shadow: 0 12px 32px rgba(15, 27, 45, .18); padding: 6px; text-align: left; font-size: 15px; }
.ts-sg[hidden] { display: none; }
.ts-sg-head { margin: 6px 8px 2px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #5f5f5f; }
.ts-sg-item { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 6px; color: #0f1b2d !important; text-decoration: none !important; line-height: 1.25; }
.ts-sg-item:hover, .ts-sg-item:focus { background: #fff3e8; outline: none; }
.ts-sg-item img { width: 44px; height: 24px; object-fit: contain; flex: none; }
.ts-sg-item b { flex: none; width: 44px; color: #ff7700; font-weight: 800; font-size: 14px; }
.ts-sg-item small { display: block; color: #5f5f5f; font-size: 12px; }
.ts-sg-icon { flex: none; width: 44px; height: 24px; border-radius: 4px; background: #f7f8f9; }
.ts-sg-icon--text { width: 8px; height: 8px; border-radius: 50%; background: #ff7700; margin: 0 18px; }
.ts-sg-all { display: block; margin-top: 4px; padding: 9px 8px; border-top: 1px solid #eaedef; font-weight: 700; color: #d96400 !important; }
.ts-sg-none { margin: 8px; color: #5f5f5f; }