/* Dark mode avatar background to prevent flash */
[data-theme="dark"] .user-avatar-image,
[data-theme="dark"] .symbol img.user-avatar-image {
    background-color: #323248 !important;
}

/* Notification badge - ensure number is visible */
.badge.bg-danger {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    min-width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 5px !important;
    line-height: 1 !important;
}

/* Dark mode notification styles */
[data-theme="dark"] .notification-item.bg-white {
    background-color: #1e1e2d !important;
}

[data-theme="dark"] .notification-item.bg-light-primary {
    background-color: #2b2b40 !important;
}

[data-theme="dark"] .notification-item .fs-6.text-gray-800 {
    color: #ffffff !important;
}

[data-theme="dark"] .notification-item .text-gray-500 {
    color: #b5b5c3 !important;
}

[data-theme="dark"] .notification-item .text-gray-400 {
    color: #92929f !important;
}

[data-theme="dark"] .notification-item .mark-read-btn.text-primary {
    color: #009ef7 !important;
}

[data-theme="dark"] #notifications-container .text-dark {
    color: #ffffff !important;
}

[data-theme="dark"] #notifications-container .text-gray-600 {
    color: #b5b5c3 !important;
}