WorkflowMCP

@tailwind base; @tailwind components; @tailwind utilities; /* Global styles */ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; } /* Custom components */ .card { @apply bg-white rounded-lg shadow-md p-6 border border-gray-200; } .btn { @apply px-4 py-2 rounded-md font-medium transition-colors; } .btn-primary { @apply bg-blue-600 text-white hover:bg-blue-700; } .btn-secondary { @apply bg-gray-200 text-gray-900 hover:bg-gray-300; } .btn-success { @apply bg-green-600 text-white hover:bg-green-700; } .btn-danger { @apply bg-red-600 text-white hover:bg-red-700; } .form-input { @apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500; } .form-textarea { @apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-none; } .form-select { @apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500; } .status-badge { @apply inline-flex px-2 py-1 text-xs font-semibold rounded-full; } .status-pending { @apply bg-yellow-100 text-yellow-800; } .status-in-progress { @apply bg-blue-100 text-blue-800; } .status-completed { @apply bg-green-100 text-green-800; } .status-active { @apply bg-green-100 text-green-800; } .status-inactive { @apply bg-gray-100 text-gray-800; } .priority-low { @apply text-green-600; } .priority-medium { @apply text-yellow-600; } .priority-high { @apply text-red-600; } .priority-critical { @apply text-red-800 font-bold; }