/* Özel Kaydırma Çubuğu Tasarımı (Daha Modern ve İnce) */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #1a1b1e;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #111214;
}

/* Mesajlar için yumuşak giriş animasyonu */
@keyframes fadeInSlideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.msg-animate {
    animation: fadeInSlideUp 0.3s ease-out forwards;
}

/* Cam Efekti (Glassmorphism) Yardımcı Sınıfı */
.glass-effect {
    background: rgba(43, 45, 49, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Özel Kaydırma Çubuğu Tasarımı */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: #1a1b1e; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #111214; }

@keyframes fadeInSlideUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.msg-animate { animation: fadeInSlideUp 0.3s ease-out forwards; }

.glass-effect {
    background: rgba(43, 45, 49, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* MOBİL KİLİTLENME (GÖRÜNMEZLİK) KESİN ÇÖZÜMÜ */
@media (min-width: 768px) {
    #mobile-top-bar { display: none !important; }
}