/* Custom Card Components */

/* Base Card */
.card {
  @apply bg-white border border-gray-200 rounded-lg shadow-sm;
  @apply dark:bg-gray-800 dark:border-gray-700;
}

/* Card Header */
.card-header {
  @apply px-6 py-4 border-b border-gray-200;
  @apply dark:border-gray-700;
}

.card-title {
  @apply text-lg font-semibold text-gray-900;
  @apply dark:text-white;
}

.card-subtitle {
  @apply text-sm text-gray-600 mt-1;
  @apply dark:text-gray-400;
}

/* Card Body */
.card-body {
  @apply px-6 py-4;
}

/* Card Footer */
.card-footer {
  @apply px-6 py-4 border-t border-gray-200 bg-gray-50;
  @apply dark:border-gray-700 dark:bg-gray-900;
}

/* Special Card Variants */
.card-enovis {
  @apply border-brand-200;
  @apply dark:border-brand-800;
}

.card-enovis .card-header {
  @apply bg-brand-50 border-brand-200;
  @apply dark:bg-brand-900 dark:border-brand-800;
}

.card-enovis .card-title {
  @apply text-brand-900;
  @apply dark:text-brand-100;
}

/* Hover Effects */
.card-hover {
  @apply transition-all duration-200;
  @apply hover:shadow-md hover:-translate-y-1;
}

/* Stats Card */
.stats-card {
  @apply p-6 bg-gradient-to-r from-brand-500 to-brand-600;
  @apply text-white rounded-lg shadow-lg;
}