/* Card theme styles - imported AFTER all plugins to ensure DaisyUI theme rules have priority */
/* This ensures card styles (background, borders, layout) are applied correctly */
/* All card styling is managed by DaisyUI theme variables for easy theme customization */
.card {
    background-color: var(--color-base-100);
    border-width: var(--card-border-width, var(--border));
    border-color: var(--color-base-300);
    border-style: solid;
    
    /* Layout/spacing - also managed by theme */
    @apply space-y-4 md:space-y-0;

    &.card-primary {
        @apply bg-primary text-primary-content;
    }

    .card-header {
        @apply flex flex-row items-center gap-2 px-6 py-4;

        .card-title {
            @apply font-bold;
            @apply text-base md:text-xl;
        }
    }

    .card-body {
        @apply px-6 py-4;
    }

    .card-footer {
        @apply flex flex-row items-center gap-2 px-6 py-4;
    }
}