@tailwind base;
@tailwind components;
@tailwind utilities;

/* Urban Echo CMS Custom Styles */
.btn-primary {
  @apply bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors;
}

.btn-secondary {
  @apply bg-gray-200 text-gray-800 px-4 py-2 rounded-lg hover:bg-gray-300 transition-colors;
}

.btn-danger {
  @apply bg-red-600 text-white px-4 py-2 rounded-lg hover:bg-red-700 transition-colors;
}

.card {
  @apply bg-white rounded-lg shadow-md p-6;
}

.form-input {
  @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500;
}

.form-label {
  @apply block text-sm font-medium text-gray-700 mb-1;
}

.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-approved {
  @apply bg-green-100 text-green-800;
}

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

.table-container {
  @apply overflow-x-auto rounded-lg border border-gray-200;
}

.sidebar-link {
  @apply flex items-center px-4 py-2 text-gray-600 hover:bg-gray-100 rounded-lg transition-colors;
}

.sidebar-link-active {
  @apply bg-blue-50 text-blue-700;
}