.card-form {
    border: none;
    border-radius: 1rem;
    box-shadow: var(--shadow-lg);
    background: var(--color-surface);
}

.empty-state {
    border-radius: 1rem;
    border: 2px dashed var(--color-overlay-strong);
    background: color-mix(in srgb, var(--color-surface) 85%, var(--color-primary-light));
}

.card-recipe-wrapper {
    padding: 0.5rem 0;
}

@media (max-width: 767.98px) {
    .card-recipe-wrapper {
        padding: 0;
    }
}