/* Filament Table Fixes - Make it look like Flux components */

/* Reset all Filament table styling to match Flux */
.fi-ta {
    border: 1px solid rgb(229 231 235) !important;
    border-radius: 0.75rem !important;
    background: white !important;
    box-shadow: none !important;
}

/* Fix filter section */
.fi-ta-filters {
    background: rgb(248 250 252) !important;
    border-bottom: 1px solid rgb(229 231 235) !important;
    padding: 1rem !important;
    border-radius: 0.75rem 0.75rem 0 0 !important;
}

.fi-ta-filters .fi-fo-field-wrp {
    width: auto !important;
    min-width: 150px !important;
    max-width: 200px !important;
}

.fi-ta-filters select {
    border: 1px solid rgb(209 213 219) !important;
    border-radius: 0.375rem !important;
    padding: 0.375rem 0.75rem !important;
    background: white !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

/* Fix table header */
.fi-ta-header-ctn {
    background: rgb(249 250 251) !important;
    border-bottom: 1px solid rgb(229 231 235) !important;
}

/* Fix pagination to look like normal pagination */
.fi-ta-pagination {
    border-top: 1px solid rgb(229 231 235) !important;
    background: white !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0 0 0.75rem 0.75rem !important;
}

.fi-ta-pagination .fi-simple-pagination {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.fi-ta-pagination button {
    border: 1px solid rgb(209 213 219) !important;
    background: white !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.375rem !important;
    font-size: 0.875rem !important;
    color: rgb(75 85 99) !important;
}

.fi-ta-pagination button:hover {
    background: rgb(249 250 251) !important;
}

.fi-ta-pagination button[disabled] {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Fix per-page selector */
.fi-ta-pagination select {
    border: 1px solid rgb(209 213 219) !important;
    border-radius: 0.375rem !important;
    padding: 0.375rem 0.75rem !important;
    background: white !important;
    font-size: 0.875rem !important;
}