fix(treasury): BRL-length-proof layout — KPI breakdown and rider columns

pt-BR is the long-string locale ("R$ 177.908,14" vs "$34,414.31") and
two spots sized for the English case broke under it, caught on the PT
capture: the Total KPI's wallet/DeFi line wrapped INTO the corner
noggles, and the rider table's fixed 72px value column let
"R$ 12.731,86" bleed into the yield column.

The KPI note becomes two deliberate lines (label + tabular value) with
right padding clearing the mark in any locale; the rider columns go
auto-sized. Anything that fits English exactly will overflow Portuguese
— sized for the long case now.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: sktbrd

messages/en/treasury.json

@@ -11,8 +11,9 @@
       "acrossAssets": "across {count} assets",
       "auctionsSettled": "{count} auctions settled",
       "morpheusClaims": "Morpheus · {count} claims",
-      "walletVsDefi": "In wallet {wallet} · In DeFi {defi}",
-      "defiUnavailable": "DeFi positions unreadable — the total shows the wallet only"
+      "defiUnavailable": "DeFi positions unreadable — the total shows the wallet only",
+      "inWallet": "In wallet",
+      "inDefi": "In DeFi"
     },
     "nftSection": {
       "title": "NFT Holdings",

messages/pt-br/treasury.json

@@ -11,8 +11,9 @@
       "acrossAssets": "em {count} ativos",
       "auctionsSettled": "{count} leilões concluídos",
       "morpheusClaims": "Morpheus · {count} resgates",
-      "walletVsDefi": "Em carteira {wallet} · Em DeFi {defi}",
-      "defiUnavailable": "Posições DeFi ilegíveis — o total mostra só a carteira"
+      "defiUnavailable": "Posições DeFi ilegíveis — o total mostra só a carteira",
+      "inWallet": "Em carteira",
+      "inDefi": "Em DeFi"
     },
     "nftSection": {
       "title": "Holdings de NFT",

src/components/treasury/SponsorshipYield.tsx

@@ -161,7 +161,7 @@ export function SponsorshipYield({ brlRate = null }: { brlRate?: number | null }
         </div>
 
         <div>
-          <div className="grid grid-cols-[minmax(0,1fr)_72px_66px] gap-2.5 border-b border-border pb-2 text-[11px] font-medium text-muted-foreground">
+          <div className="grid grid-cols-[minmax(0,1fr)_auto_auto] gap-2.5 border-b border-border pb-2 text-[11px] font-medium text-muted-foreground">
             <span>{t("colRider")}</span>
             <span className="text-right">{t("colTvl")}</span>
             <span className="text-right">{t("colYield")}</span>
@@ -171,7 +171,7 @@ export function SponsorshipYield({ brlRate = null }: { brlRate?: number | null }
             {rows.map((r) => (
               <li
                 key={r.id}
-                className="grid grid-cols-[minmax(0,1fr)_72px_66px] items-center gap-2.5 py-1.5"
+                className="grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2.5 py-1.5"
               >
                 <span className="flex min-w-0 items-center gap-2">
                   {/* Cropped to the face the same way the orbit nodes are, so a

src/components/treasury/TreasuryKpiRow.tsx

@@ -78,7 +78,7 @@ export async function TreasuryKpiRow() {
     label: string;
     accent: string;
     value: ReactNode;
-    note: string | null;
+    note: ReactNode;
     extra?: ReactNode;
     mark: ReactNode;
   }> = [
@@ -87,13 +87,23 @@ export async function TreasuryKpiRow() {
       label: t("totalValue"),
       accent: "--chart-5",
       value: <KpiValue value={totalUsd} decimals={2} fiat brlRate={brlRate} />,
+      // Two deliberate lines, not one that wraps: BRL strings run ~30% longer
+      // than USD ("R$ 177.908,14" vs "$34,414.31") and the single-line form
+      // broke across the corner noggles on pt-BR. The right padding keeps the
+      // text clear of the mark in every locale.
       note:
-        walletUsd != null
-          ? t("walletVsDefi", {
-              wallet: formatFiatUsd(walletUsd, locale, brlRate),
-              defi: formatFiatUsd(defiKnown, locale, brlRate),
-            })
-          : null,
+        walletUsd != null ? (
+          <span className="block space-y-0 pr-[88px]">
+            <span className="flex items-baseline gap-1.5 whitespace-nowrap">
+              <span>{t("inWallet")}</span>
+              <span className="tabular-nums">{formatFiatUsd(walletUsd, locale, brlRate)}</span>
+            </span>
+            <span className="flex items-baseline gap-1.5 whitespace-nowrap">
+              <span>{t("inDefi")}</span>
+              <span className="tabular-nums">{formatFiatUsd(defiKnown, locale, brlRate)}</span>
+            </span>
+          </span>
+        ) : null,
       extra: (
         <>
           {!defiHealthy && (