gui: every screen lays itself out to fit, down to a 360-point tiling slot

Narrow windows overlapped and clipped: the top bar's crumb, date, and
search ran into each other; big numbers wrapped mid-figure; tables
painted columns over each other; the entry and document panes squeezed
their lists to slivers; anything too wide widened the whole page.

- Below 1000 points the sidebar becomes an icon rail (names, attention,
  and integrity checks in tooltips).
- The top bar lays out right to left: search shrinks to its icon, the
  date drops, the crumb truncates.
- Pages are pinned to the window width with narrower margins when tight,
  so one wide thing can't push everything off screen.
- Tiles (KPIs, cash accounts, documents) fit as many columns as the
  width allows, balanced across rows; KPI figures shrink rather than wrap.
- Painted tables shrink their amount columns, clip labels with an
  ellipsis, then scroll sideways rather than overlap.
- List/detail splits show only the detail when both won't fit.
- Reports: the side list becomes a picker; controls wrap by known width.
- Smaller fixes: chart labels thin out, company facts stack, journal
  timestamps yield, transaction filters become a dropdown.
- Min window size drops to 360x400; the screenshot test covers every
  report, a register, a document, and a journal event.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01GWVo7x3UHw5kwCUaWxiejX

crates/ledger-gui/src/pages/overview.rs

@@ -223,27 +223,22 @@ fn kpis(ui: &mut Ui, b: &Books, shell: &mut Shell<'_>) {
             Route::Cash,
         ),
     ];
-    let n = if ui.available_width() > 1180.0 { 6 } else { 3 };
-    for row in tiles.chunks(n) {
-        let weights = vec![1.0; n];
-        columns(ui, 0.0, &weights, |i, ui| {
-            if let Some((tile, route)) = row.get(i) {
-                let r = widgets::kpi(
-                    ui,
-                    Kpi {
-                        label: tile.label,
-                        value: tile.value.clone(),
-                        sub: tile.sub.clone(),
-                        spark: tile.spark,
-                        how: tile.how,
-                    },
-                );
-                if r.interact(egui::Sense::click()).clicked() {
-                    shell.go(route.clone());
-                }
-            }
-        });
-    }
+    super::grid(ui, tiles.len(), 150.0, 6, |i, ui| {
+        let (tile, route) = &tiles[i];
+        let r = widgets::kpi(
+            ui,
+            Kpi {
+                label: tile.label,
+                value: tile.value.clone(),
+                sub: tile.sub.clone(),
+                spark: tile.spark,
+                how: tile.how,
+            },
+        );
+        if r.interact(egui::Sense::click()).clicked() {
+            shell.go(route.clone());
+        }
+    });
 }
 
 /// `change` picks from the light palette; map to the current one.