fix(web): stop large balances clipping on the statement page

TRASPASOS PAYPAL's 7-figure balances exposed three layout bugs on
/estado-cuenta/[id], all invisible on normal small-figure customers:

- summary/línea cards: `summary-grid` uses auto-fill, so a single- or
  two-currency card never widens past the min track (~190px) however wide
  the page is. The 24px nowrap headline (-$7,028,533.44) overflowed the
  card border. Widen the min track to 260px so the figure fits in full,
  and drop the size to 22px. Explicitly no ellipsis — a truncated money
  figure reads as a wrong number.
- `concept-list` had no horizontal padding (`.card` carries none), so the
  concept totals sat flush on the card border. Pad it.
- the Cargo/Abono direction label was an inline span glued to the amount;
  make it a block so it drops onto its own line. Same fix applied to the
  movement-list page for consistency.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

apps/web/src/app/estado-cuenta/[id]/page.tsx

@@ -448,7 +448,7 @@ function StatementRow({ m }: { m: StatementMovement }) {
         <span className={`tx-amount ${m.direction === "charge" ? "neg" : "pos"}`}>
           {formatMoney(m.amount, m.currency)}
         </span>
-        <span className="tx-cur">{directionLabel(m.direction)}</span>
+        <div className="tx-cur">{directionLabel(m.direction)}</div>
       </td>
       <td className="num">
         <span className={`bal-running ${balanceTone(m.balanceAfter)}`}>

apps/web/src/app/estado-cuenta/page.tsx

@@ -772,9 +772,9 @@ function MovementRow({ m }: { m: MovementListItem }) {
         <span className={`tx-amount ${m.direction === "charge" ? "neg" : "pos"}`}>
           {formatMoney(m.amount, m.currency)}
         </span>
-        <span className="tx-cur">
+        <div className="tx-cur">
           {m.currency} · {directionLabel(m.direction)}
-        </span>
+        </div>
       </td>
     </tr>
   );