.ark-sa-status {
    display: inline-block;
}

.ark-sa-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #555;
    background-color: #888;
    transition: all 0.4s ease;
}

.ark-sa-dot.gray {
    background-color: #888;
    border-color: #666;
    animation: pulse 1.5s infinite;
}

.ark-sa-dot.green {
    background-color: #28a745;
    border-color: #1e7e34;
    box-shadow: 0 0 10px #28a745;
}

.ark-sa-dot.red {
    background-color: #dc3545;
    border-color: #b02a37;
    box-shadow: 0 0 10px #dc3545;
}

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