.fightdeck-toast-container {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1080;
  width: min(24rem, calc(100vw - 2rem));
}

.feedback-toast {
  width: 100%;
  margin-bottom: 0.75rem;
  border: 0;
  border: 1px solid color-mix(in srgb, var(--toast-accent) 22%, #e5e7eb);
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, 0.14);
  background: #fff;
}

.feedback-toast__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  color: #1f2937;
}

.feedback-toast__icon { align-items: center; background: color-mix(in srgb, var(--toast-accent) 14%, white); border-radius: 50%; color: var(--toast-accent); display: inline-flex; flex: 0 0 1.75rem; font-weight: 800; height: 1.75rem; justify-content: center; }
.feedback-toast__content { display: flex; flex: 1; flex-direction: column; gap: .15rem; }
.feedback-toast__title { font-size: .9rem; }
.feedback-toast__message { color: #6b7280; font-size: .85rem; line-height: 1.35; }
.feedback-toast-success { --toast-accent: #15803d; }
.feedback-toast-info { --toast-accent: #2563eb; }
.feedback-toast-warning { --toast-accent: #b45309; }
.feedback-toast-error { --toast-accent: #b91c1c; }

@keyframes feedback-toast-in { from { opacity: 0; transform: translateY(-.35rem); } to { opacity: 1; transform: translateY(0); } }
.feedback-toast { animation: feedback-toast-in .2s ease-out both; }
@media (prefers-reduced-motion: reduce) { .feedback-toast { animation: none; } }

@media (max-width: 575.98px) {
  .fightdeck-toast-container {
    top: 0.75rem;
    right: 0.75rem;
    left: 0.75rem;
    width: auto;
  }
}