input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.fi-resource-mkt-events, .fi-resource-mkt-manage-events, .fi-resource-mkt-event-contracts {
    .fi-resource-relation-manager {
        table {
            thead {
                top: 0;
                position: sticky;

                th:not(.fi-table-header-group-cell) {
                    /* actions btns + hcp name as btn */
                    &:nth-child(1) {
                        position: sticky;
                        left: 0;
                        background: white;
                        box-shadow: -3px 0 inset #ccc;

                        .fi-ta-header-cell-label {
                            margin-left: auto
                        }
                    }
                }
            }

            tbody tr:not(.fi-ta-summary-row) {
                position: sticky;

                td {
                    &:nth-child(1) {
                        position: sticky;
                        left: 0;
                        background: white;
                        box-shadow: -3px 0 inset #ccc;
                    }
                }
            }
        }
    }
}

/* Client request */
.advanced-tables-filter-operator-text-filter, .advanced-tables-filter-operator-select-filter, .fi-fo-builder .fi-ac-link-action, .fi-fo-builder-block-picker, .fi-fo-builder-item + .items-center {
    display: none !important;
}

.advanced-tables-filter-block-select-filter .grid,
.advanced-tables-filter-block-text-filter .grid {
    /*background: red !important;*/

    --cols-default: repeat(1, minmax(0, 1fr))  !important;
    --cols-sm: 4fr  !important; /* base fallback */
    --cols-lg: 1fr 3fr  !important; /* 2-column split */

    > div:first-child + div {
        /*background: green !important;*/

        --col-span-sm: span 1 / span 1 !important;
    }

    > div:first-child + div + div {
        /*background: yellow !important;*/

        --col-span-sm: span 3 / span !important;
    }
}

.advanced-tables-filter-block-date-filter > .grid {
    /*background: red !important;*/

    --cols-default: repeat(1, minmax(0, 1fr)) !important;
    --cols-sm: repeat(4, 1fr) !important; /* 4 equal columns */
    --cols-lg: repeat(4, 1fr) !important; /* 4 equal columns */

    /* Hide the hidden label column */
    > div:first-child {
        display: none !important;
    }

    /* Operator section with label - takes 2 columns (1/4 label + 1/4 operator) */
    > div:nth-child(2) {
        /*background: green !important;*/
        --col-span-sm: span 2 / span 2 !important;

        /* Make the internal grid layout vertical */
        .fi-fo-field-wrp > .grid {
            --cols-default: repeat(1, minmax(0, 1fr)) !important;
            --cols-sm: repeat(1, minmax(0, 1fr)) !important;
            --cols-lg: repeat(1, minmax(0, 1fr)) !important;
        }
    }

    /* Date inputs container - takes 2 columns (1/4 + 1/4) */
    > div:nth-child(3) {
        /*background: yellow !important;*/
        --col-span-sm: span 2 / span 2 !important;

        /* Make the nested date inputs vertical */
        > div > .grid {
            --cols-default: repeat(1, minmax(0, 1fr)) !important;
            --cols-sm: repeat(1, minmax(0, 1fr)) !important;
            --cols-lg: repeat(1, minmax(0, 1fr)) !important;

            /* Date start - full width, stacked */
            > div:nth-child(5) {
                --col-span-sm: span 1 / span 1 !important;
            }

            /* Date end - full width, stacked */
            > div:nth-child(6) {
                --col-span-sm: span 1 / span 1 !important;
            }
        }
    }
}

/* Hide native Filament filter remove buttons to prevent conflicts with Archilex AdvancedFilter plugin */
.fi-badge-delete-button[wire\:click*="removeTableFilter"] {
    display: none !important;
}

.fi-icon-btn[wire\:click*="removeTableFilters"] {
    display: none !important;
}

/* Filament notifikacije - povećanje fonta */
.fi-no-notification,
.fi-notification,
[x-data*="notifications"] .relative,
[x-data*="notification"] {
    font-size: 1.125rem !important; /* 18px umjesto default 14px */
    font-weight: 500 !important;
}

.fi-no-notification .fi-no-title,
.fi-notification .fi-no-title,
.fi-no-notification-title,
.fi-notification-title {
    font-size: 1.25rem !important; /* 20px za naslov */
    font-weight: 600 !important;
}

.fi-no-notification .fi-no-body,
.fi-notification .fi-no-body,
.fi-no-notification-body,
.fi-notification-body {
    font-size: 1.125rem !important; /* 18px za sadržaj */
    line-height: 1.5 !important;
}