Redesign on the Stitch reference, in Plus Jakarta Sans

Four passes, and the shape they landed on.

The type face is Plus Jakarta Sans (variable, wght 200-800), which brings a
fix with it: it carries the rupee glyph and Switzer does not, so prices stop
being set in Geist Mono to work around a missing character. Mono stays where
it is earned - references and phone numbers, read digit by digit.

Surfaces lift rather than outline. Cards carry two very soft shadow layers
instead of a hairline, because eight outlined boxes down a screen read as a
wireframe. The tab bar floats as a pill again for the same reason it was
right to: it is now the same kind of object as everything above it.

Screens:

* Home is the greeting, the address, the sphere and one card. The card lost
  its progress bar - a filling line says "wait", and a parcel two days into
  a journey is not something anyone is waiting through - and gained the size
  that buys.
* Orders cards are four bands: identity, destination, route, and whatever is
  happening right now. Plus a search field, because the list is the archive.
* Tracking leads with the state at display size, then TRIP MILESTONES with a
  step counter, then the courier.
* Review is a route thread over two particular cards.
* Account opens on the person: avatar, name, and two counted figures.

Three real bugs the redesign surfaced:

* Quick dispatch handed `loadCities()` straight to a FutureBuilder, so the
  catalogue was refetched on every rebuild and Home never settled.
* Order cards showed the whole visit's weight on one destination's row -
  somebody else's parcel. Per group now, and only once actually weighed.
* The pickup window was printed beside "In transit", where it reads as a
  delivery time nobody promised.

Nothing invented. The reference shows EXPRESS PRIORITY, CARBON OFFSET,
CONCIERGE ELITE and hub-to-hub routing; this backend sends none of them, so
they are absent rather than mocked up.

flutter analyze: clean. flutter test: 88 passing.

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

lib/ui/widgets/cards.dart

@@ -21,24 +21,40 @@ enum DmCardTone {
   sunken,
 }
 
-/// A bordered panel that stacks rows and rules them apart.
+/// A panel that stacks rows and rules them apart.
 ///
-/// This replaces the shadowed card the app used to draw everywhere. The rule
-/// between rows belongs to the card, not to the rows: a row does not know
-/// whether it is first, and a card that is handed one child draws no rule at
-/// all, so the same [DmCardCell] works alone or in a stack of five.
+/// The rule between rows belongs to the card, not to the rows: a row does not
+/// know whether it is first, and a card that is handed one child draws no rule
+/// at all, so the same [DmCardCell] works alone or in a stack of five.
+///
+/// ── Edge → shadow (2026-09-23) ──
+///
+/// This was a bordered panel, which was the right correction to the shadowed
+/// card it replaced — that one dropped a shadow under everything, so nothing
+/// on a screen could be said to matter more than anything else. Eight hairline
+/// boxes down a screen turned out to have the same failure in reverse: the
+/// outline became the loudest thing about an object whose job is to be quiet.
+///
+/// A card is lifted now, not outlined. [DmShadow.card] is two very soft layers
+/// — an ambient wash and a short contact shadow — neither of which is legible
+/// *as* a shadow; together they read as the white being nearer than the canvas.
+/// [raised] doubles them for the one card on a screen that needs acting on.
 class DmCard extends StatelessWidget {
   const DmCard({
     super.key,
     required this.children,
     this.tone = DmCardTone.plain,
     this.rail = false,
+    this.raised = false,
     this.onTap,
   });
 
   final List<Widget> children;
   final DmCardTone tone;
 
+  /// Deeper lift, for the one card in a list that is live or needs a decision.
+  final bool raised;
+
   /// A 3pt crimson spine down the leading edge — marks the one row in a list
   /// that needs the customer's attention now.
   final bool rail;
@@ -62,6 +78,9 @@ class DmCard extends StatelessWidget {
   /// The rule between two rows of the same card. On crimson it is a lightened
   /// white rather than a darker line: a dark rule on a saturated field reads as
   /// a crack, a light one as a seam.
+  /// Only the white card lifts. See the note in [build].
+  bool get _lifts => tone == DmCardTone.plain;
+
   Color get _rule => switch (tone) {
         DmCardTone.plain => DmColors.hairline,
         DmCardTone.fill => const Color(0x2EFFFFFF),
@@ -79,18 +98,25 @@ class DmCard extends StatelessWidget {
     // and the card lost its outline exactly where it needed one most. A
     // foreground decoration paints last, so every cell is clipped inside an
     // edge that is always visible.
+    final radius = DmRadius.all(DmRadius.card);
     final card = DecoratedBox(
       decoration: BoxDecoration(
         color: _background,
-        borderRadius: DmRadius.all(DmRadius.md),
+        borderRadius: radius,
+        boxShadow: _lifts ? (raised ? DmShadow.cardRaised : DmShadow.card) : null,
       ),
       child: Container(
-        foregroundDecoration: BoxDecoration(
-          borderRadius: DmRadius.all(DmRadius.md),
-          border: Border.all(color: _edge),
-        ),
+        // A tone that is not white keeps its edge: a crimson or washed card is
+        // already separated from the canvas by its own colour, and a shadow
+        // under a saturated fill reads as grime rather than as lift.
+        foregroundDecoration: _lifts
+            ? null
+            : BoxDecoration(
+                borderRadius: radius,
+                border: Border.all(color: _edge),
+              ),
         child: ClipRRect(
-          borderRadius: DmRadius.all(DmRadius.md),
+          borderRadius: radius,
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.stretch,
             mainAxisSize: MainAxisSize.min,
@@ -109,7 +135,8 @@ class DmCard extends StatelessWidget {
         ? Container(
             decoration: BoxDecoration(
               color: DmColors.brand,
-              borderRadius: DmRadius.all(DmRadius.md),
+              borderRadius: radius,
+              boxShadow: _lifts ? DmShadow.cardRaised : null,
             ),
             padding: const EdgeInsets.only(left: 3),
             child: card,