/* aramali-secici.css — kayit referanslarinin aramali secicisi (bkz. aramali-secici.js).
   Yerlesim ve renk token'lardan gelir; ham hex yazilmaz. Modul yalnizca genislik/deri ekler. */

.p360-arama {
    position: relative;
    min-width: 220px;
}

/* Filtre satirinda esnek buyusun; formda alan genisligini kap kontrol eder. */
.p360-arama-filtre {
    flex: 1;
    min-width: 240px;
}

.p360-arama-liste {
    position: absolute;
    z-index: 60;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    max-height: 260px;
    overflow-y: auto;
    background: var(--surface, #fff);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    padding: 4px;
}

.p360-arama-oge {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    padding: 7px 10px;
    border-radius: 7px;
    font: 400 12.5px/1.35 var(--font);
    color: var(--text);
    cursor: pointer;
}

/* Enter ilk ogeyi secer; ".ilk" o ogeyi gorunur kilar. */
.p360-arama-oge:hover,
.p360-arama-oge.ilk {
    background: var(--hover-bg);
}

/* "Eslesen kayit yok" ve "once ust kaydi secin" ayni kutuda: bilinmeyen bos gosterilmez. */
.p360-arama-bos {
    padding: 8px 10px;
    font: 400 12px/1.3 var(--font);
    color: var(--muted);
}