.notification-actions [data-notification-sound] { margin-left: auto; }
.notification-actions [data-notification-sound][aria-pressed="false"] { color: #94a9c7; }
.event-toasts {
  position: fixed; right: max(20px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 80; display: grid; gap: 10px; width: min(510px, calc(100vw - 24px)); pointer-events: none;
}
.event-toast {
  display: grid; grid-template-columns: 34px minmax(0, 1fr) 28px; gap: 10px; align-items: start;
  padding: 15px 12px 15px 15px; margin: 0; min-width: 0; pointer-events: auto;
  border: 1px solid #385d8c; border-left: 3px solid #3b82f6; border-radius: 14px;
  background: rgba(12, 27, 47, .97); color: #f4f8ff; box-shadow: 0 14px 44px #0006;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  animation: event-toast-in .22s ease-out;
}
.event-toast-symbol { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #2563eb26; color: #7db6ff; font-size: 19px; }
.event-toast-link { display: grid; gap: 6px; min-width: 0; text-decoration: none; }
.event-toast-link strong { font: 700 13px/1.5 var(--font); color: #f4f8ff; overflow-wrap: anywhere; }
.event-toast-link > span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #becfe8; font-size: 12px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.event-toast > button { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 7px; background: transparent; color: #a5bad7; font-size: 21px; cursor: pointer; }
.event-toast > button:hover { background: #213953; color: #fff; }
.event-toast a:focus-visible, .event-toast button:focus-visible { outline: 2px solid #60a5fa; outline-offset: 3px; }
@keyframes event-toast-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: none; } }
@media (max-width: 620px) { .event-toasts { right: 12px; bottom: max(92px, calc(env(safe-area-inset-bottom) + 20px)); } }
@media (prefers-reduced-motion: reduce) { .event-toast { animation: none; } }