/* Card Component Utilities (FlyonUI-inspired) */
.card-body {
  @apply p-6;
}

.card-header {
  @apply px-6 py-4 border-b border-gray-200;
}

.card-footer {
  @apply px-6 py-4 border-t border-gray-200 bg-gray-50;
}

.card-title {
  @apply text-xl font-semibold text-gray-900;
}

.card-actions {
  @apply flex gap-2 mt-4;
}

/* Icon utilities */
.icon {
  @apply w-5 h-5;
}

.icon-lg {
  @apply w-6 h-6;
}

.icon-xl {
  @apply w-8 h-8;
}