fix(badges): lighten placeholder text in create form

Tailwind v4 renders placeholder text too dark on light backgrounds,
making it indistinguishable from real input values. Same scoped CSS
fix already applied to ae_comp__badge_print_controls.svelte.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_create_form.svelte

@@ -308,3 +308,18 @@ let step_label = $derived(
         </button>
     </div>
 </form>
+
+<style>
+/* Placeholder text must read as a hint, not as filled content.
+   Tailwind v4 sets placeholder color too dark on light backgrounds.
+   Same fix as ae_comp__badge_print_controls.svelte. */
+form input::placeholder,
+form textarea::placeholder {
+    color: #9ca3af; /* gray-400 */
+    opacity: 1;     /* Firefox: override default 0.54 opacity */
+}
+:global(.dark) form input::placeholder,
+:global(.dark) form textarea::placeholder {
+    color: #6b7280; /* gray-500 in dark mode */
+}
+</style>