/*
 ZEXARA NOTIFICATIONS BACKGROUND V3
 Remove the page background rectangle.
 Keep notification cards, heading and layout unchanged.
*/

/* One solid background beneath the whole screen */
html:has(.notifications-page),
html body:has(.notifications-page),
html body #root:has(.notifications-page),
html body #root .app:has(.notifications-page) {
  background: #101318 !important;
  background-image: none !important;
  background-color: #101318 !important;
}

/*
 The main Notifications surface must not paint
 its own separate rectangle.
*/
html body #root .app:has(.notifications-page)
main.notifications-page {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}

/* Keep these rules limited to Notifications */