Give the one-line text field its own stylesheet entry

<x-input> marks its field root data-md-input, and components/input.css
brings what it renders, the field and its icons, so an application
imports one file per component (plan step 36).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

resources/views/components/input.blade.php

@@ -11,7 +11,10 @@
 
      The placeholder is a single space when none is given, because the label can only tell an
      empty field from a filled one through `:placeholder-shown`. With a label, a real placeholder
-     shows only while the field has focus — until then the label stands where it would be. --}}
+     shows only while the field has focus — until then the label stands where it would be.
+
+     The field's root carries `data-md-input`; everything it draws is the field's chrome
+     (resources/css/components/field.css), which resources/css/components/input.css imports. --}}
 
 @props([
     'label' => null,
@@ -42,7 +45,7 @@
     $fieldIconSize = ['sm' => 20, 'xs' => 16][$size] ?? 24;
 @endphp
 
-<x-livewire-material::field :$id :$label :$hint :hint-class="$hintClass" :$messages :$icon :$prefix :$suffix :$size :$variant :$mono :counter="$max" :$full :class="$attributes->get('class')" :data-md-readonly="$attributes->get('readonly') ? '' : null">
+<x-livewire-material::field :$id :$label :$hint :hint-class="$hintClass" :$messages :$icon :$prefix :$suffix :$size :$variant :$mono :counter="$max" :$full :class="$attributes->get('class')" :data-md-readonly="$attributes->get('readonly') ? '' : null" data-md-input>
     <input
         {{ $attributes->except(['class', 'id', 'placeholder'])->merge(['type' => 'text']) }}
         id="{{ $id }}"