/* Instant Feedback Component
 * Dismissible per-entry feedback lines (project/concepts/Instant Feedback.md)
 * Reuses the alert--success/--warning/--info variants; adds the line layout
 * and the close-button collapse transition.
 * Following BEM convention, Tailwind v4 @utility with @layer components
 */

@utility instant-feedback {
  @layer components {
    @apply flex flex-col gap-2 mb-6;
  }
}

@utility instant-feedback__line {
  @layer components {
    @apply flex items-center justify-between gap-3 mb-0;
    transition: height 0.2s ease, margin 0.2s ease, padding 0.2s ease, opacity 0.15s ease;
  }
}

@utility instant-feedback__close {
  @layer components {
    @apply flex-shrink-0 p-2 -m-2 rounded-full opacity-70 hover:opacity-100 hover:bg-black/5 transition;
  }
}