Unify primary buttons with gradient pill design across the app.

Add shared btn-primary components and plus icons on create/new actions for a consistent Ladill UI.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/views/email/mailboxes/create.blade.php

@@ -86,7 +86,7 @@
                 </div>
                 @error('password')<p class="text-xs text-rose-600">{{ $message }}</p>@enderror
 
-                <button class="w-full rounded-xl bg-indigo-600 px-4 py-3 text-sm font-semibold text-white hover:bg-indigo-700"
+                <button class="btn-primary w-full btn-primary-lg"
                         x-text="free ? 'Create free mailbox' : ('Create mailbox — ' + fmt(price) + '/mo')">Create mailbox</button>
             </form>
         </div>

resources/views/email/mailboxes/index.blade.php

@@ -4,7 +4,7 @@
 <div class="mx-auto max-w-4xl">
     <div class="flex items-center justify-between">
         <h1 class="text-xl font-semibold tracking-tight text-slate-900">Mailboxes</h1>
-        <a href="{{ route('email.mailboxes.create') }}" class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white hover:bg-indigo-700">New mailbox</a>
+        <x-btn.create :href="route('email.mailboxes.create')">New mailbox</x-btn.create>
     </div>
     @if($error)<div class="mt-4 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800">{{ $error }}</div>@endif
 
@@ -12,7 +12,7 @@
         <div class="mt-6 rounded-2xl border border-dashed border-slate-300 bg-white p-12 text-center">
             <p class="text-sm font-semibold text-slate-700">No mailboxes yet</p>
             <p class="mx-auto mt-1 max-w-sm text-xs text-slate-400">Verify a domain, then create a mailbox like you@yourdomain.com.</p>
-            <a href="{{ route('email.mailboxes.create') }}" class="mt-4 inline-block rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white hover:bg-indigo-700">Create mailbox</a>
+            <x-btn.create :href="route('email.mailboxes.create')" class="mt-4">Create mailbox</x-btn.create>
         </div>
     @else
         <div class="mt-6 divide-y divide-slate-100 overflow-hidden rounded-2xl border border-slate-200 bg-white">

resources/views/email/mailboxes/show.blade.php

@@ -20,7 +20,7 @@
             <div class="flex justify-between"><dt class="text-slate-500">IMAP</dt><dd class="font-mono text-slate-800">{{ $host }}:993 (SSL)</dd></div>
             <div class="flex justify-between"><dt class="text-slate-500">SMTP</dt><dd class="font-mono text-slate-800">{{ $host }}:587 (STARTTLS)</dd></div>
         </dl>
-        <a href="https://{{ $host }}" class="mt-4 inline-block rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white hover:bg-indigo-700">Open Webmail ↗</a>
+        <a href="https://{{ $host }}" class="mt-4 inline-block btn-primary">Open Webmail ↗</a>
     </div>
 
     @php
@@ -46,7 +46,7 @@
                 </p>
             </div>
             @if($quotaMb < $maxMb)
-                <a href="{{ route('email.mailboxes.upgrade', $mailbox['id']) }}" class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white hover:bg-indigo-700">Upgrade</a>
+                <a href="{{ route('email.mailboxes.upgrade', $mailbox['id']) }}" class="btn-primary">Upgrade</a>
             @else
                 <span class="rounded-lg bg-slate-100 px-3 py-2 text-xs font-medium text-slate-500">Top plan</span>
             @endif

resources/views/email/mailboxes/upgrade.blade.php

@@ -44,7 +44,7 @@
                 </div>
                 @error('quota_mb')<p class="mt-1 text-xs text-rose-600">{{ $message }}</p>@enderror
             </div>
-            <button class="w-full rounded-xl bg-indigo-600 px-4 py-3 text-sm font-semibold text-white hover:bg-indigo-700"
+            <button class="btn-primary w-full btn-primary-lg"
                     x-text="'Upgrade — ' + fmt(price) + '/mo'">Upgrade</button>
         </form>
     </div>