@import 'tailwindcss';

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

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

@layer base {
    .app-body {
        min-height: 100vh;
        background-color: #09090b;
        background-image:
            radial-gradient(ellipse 90% 60% at 50% -25%, rgba(16, 185, 129, 0.14), transparent 55%),
            radial-gradient(ellipse 70% 50% at 100% 0%, rgba(99, 102, 241, 0.07), transparent 45%),
            radial-gradient(ellipse 50% 40% at 0% 30%, rgba(16, 185, 129, 0.05), transparent 50%);
        background-attachment: fixed;
    }
}

@layer components {
    .ui-input {
        @apply mt-1 w-full rounded-xl border border-zinc-700/80 bg-zinc-950/80 px-3.5 py-2.5 text-sm text-zinc-100 outline-none transition placeholder:text-zinc-600;
        @apply focus:border-emerald-500/60 focus:ring-2 focus:ring-emerald-500/20;
    }

    .ui-btn-primary {
        @apply inline-flex items-center justify-center rounded-xl bg-gradient-to-r from-emerald-500 to-teal-600 px-4 py-2.5 text-sm font-semibold text-white shadow-lg shadow-emerald-500/20 transition;
        @apply hover:from-emerald-400 hover:to-teal-500 hover:shadow-emerald-500/30 disabled:pointer-events-none disabled:opacity-50;
    }

    .ui-btn-secondary {
        @apply inline-flex items-center justify-center rounded-xl border border-zinc-600/80 bg-zinc-900/50 px-4 py-2.5 text-sm font-medium text-zinc-200 transition;
        @apply hover:border-zinc-500 hover:bg-zinc-800/80;
    }

    .ui-card {
        @apply rounded-2xl border border-white/[0.06] bg-zinc-900/40 p-5 shadow-xl shadow-black/20 backdrop-blur-sm sm:p-6;
    }

    .ui-table-shell {
        @apply overflow-hidden rounded-2xl border border-white/[0.06] bg-zinc-900/30 shadow-xl shadow-black/25 backdrop-blur-sm;
    }
}