/* ══════════════════════════════════════════════════════════════════════ SELECT-POP — native öğesinin KENDİSİ olduğu gibi kalır — tetikleyici odur, dolayısıyla sayfaların mevcut alan stilleri (.uk-select, .gd-form select, .dash-input, .form-control …) hiç değişmez. select-pop.js yalnızca native popup'ı açan olayları engelleyip aşağıdaki paneli 'ye portal olarak basar. Panel altında position:fixed durur; böylece kartlardaki overflow:hidden / transform / backdrop-filter kırpmalarından etkilenmez (ipucu motorundaki .uk-tip ile aynı mantık). ══════════════════════════════════════════════════════════════════════ */ .selpop { position: fixed; left: 0; top: 0; z-index: 2147482900; /* .uk-tip (…3000) hemen altı */ box-sizing: border-box; min-width: 120px; max-width: min(92vw, 520px); padding: 5px; margin: 0; border-radius: 12px; /* OPAK zemin şart: yarı saydam olsaydı aynı "altı boş yüzey" sorunu bu sefer bizim panelimizde olurdu. */ background: #1c1a30; border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 18px 44px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.35); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.22) transparent; font-family: inherit; opacity: 0; transform: translateY(-4px); transition: opacity .12s ease, transform .12s ease; } .selpop.visible { opacity: 1; transform: none; } .selpop::-webkit-scrollbar { width: 9px; } .selpop::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 9px; border: 2px solid transparent; background-clip: content-box; } .selpop::-webkit-scrollbar-track { background: transparent; } .selpop-opt { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 8px; font-size: 13px; font-weight: 500; line-height: 1.35; color: rgba(255,255,255,0.88); cursor: pointer; user-select: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .selpop-opt + .selpop-opt { margin-top: 1px; } /* .active = klavye/fare ile üzerinde gezinilen satır */ .selpop-opt.active { background: rgba(255,255,255,0.10); } /* .selected =