@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}


.sidebar-link {
    @apply flex items-center gap-3 px-4 py-2.5 mx-2 my-0.5 rounded-lg text-sm text-gray-600 hover:bg-gray-100 hover:text-gray-900 transition-all duration-200;
}

.active-link {
    @apply bg-indigo-50 text-indigo-700 font-semibold shadow-sm;
}

.select2-container .select2-selection--single {
    height: 42px !important;
    border-radius: 0.5rem !important; /* rounded-lg */
    border: 1px solid #d1d5db !important; /* border-gray-300 */
    padding: 6px 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important;
    color: #111827; /* text-gray-900 */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
}

.btn-excel {
    @apply bg-green-500 hover:bg-green-600 text-white font-bold py-1 px-3 rounded inline-flex items-center text-sm mr-2;
}

.btn-pdf {
    @apply bg-red-500 hover:bg-red-600 text-white font-bold py-1 px-3 rounded inline-flex items-center text-sm mr-2;
}

.btn-print {
    @apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-1 px-3 rounded inline-flex items-center text-sm;
}