/* Final blue palette corrections for Notification Preferences and Alerts. */

/* Notification Preferences: remove remaining teal from summary heading and active Settings footer. */
.phone-shell-wrap.persistent-bottom-nav-shell.notification-preferences-shell-active .notification-preferences-screen .notification-summary small {
  color: #4D7FFF !important;
  -webkit-text-fill-color: #4D7FFF !important;
}

.phone-shell-wrap.persistent-bottom-nav-shell.notification-preferences-shell-active > nav.app-primary-bottom-nav > button.active,
.phone-shell-wrap.persistent-bottom-nav-shell.notification-preferences-shell-active > nav.app-primary-bottom-nav > button.active span,
.phone-shell-wrap.persistent-bottom-nav-shell.notification-preferences-shell-active > nav.app-primary-bottom-nav > button.active .bottom-nav-icon {
  color: #4D7FFF !important;
  -webkit-text-fill-color: #4D7FFF !important;
}

.phone-shell-wrap.persistent-bottom-nav-shell.notification-preferences-shell-active > nav.app-primary-bottom-nav > button.active .bottom-nav-icon {
  fill: currentColor !important;
}

.phone-shell-wrap.persistent-bottom-nav-shell.notification-preferences-shell-active > nav.app-primary-bottom-nav > button.active::after {
  background: #4D7FFF !important;
  box-shadow: 0 0 8px rgba(77,127,255,.20) !important;
}

/* Alerts: force category pills and filter modal controls onto the blue system. */
.phone-shell-wrap.persistent-bottom-nav-shell.events-shell-active .reference-alert-filter-row button.active {
  border-color: #4D7FFF !important;
  background: linear-gradient(180deg, #4D7FFF, #3569E8) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 14px rgba(77,127,255,.18) !important;
}

.phone-shell-wrap.persistent-bottom-nav-shell.events-shell-active .reference-alerts-filter-options button.active {
  border-color: rgba(77,127,255,.82) !important;
  background: rgba(77,127,255,.14) !important;
  color: #7EA0FF !important;
  -webkit-text-fill-color: #7EA0FF !important;
}

.phone-shell-wrap.persistent-bottom-nav-shell.events-shell-active .reference-alerts-filter-panel-head button,
.phone-shell-wrap.persistent-bottom-nav-shell.events-shell-active .reference-alerts-clear-filters {
  color: #6F98FF !important;
  -webkit-text-fill-color: #6F98FF !important;
}

.phone-shell-wrap.persistent-bottom-nav-shell.events-shell-active .reference-alerts-top-action.active,
.phone-shell-wrap.persistent-bottom-nav-shell.events-shell-active .reference-alerts-top-action.active > svg {
  color: #6F98FF !important;
}

.phone-shell-wrap.persistent-bottom-nav-shell.events-shell-active .reference-alerts-filter-action i {
  background: #4D7FFF !important;
  box-shadow: 0 0 7px rgba(77,127,255,.55) !important;
}

.phone-shell-wrap.persistent-bottom-nav-shell.events-shell-active .reference-alerts-date-menu button.active {
  background: rgba(77,127,255,.11) !important;
  color: #7EA0FF !important;
  -webkit-text-fill-color: #7EA0FF !important;
}