#flash-container {
  position: fixed;
  margin-top: 1rem;
  z-index: 9999;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  inset: 0;
  pointer-events: none;
}

.flash {
  min-width: 240px;
  max-width: 90vw;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  background: var(--color-primary-dark);
  color: var(--color-white);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  opacity: 0;
  transform: translateY(-10px);
  animation: flash-in 0.25s ease-out forwards;
  cursor: pointer;
}

/* Variants */
.flash-notice {
  background: var(--color-primary-dark);
}

.flash-alert {
  background: #dc2626; /* red */
}

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