/* Filament Table Responsive Full Width */
@media (min-width: 768px) {
    .fi-ta-content {
        overflow-x: visible !important;
    }

    .fi-ta {
        overflow-x: visible !important;
    }

    .fi-ta-ctn {
        overflow-x: visible !important;
    }

    /* Remove horizontal scroll wrapper on desktop */
    [x-data*="horizontalScroll"] {
        overflow-x: visible !important;
    }

    /* Full width table on desktop */
    .fi-ta-table {
        table-layout: auto !important;
        width: 100% !important;
    }
}

/* Allow text wrapping in cells on all devices */
.fi-ta-table td,
.fi-ta-table th {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Mobile responsive - keep horizontal scroll on small screens */
@media (max-width: 767px) {
    .fi-ta-content {
        overflow-x: auto !important;
    }

    .fi-ta-table {
        min-width: 600px !important;
    }
}

/* Stack action buttons vertically */
.fi-ta-record-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    align-items: flex-start !important;
}

.fi-ta-record-actions .fi-btn {
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
}


.fi-main {
    /* padding-inline: 0 !important; */
}

/* Make Priority and Status dropdowns smaller */
.fi-ta-table .fi-ta-select-column {
    min-width: 80px !important;
    max-width: 100px !important;
}

.fi-ta-table .fi-ta-select-column .fi-btn {
    padding: 2px 6px !important;
    font-size: 0.75rem !important;
    height: 24px !important;
    min-height: 24px !important;
    line-height: 1.2 !important;
}

.fi-ta-table .fi-ta-select-column .fi-btn span {
    font-size: 0.75rem !important;
}

/* Make the select dropdown smaller */
.fi-ta-table .fi-ta-select-column select {
    padding: 2px 4px !important;
    font-size: 0.75rem !important;
    height: 24px !important;
    min-height: 24px !important;
}

/* Style the select options */
.fi-ta-table .fi-ta-select-column .fi-select-option {
    padding: 2px 6px !important;
    font-size: 0.75rem !important;
}

/* @media (min-width: 64rem) {
    .fi-main {
        padding-inline: 0;
    }
} */




.custom-edit-quotation-approve-action {
    padding-right: 30px;
}

/* Orders Table - Enable horizontal scrolling */
.orders-table .fi-ta-content {
    overflow-x: auto !important;
}

.orders-table .fi-ta {
    overflow-x: auto !important;
}

.orders-table .fi-ta-ctn {
    overflow-x: auto !important;
}

.orders-table .fi-ta-table {
    min-width: 1200px !important;
    table-layout: auto !important;
}

/* Fix action buttons spacing in Orders table */
.orders-table .fi-ta-record-actions {
    display: flex !important;
    flex-direction: row !important;
    gap: 0.5rem !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.orders-table .fi-ta-record-actions .fi-btn {
    width: auto !important;
    min-width: auto !important;
    padding: 0.5rem 0.75rem !important;
    margin: 0 !important;
}

/* Fix column padding in Orders table */
.orders-table .fi-ta-table td,
.orders-table .fi-ta-table th {
    padding: 0.75rem 0.5rem !important;
    white-space: nowrap !important;
}

/* Total column specific styling - add extra padding on right */
.orders-table .fi-ta-table td[data-column="total"],
.orders-table .fi-ta-table th[data-column="total"] {
    padding-right: 1.5rem !important;
}