/* PAN CRM v178 - Select dropdown geri alma + temiz border düzeltmesi
   v177'de Filament select wrapper'larına fazla geniş overflow:hidden uygulanınca
   Kategori filtresi dropdown paneli kırpılabiliyor/kaybolabiliyordu.
   Bu dosya dropdown açılımını serbest bırakır, yalnızca input/border görünümünü düzeltir. */

:root {
    --pan-select-line: #b9cadb;
    --pan-select-line-soft: #d7e2ed;
    --pan-select-text: #10243a;
    --pan-select-muted: #718096;
    --pan-select-focus: #f58220;
    --pan-select-focus-soft: rgba(245, 130, 32, .16);
}

/* Filtre alanlarının kendisi ve select wrapper'ları dropdown'u kırpmasın. */
.fi-ta-filters,
.fi-ta-filters form,
.fi-ta-filters .grid,
.fi-ta-filters .fi-fo-field-wrp,
.fi-ta-filters .fi-fo-field-wrp > div,
.fi-ta-filters .fi-input-wrp,
.fi-ta-filters .fi-fo-select,
.fi-ta-filters [data-field-wrapper],
.fi-ta-filters [x-data],
.fi-fo-select,
.fi-fo-select .fi-input-wrp,
.fi-input-wrp:has(.fi-select-input),
.fi-input-wrp:has(select) {
    overflow: visible !important;
}

/* Kapalı select/input kutusu: alt border net, fakat dropdown'u kesmeyen yapı. */
.fi-ta-filters .fi-fo-select .fi-input-wrp,
.fi-ta-filters .fi-input-wrp:has(.fi-select-input),
.fi-ta-filters .fi-input-wrp:has(select),
.fi-fo-select .fi-input-wrp,
.fi-input-wrp:has(.fi-select-input),
.fi-input-wrp:has(select) {
    background: #ffffff !important;
    border: 1px solid var(--pan-select-line) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 2px rgba(16, 36, 58, .05) !important;
}

.fi-ta-filters .fi-fo-select .fi-input-wrp:focus-within,
.fi-ta-filters .fi-input-wrp:has(.fi-select-input):focus-within,
.fi-ta-filters .fi-input-wrp:has(select):focus-within,
.fi-fo-select .fi-input-wrp:focus-within,
.fi-input-wrp:has(.fi-select-input):focus-within,
.fi-input-wrp:has(select):focus-within {
    border-color: var(--pan-select-focus) !important;
    box-shadow: 0 0 0 3px var(--pan-select-focus-soft), inset 0 1px 2px rgba(16, 36, 58, .05) !important;
}

/* Dropdown paneli üstte ve görünür kalsın. Display/visibility zorlamıyoruz; Alpine/Livewire kapatma mantığı bozulmasın. */
.fi-dropdown-panel,
.fi-select-dropdown,
.choices__list--dropdown,
.choices__list[aria-expanded],
.ts-dropdown,
[x-popper],
[x-popper] .fi-dropdown-panel,
[x-popper] .fi-select-dropdown {
    z-index: 99999 !important;
    overflow: visible !important;
}

.fi-dropdown-panel,
.fi-select-dropdown,
.choices__list--dropdown,
.choices__list[aria-expanded],
.ts-dropdown,
[x-popper] .fi-dropdown-panel,
[x-popper] .fi-select-dropdown {
    background: #ffffff !important;
    color: var(--pan-select-text) !important;
    border: 1px solid var(--pan-select-line) !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 34px rgba(15, 35, 55, .18) !important;
    outline: 0 !important;
}

/* Panel içindeki scroll alanı çalışmaya devam etsin. */
.fi-dropdown-panel [role="listbox"],
.fi-select-dropdown [role="listbox"],
.choices__list--dropdown .choices__list,
.ts-dropdown .ts-dropdown-content {
    max-height: 320px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
}

/* Dropdown içindeki arama inputu: siyah çizgi yok, alt çizgi yumuşak. */
.fi-dropdown-panel .fi-input-wrp,
.fi-select-dropdown .fi-input-wrp,
.choices__list--dropdown .choices__input,
.choices__list[aria-expanded] .choices__input,
.ts-dropdown .ts-control,
.ts-dropdown input,
.fi-dropdown-panel input[type="search"],
.fi-select-dropdown input[type="search"],
.fi-dropdown-panel input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.fi-select-dropdown input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    background: #ffffff !important;
    color: var(--pan-select-text) !important;
    -webkit-text-fill-color: var(--pan-select-text) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pan-select-line-soft) !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    caret-color: var(--pan-select-text) !important;
}

.fi-dropdown-panel .fi-input-wrp,
.fi-select-dropdown .fi-input-wrp,
.ts-dropdown .ts-control {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
}

.fi-dropdown-panel .fi-input,
.fi-select-dropdown .fi-input,
.fi-dropdown-panel input[type="search"],
.fi-select-dropdown input[type="search"],
.choices__list--dropdown .choices__input,
.choices__list[aria-expanded] .choices__input,
.ts-dropdown input {
    width: 100% !important;
    min-height: 42px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.fi-dropdown-panel .fi-input:focus,
.fi-select-dropdown .fi-input:focus,
.fi-dropdown-panel input:focus,
.fi-select-dropdown input:focus,
.choices__list--dropdown .choices__input:focus,
.choices__list[aria-expanded] .choices__input:focus,
.ts-dropdown input:focus {
    border-color: var(--pan-select-line-soft) !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.fi-dropdown-panel input::placeholder,
.fi-select-dropdown input::placeholder,
.choices__list--dropdown .choices__input::placeholder,
.choices__list[aria-expanded] .choices__input::placeholder,
.ts-dropdown input::placeholder {
    color: var(--pan-select-muted) !important;
    -webkit-text-fill-color: var(--pan-select-muted) !important;
    opacity: 1 !important;
}

.fi-dropdown-list-item,
.fi-select-dropdown li,
.fi-select-dropdown [role="option"],
.choices__item--choice,
.ts-dropdown .option {
    color: var(--pan-select-text) !important;
    -webkit-text-fill-color: var(--pan-select-text) !important;
    background: #ffffff !important;
    border: 0 !important;
    outline: 0 !important;
}

.fi-dropdown-list-item:hover,
.fi-select-dropdown li:hover,
.fi-select-dropdown [role="option"]:hover,
.choices__item--choice.is-highlighted,
.ts-dropdown .option.active,
.ts-dropdown .option:hover {
    background: #fff4e8 !important;
    color: #10243a !important;
    -webkit-text-fill-color: #10243a !important;
}