/* Açılan listenin üstündeki küçük arama kutusu (Tom Select dropdown_input).
   Kullanan: static/js/searchable-select.js */
.ts-dropdown .dropdown-input-wrap { padding: 6px 8px; }

.ts-dropdown .dropdown-input {
    font-size: 13px;
    padding: 4px 8px 4px 28px;
    border: 1px solid #d0d7de !important;
    border-radius: 6px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.868-3.834zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") no-repeat 9px center;
}

.ts-dropdown .dropdown-input:focus { border-color: #86b7fe !important; }

/* Tek seçimli kutu: seçili metin oka binmesin; sığmazsa "..." ile kısalsın */
.ts-wrapper.single .ts-control { flex-wrap: nowrap; }
.ts-wrapper.single .ts-control > .item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Açılan liste kutudan dar olmasın, en geniş seçeneğe göre genişleyebilsin;
   seçenekler satır kırmasın (dar filtre kutularında "Tum Durumlar" ikiye
   bölünüyordu). Çok uzun metinler "..." ile kısalır. */
.ts-dropdown {
    width: auto !important;
    min-width: 100%;
    max-width: min(480px, 90vw);
}
.ts-dropdown .option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Kaydırmalı tablolardan gövdeye taşınan liste: sticky üst çubuğun üstünde kalsın */
body > .ts-dropdown { z-index: 1060; min-width: 0; }