@import '../../../../vendor/filament/filament/resources/css/theme.css';

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*';

@layer components {
    .fi-btn {
        @apply px-5 py-3 text-base;
    }

    .fi-icon-btn {
        @apply p-3;
    }

    .fi-input-wrp {
        @apply rounded-xl;
    }

    input.fi-input {
        @apply px-4 py-3 text-base;
    }

    .fi-input-wrp-prefix,
    .fi-input-wrp-suffix {
        @apply gap-x-4 ps-4 pe-4;
    }

    .fi-input-wrp-label {
        @apply text-base;
    }
}