/* coretask Connection Plugin Styles */

.coretask-connection-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.coretask-connection-status--active {
    color: #10b981;
}

.coretask-connection-status--inactive {
    color: #6b7280;
}

.coretask-connection-sync-indicator {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

.coretask-connection-test-button {
    transition: all 0.2s ease-in-out;
}

.coretask-connection-test-button:hover {
    transform: scale(1.05);
}