/* UMWE notification interaction polish */
.popover.notifications{
  overflow:hidden;
}
.popover.notifications .notif{
  cursor:pointer;
  user-select:none;
  position:relative;
  transition:background-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.popover.notifications .notif *{
  cursor:pointer;
}
.popover.notifications .notif:hover{
  background:rgba(0,185,121,.10);
  transform:translateX(2px);
  box-shadow:inset 3px 0 0 var(--green);
}
.popover.notifications .notif.unread{
  background:rgba(0,185,121,.075);
}
.popover.notifications .notif.unread:hover{
  background:rgba(0,185,121,.14);
}
.popover.notifications .notif:focus-visible{
  outline:2px solid var(--green);
  outline-offset:-2px;
  background:rgba(0,185,121,.12);
}
.popover.notifications .notif b{
  transition:color .16s ease;
}
.popover.notifications .notif:hover b{
  color:var(--green);
}
:root[data-theme="dark"] .popover.notifications .notif:hover{
  background:rgba(20,210,156,.12);
}
:root[data-theme="dark"] .popover.notifications .notif.unread:hover{
  background:rgba(20,210,156,.17);
}