/*
  رفع مشکل افتادن پالت انتخاب رنگ پشت سکشن بعدی در پنل Filament.
  فقط روی فرم‌های پنل اثر دارد.
*/

.fi-main,
.fi-page,
.fi-page-content,
.fi-section,
.fi-section-content,
.fi-fo-component-ctn,
.fi-fo-field-wrp,
.fi-fo-field-wrp > div {
    overflow: visible !important;
}

.fi-section:has(input[type="color"]),
.fi-fo-field-wrp:has(input[type="color"]) {
    position: relative !important;
    z-index: 50 !important;
    overflow: visible !important;
}

.fi-section:has(input[type="color"]:focus),
.fi-section:has(input[type="color"]:active),
.fi-section:has(input[type="color"]:focus-visible),
.fi-fo-field-wrp:has(input[type="color"]:focus),
.fi-fo-field-wrp:has(input[type="color"]:active),
.fi-fo-field-wrp:has(input[type="color"]:focus-visible) {
    z-index: 999999 !important;
}

/* پنل‌های شناور Filament / Alpine / Floating UI */
.fi-popover-panel,
.fi-dropdown-panel,
.fi-modal-window,
.fi-color-picker-panel,
.fi-fo-color-picker-panel,
.fi-input-color-picker-panel,
[data-floating-ui-placement],
[data-popper-placement],
[x-ref="panel"],
[x-ref="floating"],
[role="dialog"],
[role="listbox"] {
    z-index: 999999 !important;
}

/* خود پاپ‌آپ انتخاب رنگ اگر absolute باشد */
.fi-fo-color-picker,
.fi-color-picker,
.fi-input-color-picker,
.fi-fo-field-wrp:has(input[type="color"]) .absolute,
.fi-fo-field-wrp:has(input[type="color"]) [class*="absolute"] {
    z-index: 999999 !important;
}

/* جلوگیری از پنهان شدن زیر کارت بعدی */
.fi-section + .fi-section {
    position: relative !important;
    z-index: 1 !important;
}

.fi-section:has(input[type="color"]) + .fi-section {
    z-index: 0 !important;
}




.fi-section,
.fi-section-content,
.fi-fo-component-ctn,
.fi-fo-field-wrp,
.fi-fo-field-wrp > div,
.fi-fo-field-wrp .choices,
.fi-fo-field-wrp .choices__inner {
    overflow: visible !important;
}

.choices__list--dropdown,
.choices__list[aria-expanded],
.fi-fo-select .choices__list--dropdown,
.fi-fo-select .choices__list[aria-expanded] {
    z-index: 999999 !important;
}

.fi-main,
.fi-page,
.fi-page-content,
.fi-form,
.fi-form-component,
.fi-section {
    overflow: visible !important;
}




.fi-main,
.fi-page,
.fi-page-content,
.fi-form,
.fi-form-component,
.fi-section,
.fi-section-content,
.fi-fo-component-ctn,
.fi-fo-field-wrp,
.fi-fo-field-wrp > div,
.fi-fo-select,
.fi-input-wrp,
.choices,
.choices__inner {
    overflow: visible !important;
}

.choices__list--dropdown,
.choices__list[aria-expanded],
.fi-fo-select .choices__list--dropdown,
.fi-fo-select .choices__list[aria-expanded],
.ts-dropdown,
.fi-dropdown-panel {
    z-index: 2147483647 !important;
}

.fi-fo-field-wrp:has(.choices.is-open),
.fi-fo-component-ctn:has(.choices.is-open),
.fi-section:has(.choices.is-open) {
    position: relative !important;
    z-index: 999999 !important;
}