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

/* Custom animations */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.animate-pulse-slow {
    animation: pulse 2s infinite;
}

/* Console-like font for logs */
.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Connection status indicators */
.connection-success {
    @apply text-green-600;
}
.connection-failure {
    @apply text-red-600;
}
.connection-loading {
    @apply text-blue-600;
}

/* Custom scrollbar for logs */
pre::-webkit-scrollbar {
    height: 8px;
    background-color: #1e293b;
}
pre::-webkit-scrollbar-thumb {
    background-color: #4b5563;
    border-radius: 4px;
}

/* Configuration check list */
.config-check-item {
    @apply flex items-center py-1 px-2 rounded;
}
.config-check-success {
    @apply bg-green-50 text-green-700;
}
.config-check-warning {
    @apply bg-yellow-50 text-yellow-700;
}
.config-check-error {
    @apply bg-red-50 text-red-700;
}

/* Responsive tweaks */
@media (max-width: 640px) {
    .grid-cols-2 {
        grid-template-columns: 1fr;
    }
}