/* Custom styles - Tailwind handles most styling */
.nav-btn {
  @apply text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300;
}

.nav-btn.active {
  @apply text-blue-600 border-blue-600;
}

.table-link {
  @apply text-blue-600 hover:text-blue-800 underline;
}

.badge {
  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}

.badge-pending {
  @apply bg-yellow-100 text-yellow-800;
}

.badge-sent {
  @apply bg-green-100 text-green-800;
}

.badge-failed {
  @apply bg-red-100 text-red-800;
}

.status-select {
  @apply px-2 py-1 border rounded text-sm focus:outline-none focus:ring-2 focus:ring-blue-500;
}