@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';
}


.container {
    max-width: 1100px;
    margin: 24px auto;
    padding: 0 16px;
    font-family: Arial;
}

.nav {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px 0;
}

.nav a {
    text-decoration: none;
    color: #111;
}

.btn-ghost {
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
}

.alert {
    padding: 10px;
    border-radius: 10px;
    margin: 12px 0;
}

.alert.ok {
    background: #eaffea;
    border: 1px solid #bff5bf;
}

.alert.error {
    background: #ffeaea;
    border: 1px solid #ffbdbd;
}