/* sohbet.piyasaterminal.pro - Özel Stiller */

/* Özel Kaydırma Çubuğu (Scrollbar) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.6);
}

::-webkit-scrollbar-thumb {
    background: rgba(79, 70, 229, 0.4);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(79, 70, 229, 0.8);
}

/* Mesaj Baloncukları */
.msg-bubble-me {
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    color: #ffffff;
    border-bottom-right-radius: 4px !important;
}

.msg-bubble-other {
    background: #1e293b;
    color: #f1f5f9;
    border-bottom-left-radius: 4px !important;
    border: 1px solid rgba(51, 65, 85, 0.6);
}

/* DM Özel Mesaj Çerçevesi */
.dm-highlight-card {
    border-left: 3px solid #818cf8;
    background: rgba(30, 41, 59, 0.7);
}

/* Rozetler */
.badge-verified {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.35);
}

.badge-guest {
    background: #334155;
    color: #94a3b8;
}

/* Unread Badge Nabız Animasyonu */
@keyframes pulse-ring {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

.unread-pulse {
    animation: pulse-ring 2s infinite;
}

/* Mobil Çekmece (Drawer) Geçişleri */
#sidebarDrawer {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 768px) {
    #sidebarDrawer.drawer-closed {
        transform: translateX(-100%);
    }
    #sidebarDrawer.drawer-open {
        transform: translateX(0);
    }
}

/* Resim ve Medya Önizlemeleri */
.media-preview-container img,
.media-preview-container video {
    max-height: 280px;
    object-fit: cover;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.media-preview-container img:hover {
    filter: brightness(1.05);
}

/* Giriş Alanı Otomatik Büyüme */
textarea.chat-input {
    resize: none;
    min-height: 44px;
    max-height: 140px;
}