/*
 * V118: Notification Center contrast and shell isolation.
 *
 * Loaded after module late styles so page-specific button and typography
 * rules cannot repaint the shared topbar notification dialog.
 */

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-toggle {
  color: #e6f5f3 !important;
  -webkit-text-fill-color: #e6f5f3 !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(219, 234, 242, 0.48) !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-toggle:is(:hover, :focus-visible),
body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-toggle[aria-expanded="true"] {
  color: #075f58 !important;
  -webkit-text-fill-color: #075f58 !important;
  background: #d9f4ee !important;
  background-color: #d9f4ee !important;
  border-color: #7dc8bc !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-toggle:focus-visible {
  outline: 3px solid #f5b942 !important;
  outline-offset: 2px !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-toggle > svg,
body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-toggle > svg * {
  color: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-badge {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #b42318 !important;
  background-color: #b42318 !important;
  border-color: #263446 !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-panel {
  color-scheme: light !important;
  color: #102f48 !important;
  -webkit-text-fill-color: currentColor !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #c8d9e3 !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-head {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #082f49 0%, #0f5e59 100%) !important;
  background-color: #0f5e59 !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-head > div > span {
  color: #ccfbf1 !important;
  -webkit-text-fill-color: #ccfbf1 !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-head h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-count {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-scope {
  color: #334e68 !important;
  -webkit-text-fill-color: #334e68 !important;
  background: #f2f8f7 !important;
  background-color: #f2f8f7 !important;
  border-bottom-color: #d7e5e7 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-scope p {
  color: #334e68 !important;
  -webkit-text-fill-color: #334e68 !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-list,
body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-item-form {
  color: #102f48 !important;
  -webkit-text-fill-color: currentColor !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-item {
  color: #102f48 !important;
  -webkit-text-fill-color: currentColor !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 0 !important;
  border-inline-start: 4px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-item.is-unread {
  background: #eef8fb !important;
  background-color: #eef8fb !important;
  border-inline-start-color: #0f766e !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-item:is(:hover, :focus-visible) {
  color: #102f48 !important;
  -webkit-text-fill-color: currentColor !important;
  background: #e7f5f2 !important;
  background-color: #e7f5f2 !important;
  border-inline-start-color: #0f766e !important;
  outline: 3px solid #f5b942 !important;
  outline-offset: -3px !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-copy,
body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-copy > * {
  opacity: 1 !important;
  text-shadow: none !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-copy small {
  color: #0f5f59 !important;
  -webkit-text-fill-color: #0f5f59 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-copy strong {
  color: #102f48 !important;
  -webkit-text-fill-color: #102f48 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-copy > span {
  color: #455f73 !important;
  -webkit-text-fill-color: #455f73 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-copy time {
  color: #8a3417 !important;
  -webkit-text-fill-color: #8a3417 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-arrow,
body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-arrow * {
  color: #526f85 !important;
  stroke: #526f85 !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-footer {
  color: #334e68 !important;
  -webkit-text-fill-color: currentColor !important;
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  border-top-color: #dfe8ee !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-footer :is(a, button) {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-footer :is(a, button):is(:hover, :focus-visible) {
  color: #0b5f58 !important;
  -webkit-text-fill-color: #0b5f58 !important;
  text-decoration: underline !important;
  outline: 2px solid #f5b942 !important;
  outline-offset: 2px !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-empty {
  color: #455f73 !important;
  -webkit-text-fill-color: currentColor !important;
  background: #ffffff !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-empty strong {
  color: #14364d !important;
  -webkit-text-fill-color: #14364d !important;
}

body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-empty span {
  color: #526b7f !important;
  -webkit-text-fill-color: #526b7f !important;
}

/* The full Notification Center workspace uses the same controlled palette. */
body:not(.login-body) main.page-content .notification-center-workspace {
  color: #102f48 !important;
  -webkit-text-fill-color: currentColor !important;
}

body:not(.login-body) main.page-content .notification-center-card {
  color: #102f48 !important;
  -webkit-text-fill-color: currentColor !important;
  background-color: #ffffff !important;
}

body:not(.login-body) main.page-content .notification-center-card h3 {
  color: #0b304a !important;
  -webkit-text-fill-color: #0b304a !important;
}

body:not(.login-body) main.page-content .notification-center-card p {
  color: #526b7f !important;
  -webkit-text-fill-color: #526b7f !important;
}

body:not(.login-body) main.page-content .notification-center-card time {
  color: #8a3417 !important;
  -webkit-text-fill-color: #8a3417 !important;
}

@media (forced-colors: active) {
  body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-panel,
  body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-item,
  body:not(.login-body) .topbar.topbar-enterprise .topbar-notification-toggle {
    forced-color-adjust: auto;
  }
}