.fixture-reminder {
  position: fixed;
  z-index: 50;
  bottom: 1.5rem;
  right: 1.5rem;
  width: min(28rem, calc(100vw - 3rem));
  padding: 1.5rem;
  border: 1px solid hsl(var(--primary));
  border-radius: 1rem;
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
  box-shadow: 0 12px 40px #0003;
  animation: fixture-reminder-enter 450ms ease-out both;
}

.fixture-reminder h2 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.fixture-reminder p {
  font-size: 0.875rem;
  line-height: 1.6;
  color: hsl(var(--muted-foreground));
}

.fixture-reminder-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

@keyframes fixture-reminder-enter {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fixture-reminder {
    animation: none;
  }
}