fix(ux): mobile polish — inputMode=decimal default, dialog padding, more-sheet touch targets

Three audit-pass-#3 mobile findings, all in shared primitives so the
fix lands everywhere those primitives are used.

- Input defaults inputMode='decimal' when type='number' and the caller
  hasn't overridden. Currency/dimension/price fields across invoices,
  expenses, berth specs etc. now show iOS's numeric pad instead of full
  QWERTY. Caller can still pass inputMode='numeric' for integer-only
  fields.
- DialogContent: padding tightens to p-4 on mobile and restores p-6
  at sm+ — the previous fixed p-6 ate ~48px of horizontal width on a
  390px iPhone, crushing form-field space. Also adds a max-h-[100dvh]
  + overflow-y-auto so long modal forms scroll inside the dialog
  instead of pushing the close button off-screen.
- MoreSheet (mobile bottom-tab "More" drawer): grid-cols-3 cells now
  enforce min-h-[88px] so each Apple-HIG-sized 44pt touch target gets
  reliable hit area. Icon size bumped from 6 to 7 for visual weight at
  the larger cell.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/layout/mobile/more-sheet.tsx

@@ -65,7 +65,7 @@ export function MoreSheet({
         <DrawerHeader>
           <DrawerTitle>More</DrawerTitle>
         </DrawerHeader>
-        <ul className="grid grid-cols-3 gap-1 px-3 pb-4">
+        <ul className="grid grid-cols-3 gap-2 px-3 pb-4">
           {MORE_ITEMS.map((item) => {
             const Icon = item.icon;
             return (
@@ -74,9 +74,12 @@ export function MoreSheet({
                   <Link
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     href={`/${portSlug}/${item.segment}` as any}
-                    className="flex flex-col items-center justify-center gap-1.5 rounded-md py-4 text-xs text-foreground hover:bg-accent"
+                    // min-h-[88px] guarantees a 44pt vertical touch target
+                    // (Apple HIG); icon + label centered. The grid gap is
+                    // 8px so each cell still has clearance from neighbours.
+                    className="flex min-h-[88px] flex-col items-center justify-center gap-1.5 rounded-md py-3 px-2 text-xs text-foreground hover:bg-accent active:bg-accent/80"
                   >
-                    <Icon className="size-6 text-muted-foreground" aria-hidden />
+                    <Icon className="size-7 text-muted-foreground" aria-hidden />
                     <span className="font-medium">{item.label}</span>
                   </Link>
                 </DrawerClose>