/**
 * KD TeamSpeak Viewer CSS
 */

/* Toast notifications */
#ts-toast {
    transition: all 0.3s ease-in-out;
    z-index: 9999;
}

/* Hide Alpine cloaked elements until ready */
[x-cloak] {
    display: none !important;
}

/* Additional styles for the TeamSpeak viewer */
.ts-status-online {
    color: #4ade80;
}

.ts-status-afk {
    color: #facc15;
}

.ts-status-admin {
    color: #ef4444;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .ts-player-count-dropdown {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .ts-action-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .ts-action-buttons button {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}