/*
|--------------------------------------------------------------------------
| Staff Users table — dropdowns & action triggers
|--------------------------------------------------------------------------
*/

/* Let row action menus paint above the card / sticky headers */
.staff-users-table .fi-ta-ctn,
.staff-users-table .fi-ta-content,
.staff-users-table .fi-ta-table-ctn,
.staff-users-table .fi-ta-table,
.staff-users-table table,
.staff-users-table tbody,
.staff-users-table tr,
.staff-users-table td {
    overflow: visible !important;
}

/*
|--------------------------------------------------------------------------
| Add staff slide-over — sticky footer must not clip the last fields
| (Organization toggle was hidden under Submit / Cancel)
|--------------------------------------------------------------------------
*/

/* Whole panel scrolls; sticky header/footer overlay content without padding */
.fi-modal-slide-over-window.fi-modal-window {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Reserve space so the last section can scroll fully above the sticky footer */
.fi-modal-slide-over-window .fi-modal-content {
    padding-bottom: 7.5rem !important;
    overflow: visible !important;
}

/* Sections / toggles must not clip inside the scroll body */
.fi-modal-slide-over-window .fi-section,
.fi-modal-slide-over-window .fi-section-content,
.fi-modal-slide-over-window .fi-section-content-ctn,
.fi-modal-slide-over-window .fi-fo-component-ctn,
.fi-modal-slide-over-window .fi-fo-field-wrp {
    overflow: visible !important;
}

/* Keep sticky chrome readable and above form fields */
.fi-modal-slide-over-window .fi-modal-header.fi-sticky {
    z-index: 30;
}

.fi-modal-slide-over-window .fi-modal-footer.fi-sticky {
    z-index: 30;
    box-shadow: 0 -10px 28px rgba(15, 23, 42, 0.08);
}

.staff-users-table .fi-ta-actions {
    position: relative;
    z-index: 20;
    overflow: visible !important;
}

/* Quiet icon trigger (not solid brand fill) */
.staff-users-table .staff-users-actions-trigger,
.staff-users-table .fi-ac-icon-btn,
.staff-users-table .fi-icon-btn {
    color: #4b5563 !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
}

.staff-users-table .staff-users-actions-trigger:hover,
.staff-users-table .fi-ac-icon-btn:hover,
.staff-users-table .fi-icon-btn:hover {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
    color: #111827 !important;
}

.staff-users-table .dark .staff-users-actions-trigger,
.dark .staff-users-table .fi-ac-icon-btn,
.dark .staff-users-table .fi-icon-btn {
    color: #e5e7eb !important;
    background: #111827 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Dropdown panel readability */
.fi-dropdown-panel {
    z-index: 80 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12) !important;
    padding: 0.35rem !important;
    min-width: 11rem !important;
}

.fi-dropdown-list-item,
.fi-dropdown-list-item-button,
.fi-dropdown-list-item-label {
    color: #111827 !important;
}

.fi-dropdown-list-item:hover,
.fi-dropdown-list-item-button:hover {
    background: #f3f4f6 !important;
}

.dark .fi-dropdown-panel {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: #111827 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

.dark .fi-dropdown-list-item,
.dark .fi-dropdown-list-item-button,
.dark .fi-dropdown-list-item-label {
    color: #f3f4f6 !important;
}

.dark .fi-dropdown-list-item:hover,
.dark .fi-dropdown-list-item-button:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}