/* Filament Custom Premium Styles */
:root {
    --filament-primary-glow: rgba(16, 185, 129, 0.15);
}

/* Better Scrollbars */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(16, 185, 129, 0.2);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(16, 185, 129, 0.4);
}

/* Sidebar Active Item Glow */
.fi-sidebar-item-active {
    box-shadow: 0 0 15px var(--filament-primary-glow);
    border-right: 2px solid rgb(16, 185, 129) !important;
}

/* Card Refinements
   IMPORTANT: NO backdrop-filter here — it creates a stacking context
   that traps Choices.js dropdowns inside the section. */
.fi-section,
.fi-ta-content {
    border-color: rgba(16, 185, 129, 0.1) !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

.fi-ta-header {
    background: rgba(16, 185, 129, 0.05) !important;
}

/* Better Headings */
.fi-header-heading {
    letter-spacing: -0.02em;
    font-weight: 800 !important;
}

/* Custom Empty State */
.fi-ta-empty-state-icon-ctn {
    background-color: rgba(16, 185, 129, 0.1) !important;
    color: rgb(16, 185, 129) !important;
}

/* =========================================================
   DROPDOWN / SELECT OVERLAY FIX (Choices.js)
   Garante que os dropdowns do Filament fiquem sempre acima
   ========================================================= */

/* 1. Sections must allow overflow so dropdown can escape */
.fi-section,
.fi-section-content-ctn,
.fi-section > div,
.fi-fo-component-ctn {
    overflow: visible !important;
}

/* 2. Form field wrappers — all layers must allow overflow */
.fi-fo-field-wrp,
.fi-fo-field-wrp > div,
.fi-fo-field-wrp > div > div {
    overflow: visible !important;
}

/* 3. Grid containers used by Filament forms */
.fi-fo-component-ctn > div,
.fi-fo-component-ctn .grid,
.fi-fo-component-ctn .grid > div {
    overflow: visible !important;
}

/* 4. The Choices.js container itself needs high z-index when open */
.choices {
    position: relative;
    overflow: visible !important;
}

.choices.is-open {
    z-index: 9999 !important;
}

/* 5. The actual dropdown list */
.choices__list--dropdown,
.choices__list[aria-expanded] {
    z-index: 9999 !important;
    overflow: visible !important;
}

.choices__list--dropdown.is-active {
    z-index: 9999 !important;
}

/* 6. Filament form containers — prevent any parent from clipping */
[wire\\:id] .fi-section {
    overflow: visible !important;
}

/* 7. Livewire component root */
[wire\\:id] {
    overflow: visible !important;
}

/* 8. Filament body content area */
.fi-body,
.fi-main,
.fi-main-ctn,
.fi-page {
    overflow: visible !important;
}