I just tried the same code out and it works ok for me. Maybe try:
div[data-theme-bot] {
color: red !important;
}
If that works then it means some CSS somewhere else (a theme, component, or plugin) was more specific than this style, so it was being overridden.