Give the password field its own stylesheet entry

<x-password> marks its field root data-md-password, and
components/password.css brings the field and its icons (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/password.blade.php

@@ -5,7 +5,9 @@
      M3's own pattern for an interactive trailing icon ("Show password" / "Hide password") — and it
      carries no `aria-pressed`, which would say the state a second time and the other way round.
      `label`, `hint`, `icon`, `variant`, `size`; every other attribute reaches the `<input>`
-     (`autocomplete="current-password"`, `wire:model`). --}}
+     (`autocomplete="current-password"`, `wire:model`). The field's root carries
+     `data-md-password`; the chrome and the eye's icon button are the field's
+     (resources/css/components/field.css, brought by resources/css/components/password.css). --}}
 
 @props([
     'label' => null,
@@ -25,7 +27,7 @@
     $fieldIconSize = ['sm' => 20, 'xs' => 16][$size] ?? 24;
 @endphp
 
-<x-livewire-material::field :$id :$label :$hint :hint-class="$hintClass" :$messages :$icon :$size :$variant :class="$attributes->get('class')" x-data="{ shown: false }">
+<x-livewire-material::field :$id :$label :$hint :hint-class="$hintClass" :$messages :$icon :$size :$variant :class="$attributes->get('class')" x-data="{ shown: false }" data-md-password>
     <input
         {{ $attributes->except(['class', 'id', 'type', 'placeholder']) }}
         id="{{ $id }}"