@layer components{
.karo-arama-paneli{display:none;position:absolute;inset-inline:0;inset-block-start:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;z-index:60}
.karo-arama-paneli[data-state]:not([data-state="idle"]){display:block}
.karo-arama-paneli__liste{display:grid;max-block-size:min(60vh,34rem);overflow:auto;overscroll-behavior:contain;padding-block:var(--space-1)}
.karo-arama-paneli__liste>a{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:10px 12px;text-decoration:none;color:var(--text);border-block-end:1px solid #edf2ef}
.karo-arama-paneli__liste>a:hover{background:var(--surface-soft)}
.karo-arama-paneli__durum{display:none;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:18px;color:var(--text-muted)}
.karo-arama-paneli[data-state="loading"] .karo-arama-paneli__durum[data-kind="loading"],.karo-arama-paneli[data-state="empty"] .karo-arama-paneli__durum[data-kind="empty"]{display:grid}
.karo-arama-paneli__iskelet{block-size:10px;border-radius:99px;background:linear-gradient(90deg,#edf2ef,#dfe9e4,#edf2ef);background-size:220% 100%;animation:karo-yukleniyor 1.2s linear infinite}
@keyframes karo-yukleniyor{to{background-position:-220% 0}}
}