Move money: Max on both directions, inline in the amount field

Into Spending gains a Max (fee-aware — it asks the tx builder what a
sweep would actually deliver, so the mining fee can't make the board
fail), and both directions now carry Max as a small affordance inside
the input's right edge instead of a button eating a third of the row.
It only appears when there's a balance to max. Balance face height
trimmed to match its shorter content.

Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi

1 files changed, 10 insertions, 1 deletions

diff --git a/src/style.css b/src/style.css
index 0131556..f151bf5 100644
--- a/src/style.css
+++ b/src/style.css
@@ -513,9 +513,18 @@ body::after {
 @media (prefers-reduced-motion: reduce) { .onb-mark { animation: none; } }
 .onb-addr { color: var(--muted); font-family: var(--mono); font-size: 13px; }
 /* balance card: one account at a time, dots to flip */
-.balance-face { min-height: 118px; }
+.balance-face { min-height: 96px; }
 .balance-note { margin-top: 2px; }
 .balance-dots { display: flex; gap: 7px; align-items: center; }
 .bdot { width: 8px; height: 8px; padding: 0; border-radius: 50%; border: 0; background: var(--line-strong); cursor: pointer; transition: background .18s, transform .18s; }
 .bdot:hover { transform: scale(1.25); background: var(--muted); }
 .bdot.on { background: var(--accent); transform: scale(1.15); }
+/* amount input with an inline Max affordance */
+.amt-field { position: relative; display: flex; flex: 1; min-width: 0; }
+.amt-field input { width: 100%; padding-right: 52px; }
+.amt-max {
+  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
+  padding: 4px 8px; font-size: 12px; font-weight: 600; line-height: 1;
+  border: 0; border-radius: 7px; background: var(--accent-soft); color: var(--muted); cursor: pointer;
+}
+.amt-max:hover { background: var(--surface2); color: var(--ink); }