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/documents.rs

@@ -57,7 +57,7 @@ fn grid(ui: &mut Ui, b: &Books, selected: Option<u64>, shell: &mut Shell<'_>) {
             ui.add(
                 egui::TextEdit::singleline(&mut st.query)
                     .hint_text(format!("{} Search file names", icon::MAGNIFYING_GLASS))
-                    .desired_width(260.0),
+                    .desired_width(ui.available_width().min(260.0)),
             );
             if ui.selectable_label(st.category.is_none(), "All").clicked() {
                 st.category = None;
@@ -94,10 +94,10 @@ fn grid(ui: &mut Ui, b: &Books, selected: Option<u64>, shell: &mut Shell<'_>) {
             widgets::card(ui, |ui| widgets::empty(ui, icon::FILES, "No documents", ""));
             return;
         }
-        let tile_w = 200.0;
-        let per_row = ((ui.available_width() + 16.0) / (tile_w + 16.0))
-            .floor()
-            .max(1.0) as usize;
+        // As many 200-point tiles as fit, stretched to fill the row.
+        let per_row = widgets::fit_columns(ui.available_width(), 200.0, 16.0, usize::MAX);
+        let tile_w =
+            ((ui.available_width() - 16.0 * (per_row as f32 - 1.0)) / per_row as f32).min(280.0);
         let mut go = None;
         for row in docs.chunks(per_row) {
             ui.horizontal_top(|ui| {
@@ -277,7 +277,9 @@ fn detail(ui: &mut Ui, b: &Books, a: &Attachment, shell: &mut Shell<'_>) {
                                 format!("#{} {} ({})", x.id, x.description, fmt::dollars(x.amount))
                             })
                             .unwrap_or_else(|| format!("#{e}"));
-                        if widgets::link(ui, RichText::new(label).color(p.accent)).clicked() {
+                        if widgets::link_truncated(ui, RichText::new(label).color(p.accent))
+                            .clicked()
+                        {
                             shell.go(Route::Entry(e));
                         }
                         ui.end_row();