/* Red dot for settings dropdown item */
.dropdown-item.has-unread {
    position: relative;
}
.dropdown-item.has-unread::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-color: #ff4d4f;
    border-radius: 50%;
    pointer-events: none;
}

/* Red dot for setting side items */
.side-item.has-unread {
    position: relative;
}
.side-item.has-unread::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #ff4d4f;
    border-radius: 50%;
    pointer-events: none;
}