.tn-trader-event-feed {
  position: fixed;
  top: max(16px, env(safe-area-inset-top));
  right: 16px;
  z-index: 220;
  display: grid;
  gap: 8px;
  width: min(380px, calc(100vw - 32px));
  pointer-events: none;
}

.tn-trader-event {
  display: grid;
  gap: 5px;
  padding: 14px 16px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-left: 4px solid #16a34a;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.97);
  color: #0f172a;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
  opacity: 0;
  transform: translateY(-8px);
  animation: tn-trader-event-in 180ms ease forwards;
}

.tn-trader-event[data-type="stop_loss"] { border-left-color: #dc2626; }
.tn-trader-event strong { font-size: 14px; line-height: 1.3; }
.tn-trader-event span { font-size: 12px; line-height: 1.45; color: #475569; }
html.dark .tn-trader-event { background: rgba(15, 23, 42, 0.97); color: #f8fafc; }
html.dark .tn-trader-event span { color: #cbd5e1; }

@keyframes tn-trader-event-in {
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .tn-trader-event { animation: none; opacity: 1; transform: none; }
}

@media (max-width: 640px) {
  .tn-trader-event-feed { top: auto; bottom: max(16px, env(safe-area-inset-bottom)); }
}