.messages-dropdown-wrapper .dropdown-menu {
    min-width: 320px; /* Mesaj önizlemeleri için yeterli genişlik */
    max-height: 400px; /* Çok fazla mesaj varsa kaydırma çubuğu çıkar */
    overflow-y: auto;
    padding-top: 0; /* Başlık için padding'i kaldırıyoruz, direkt item ile başlıyor gibi */
    padding-bottom: 0;
}

.messages-dropdown-wrapper .dropdown-header {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.6rem 1rem;
    background-color: var(--messages-dropdown-header-bg, #f0f2f5); /* Açık tema için */
    color: var(--messages-dropdown-header-text, #495057); /* Açık tema için */
    border-bottom: 1px solid var(--messages-dropdown-border, #dee2e6); /* Açık tema için */
}

/* Mesaj Önizleme Öğesi */
.messages-dropdown-wrapper .message-preview-item {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--messages-dropdown-divider, #e9ecef); /* Açık tema için */
    text-decoration: none !important;
    transition: background-color 0.15s ease-in-out;
}

.messages-dropdown-wrapper .message-preview-item:last-child {
    border-bottom: none;
}

.messages-dropdown-wrapper .message-preview-item:hover {
    background-color: var(--messages-dropdown-item-hover-bg, #f8f9fa); /* Açık tema için */
}

.messages-dropdown-wrapper .dropdown-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover; /* Resimlerin orantılı kalmasını sağlar */
}

.messages-dropdown-wrapper .message-preview-details {
    flex-grow: 1;
    overflow: hidden; /* Uzun metinlerin taşmasını engeller */
}

.messages-dropdown-wrapper .message-preview-user {
    display: block;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--messages-dropdown-user-text, #333); /* Açık tema için */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Uzun kullanıcı adları için ... */
    margin-bottom: 2px;
}

.messages-dropdown-wrapper .message-preview-snippet {
    display: block;
    font-size: 0.8rem;
    color: var(--messages-dropdown-snippet-text, #555); /* Açık tema için */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Uzun mesaj snippet'leri için ... */
}
.messages-dropdown-wrapper .message-preview-snippet em { /* "Siz:" kısmı için */
    font-style: normal;
    color: var(--messages-dropdown-snippet-you-text, #007bff); /* Açık tema için */
}


.messages-dropdown-wrapper .message-preview-time {
    font-size: 0.75rem;
    color: var(--messages_dropdown-time-text, #777); /* Açık tema için */
    margin-left: 10px;
    white-space: nowrap;
    flex-shrink: 0; /* Zamanın sıkışmasını engelle */
}

/* Okunmamış mesajlar için stil */
.messages-dropdown-wrapper .message-preview-item.unread .message-preview-user,
.messages-dropdown-wrapper .message-preview-item.unread .message-preview-snippet {
    font-weight: bold; /* Okunmamışsa biraz daha belirgin */
    color: var(--messages-dropdown-unread-text, #000); /* Açık tema için */
}
.messages-dropdown-wrapper .message-preview-item.unread {
     background-color: var(--messages-dropdown-unread-bg, #eef5ff); /* Açık tema için hafif vurgu */
}


.messages-dropdown-wrapper .dropdown-more-link,
.messages-dropdown-wrapper .dropdown-item-text.text-center {
    display: block;
    padding: 0.75rem 1rem;
    text-align: center;
    font-size: 0.85rem;
    color: var(--messages-dropdown-link-text, #007bff); /* Açık tema için */
    border-top: 1px solid var(--messages-dropdown-border, #dee2e6); /* Açık tema için */
}
.messages-dropdown-wrapper .dropdown-more-link:hover {
    background-color: var(--messages-dropdown-item-hover-bg, #f8f9fa); /* Açık tema için */
    text-decoration: underline;
}
.messages-dropdown-wrapper .dropdown-item-text.text-center {
    color: var(--messages-dropdown-empty-text, #6c757d); /* Açık tema için */
    border-top: none; /* Eğer "yeni mesaj yok" ise üst çizgi olmasın */
}


/* Gece Modu Stilleri */
body:not(.light-theme) .messages-dropdown-wrapper .dropdown-menu {
    background-color: var(--messages-dropdown-bg-dark, #2a2e34); /* Koyu tema arka planı */
    border: 1px solid var(--messages-dropdown-border-dark, #3a3f44);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.25);
}

body:not(.light-theme) .messages-dropdown-wrapper .dropdown-header {
    background-color: var(--messages-dropdown-header-bg-dark, #30353c);
    color: var(--messages-dropdown-header-text-dark, #adb5bd);
    border-bottom: 1px solid var(--messages-dropdown-border-dark, #3a3f44);
}

body:not(.light-theme) .messages-dropdown-wrapper .message-preview-item {
    border-bottom: 1px solid var(--messages-dropdown-divider-dark, #3a3f44);
}

body:not(.light-theme) .messages-dropdown-wrapper .message-preview-item:hover {
    background-color: var(--messages-dropdown-item-hover-bg-dark, #343a40);
}

body:not(.light-theme) .messages-dropdown-wrapper .message-preview-user {
    color: var(--messages-dropdown-user-text-dark, #e9ecef);
}

body:not(.light-theme) .messages-dropdown-wrapper .message-preview-snippet {
    color: var(--messages-dropdown-snippet-text-dark, #adb5bd);
}
body:not(.light-theme) .messages-dropdown-wrapper .message-preview-snippet em {
    color: var(--messages-dropdown-snippet-you-text-dark, #58a6ff); /* Koyu temada "Siz:" için farklı bir renk */
}

body:not(.light-theme) .messages-dropdown-wrapper .message-preview-time {
    color: var(--messages_dropdown-time-text-dark, #8b949e);
}

body:not(.light-theme) .messages-dropdown-wrapper .message-preview-item.unread .message-preview-user,
body:not(.light-theme) .messages-dropdown-wrapper .message-preview-item.unread .message-preview-snippet {
    color: var(--messages-dropdown-unread-text-dark, #ffffff);
}
body:not(.light-theme) .messages-dropdown-wrapper .message-preview-item.unread {
     background-color: var(--messages-dropdown-unread-bg-dark, #303d4e); /* Koyu temada okunmamış vurgusu */
}

body:not(.light-theme) .messages-dropdown-wrapper .dropdown-more-link,
body:not(.light-theme) .messages-dropdown-wrapper .dropdown-item-text.text-center {
    color: var(--messages-dropdown-link-text-dark, #58a6ff);
    border-top: 1px solid var(--messages-dropdown-border-dark, #3a3f44);
}
body:not(.light-theme) .messages-dropdown-wrapper .dropdown-more-link:hover {
    background-color: var(--messages-dropdown-item-hover-bg-dark, #343a40);
}
body:not(.light-theme) .messages-dropdown-wrapper .dropdown-item-text.text-center {
    color: var(--messages-dropdown-empty-text-dark, #8b949e);
}