/**
 * Notification bell — traffic-light severity colours.
 *
 * Default / unread / critical  → red
 * Warning / medium             → amber
 * Success / info / low         → green
 *
 * Unique filename: nginx caches /css/ immutable.
 */

html body.erp-body #navbar #util-bar #navNotifBell,
html body.erp-body #navbar #util-bar #navNotifBell i,
html body.erp-body #util-bar #navNotifBell,
html body.erp-body #util-bar #navNotifBell i {
  color: #ef4444 !important;
}

html body.erp-body #navbar #util-bar #navNotifBell:hover,
html body.erp-body #navbar #util-bar #navNotifBell:hover i,
html body.erp-body #util-bar #navNotifBell:hover,
html body.erp-body #util-bar #navNotifBell:hover i {
  color: #f87171 !important;
}

html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--unread,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--unread:hover,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--unread i,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--unread:hover i,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--critical,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--critical:hover,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--critical i,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--critical:hover i,
html body.erp-body #util-bar #navNotifBell.nav-bell--unread,
html body.erp-body #util-bar #navNotifBell.nav-bell--unread:hover,
html body.erp-body #util-bar #navNotifBell.nav-bell--unread i,
html body.erp-body #util-bar #navNotifBell.nav-bell--unread:hover i,
html body.erp-body #util-bar #navNotifBell.nav-bell--critical,
html body.erp-body #util-bar #navNotifBell.nav-bell--critical:hover,
html body.erp-body #util-bar #navNotifBell.nav-bell--critical i,
html body.erp-body #util-bar #navNotifBell.nav-bell--critical:hover i {
  color: #ef4444 !important;
}

html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--warning,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--warning:hover,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--warning i,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--warning:hover i,
html body.erp-body #util-bar #navNotifBell.nav-bell--warning,
html body.erp-body #util-bar #navNotifBell.nav-bell--warning:hover,
html body.erp-body #util-bar #navNotifBell.nav-bell--warning i,
html body.erp-body #util-bar #navNotifBell.nav-bell--warning:hover i {
  color: #f59e0b !important;
}

html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--success,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--success:hover,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--success i,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--success:hover i,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--info,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--info:hover,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--info i,
html body.erp-body #navbar #util-bar #navNotifBell.nav-bell--info:hover i,
html body.erp-body #util-bar #navNotifBell.nav-bell--success,
html body.erp-body #util-bar #navNotifBell.nav-bell--success:hover,
html body.erp-body #util-bar #navNotifBell.nav-bell--success i,
html body.erp-body #util-bar #navNotifBell.nav-bell--success:hover i,
html body.erp-body #util-bar #navNotifBell.nav-bell--info,
html body.erp-body #util-bar #navNotifBell.nav-bell--info:hover,
html body.erp-body #util-bar #navNotifBell.nav-bell--info i,
html body.erp-body #util-bar #navNotifBell.nav-bell--info:hover i {
  color: #22c55e !important;
}