::-webkit-scrollbar { 
    width: 6px; 
}

::-webkit-scrollbar-track { 
    background: #111b21; 
}

::-webkit-scrollbar-thumb { 
    background: #374248; 
    border-radius: 3px; 
}

::-webkit-scrollbar-thumb:hover { 
    background: #4a555c; 
}

.chat-bg {
    background-color: #0b141a;
    background-image: radial-gradient(#1f2c34 1px, transparent 0);
    background-size: 24px 24px;
}

.story-ring {
    padding: 2px;
    background: linear-gradient(45deg, #00a884, #25d366);
    border-radius: 50%;
}

@keyframes storyProgress {
    from { width: 0%; }
    to { width: 100%; }
}

.animate-progress {
    animation: storyProgress 5s linear forwards;
}

/* Status Indicator Colors */
.status-online {
    background-color: #00a884 !important;
}

.status-busy {
    background-color: #ef4444 !important;
}

.status-offline {
    background-color: #6b7280 !important;
}