¿Cómo hago que las notificaciones no leídas sean más notables?

He estado editando bastante el CSS de mi foro, pero no logro, por más que lo intento, averiguar qué elemento debo seleccionar para cambiar la apariencia de las notificaciones nuevas/no leídas. Como se puede ver en la imagen de abajo, por defecto apenas hay diferencia entre las notificaciones nuevas y las antiguas:

Quisiera agregar un fondo azul claro detrás de las notificaciones no leídas para que sean más visibles, pero no consigo aislar solo las notificaciones no leídas. Solo he logrado cambiar el aspecto de TODAS las notificaciones, no solo de las no leídas.

¿Alguien sabe qué debo escribir?

Prueba lo siguiente:

.user-menu .quick-access-panel {
  background-color: red;
  .read {
     background-color: var(--secondary);
  }
}
2 Me gusta