diff --git a/apps/web/src/screens/Home.tsx b/apps/web/src/screens/Home.tsx
index fd9da2d8..c2875cdc 100644
--- a/apps/web/src/screens/Home.tsx
+++ b/apps/web/src/screens/Home.tsx
@@ -54,6 +54,8 @@ export function HomeScreen() {
   const others = places.filter(place => place.id !== first.id);
   const needs = places.flatMap((hub) => hub.now.map((item) => ({ hub, item })))
     .sort((a, b) => (a.item.dueOn ?? "9999").localeCompare(b.item.dueOn ?? "9999")).slice(0, 6);
+  // Name the commune on each row only when the list spans more than one.
+  const severalCommunes = new Set(needs.map(({ hub }) => hub.id)).size > 1;
   const activity = places.flatMap((hub) => hub.activity.map((item) => ({ hub, item })))
     .sort((a, b) => (Date.parse(b.item.createdAt ?? "") || 0) - (Date.parse(a.item.createdAt ?? "") || 0)).slice(0, 6);
   const incomplete = places.some((hub) => hub.activityState !== "ready");
@@ -71,7 +73,7 @@ export function HomeScreen() {
             <div className="hub-feed">
               {needs.map(({ hub, item }, index) => (
                 <button key={`${hub.id}-${item.title}-${index}`} className="hub-feed-row" type="button" onClick={() => go(item.go, { hub: hub.id, expense: item.expenseId, operation: item.operationId })}>
-                  <Pill tone={item.pill === "warn" ? "warn" : "open"}>{hub.name}</Pill>
+                  {severalCommunes && <Pill tone={item.pill === "warn" ? "warn" : "open"}>{hub.name}</Pill>}
                   {item.dueOn && <CalendarDate date={item.dueOn} label="Due" />}
                   <div><strong>{item.title}</strong><div className="when">{item.when}</div></div>
                   <span className="hub-feed-go">Open</span>
diff --git a/apps/web/src/screens/Hub.css b/apps/web/src/screens/Hub.css
index 78d400e2..ba71d48d 100644
--- a/apps/web/src/screens/Hub.css
+++ b/apps/web/src/screens/Hub.css
@@ -55,8 +55,7 @@
 .c-hub-location span { margin-right: 8px; opacity: .75; }
 .c-hub-people-link { display: flex; align-items: center; gap: 12px; width: fit-content; margin-top: 17px; padding: 0; border: 0; background: none; color: inherit; text-shadow: none; font-size: 12px !important; }
 .c-hub-people-link .avatar-stack { display: flex; align-items: center; }
-.c-hub-people-link .avatar { width: 28px; height: 28px; margin-right: -5px; border: 2px solid #fff; font-size: 9px; }
-.c-hub-people-link .avatar:last-child { margin-right: 0; }
+.c-hub-people-link .avatar { width: 28px; height: 28px; border: 2px solid #fff; font-size: 9px; }
 .c-hub-hero-actions { position: absolute; right: 22px; top: 20px; display: flex; gap: 7px; }
 .c-hub-settings { display: flex; align-items: center; gap: 6px; padding: 9px 12px; min-height: 38px; border: 1px solid #ffffff55; border-radius: var(--radius-control); background: #15221c66; color: #fff; font-size: 12px !important; }
 
@@ -89,7 +88,8 @@
 .c-hub-count { flex: none; color: var(--hub-muted); font-size: 11px; white-space: nowrap; }
 .c-hub-link { padding: 4px 0; border: 0; background: none; color: var(--hub-action); font-size: 12px !important; font-weight: 500 !important; text-decoration: none; }
 .c-hub-link:hover { text-decoration-color: currentColor; }
-.c-hub-more { margin-top: 14px; }
+.c-hub-more { display: block; margin-top: 14px; }
+.c-hub-more + .c-hub-more { margin-top: 10px; }
 .c-hub-invite { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid #6f9b87; border-radius: var(--radius-control); background: var(--hub-panel); color: var(--hub-ink); font-size: 12px !important; }
 .c-hub-invite:hover { background: var(--hub-quiet); }
 .c-hub-empty { padding: 14px 0; border-top: 1px solid var(--hub-line); color: var(--hub-muted); font-size: 13px; }
diff --git a/apps/web/src/screens/Money.tsx b/apps/web/src/screens/Money.tsx
index e46e2b33..90f5faec 100644
--- a/apps/web/src/screens/Money.tsx
+++ b/apps/web/src/screens/Money.tsx
@@ -155,7 +155,7 @@ export function SettleScreen() {
               <Avatar tone={receiving ? debtor?.cls ?? "house" : payer?.cls ?? "house"} initials={receiving ? debtor?.ini ?? "?" : payer?.ini ?? "?"} />
               <div>
                 <div className="names">{receiving ? `${debtor?.name ?? "Member"} owes you` : `You owe ${payer?.name ?? "the bill payer"}`}</div>
-                <div className="why">{expense.name}{expense.dueOn ? ` · due ${expense.dueOn}` : ""}</div>
+                <div className="why">{expense.name}{expense.dueOn ? ` · due ${expense.due}` : ""}</div>
                 {share.settledMinor > 0 ? <div className="why">{formatMoney(share.settledMinor, hub.currency)} of {formatMoney(share.amountMinor, hub.currency)} received</div> : null}
                 {report ? <div className="why c-report-line">{receiving
                   ? `${reportSummary(report, hub.currency, debtor?.name ?? "A member")}. Not yet confirmed.`
diff --git a/apps/web/src/shell/Shell.tsx b/apps/web/src/shell/Shell.tsx
index 47929bde..a4f2ef9e 100644
--- a/apps/web/src/shell/Shell.tsx
+++ b/apps/web/src/shell/Shell.tsx
@@ -4,7 +4,7 @@ import type { IconName } from "../ui/Icon";
 import { Icon } from "../ui/Icon";
 import { Avatar } from "../ui/widgets";
 import { useApp } from "../state";
-import type { ScreenId, WindowId } from "../data/household";
+import type { ScreenId } from "../data/household";
 import { QuickSearch } from "../ui/QuickSearch";
 import { cx } from "../ui/cx";
 import { ReminderUsageMeter } from "../ui/ReminderUsage";
@@ -27,6 +27,12 @@ const BASIC: NavItem[] = [
   { id: "operations", label: "Operations", icon: "operations" },
 ];
 
+// The phone menu has no other route to these in basic mode.
+const DRAWER_BASIC: NavItem[] = [
+  { id: "members", label: "Members", icon: "members" },
+  { id: "templates", label: "Templates", icon: "templates" },
+];
+
 const MONEY: NavItem[] = [
   { id: "expenses", label: "Expenses", icon: "expenses" },
   { id: "settle", label: "Settle", icon: "settle" },
@@ -163,8 +169,12 @@ function NavButton({
   );
 }
 
-export function Sidebar({ screen }: { screen: ScreenId }) {
-  const { go, hub, you, reminderUsage } = useApp();
+export function Sidebar({ screen, drawer }: { screen: ScreenId; drawer?: boolean }) {
+  const { go, hub, you, reminderUsage, setMoreOpen } = useApp();
+  const closeRef = useRef<HTMLButtonElement>(null);
+  useEffect(() => {
+    if (drawer) closeRef.current?.focus();
+  }, [drawer]);
   const accountRole = hub.youMeta?.split(" · ")[0];
   const active = (id: ScreenId) =>
     screen === id ||
@@ -174,17 +184,29 @@ export function Sidebar({ screen }: { screen: ScreenId }) {
     (id === "expenses" && screen === "expenses-empty");
 
   return (
-    <aside className="a-side">
-      <button className="a-brand" type="button" onClick={() => go("home")}>
-        <span className="a-wordmark">commune.</span>
-      </button>
+    <aside
+      className={cx("a-side", drawer && "a-drawer")}
+      role={drawer ? "dialog" : undefined}
+      aria-modal={drawer ? true : undefined}
+      aria-label={drawer ? "Menu" : undefined}
+    >
+      <div className="a-side-head">
+        <button className="a-brand" type="button" onClick={() => go("home")}>
+          <span className="a-wordmark">commune.</span>
+        </button>
+        {drawer ? (
+          <button ref={closeRef} className="a-drawer-x" type="button" aria-label="Close menu" onClick={() => setMoreOpen(false)}>
+            <Icon name="close" size={16} />
+          </button>
+        ) : null}
+      </div>
 
       <nav className="a-nav" aria-label="Primary">
         <NavButton item={{ id: "home", label: "Home", icon: "home" }} active={active("home")} onClick={() => go("home")} />
         <NavButton item={{ id: "hub", label: "This Hub", icon: "hub" }} active={active("hub")} onClick={() => go("hub")} />
 
         <div className="a-nav-basic">
-          {BASIC.map((item) => (
+          {(drawer ? [...BASIC, ...DRAWER_BASIC] : BASIC).map((item) => (
             <NavButton key={item.id} item={item} active={active(item.id)} onClick={() => go(item.id)} />
           ))}
         </div>
@@ -263,10 +285,9 @@ export function Header({ screen }: { screen: ScreenId }) {
   }, [searchOpen, currentWindow]);
   return (
     <header className={cx("a-header", (screen === "home" || screen === "home-empty") && "a-header-home")}>
-      <button className="a-icon-btn a-more-btn" type="button" aria-label="More" onClick={() => setMoreOpen(true)}>
+      <button className="a-icon-btn a-more-btn" type="button" aria-label="Menu" aria-haspopup="dialog" onClick={() => setMoreOpen(true)}>
         <Icon name="menu" size={16} />
       </button>
-      <img className="a-header-mark" src="/logo-mark.svg" width={18} height={18} alt="" />
       <div className="a-header-title">
         <h1>{pageTitle}</h1>
         {pageLede ? <p>{pageLede}</p> : null}
@@ -322,47 +343,22 @@ export function PhoneTabs({ screen }: { screen: ScreenId }) {
   );
 }
 
-const MORE: Array<{ id: ScreenId | WindowId; title: string; hint: string; icon: IconName; dash?: boolean }> = [
-  { id: "commune-new", title: "Create a commune", hint: "A home, a studio, or a trip", icon: "plus", dash: true },
-  { id: "communes", title: "Places", hint: "Switch house, studio, or trip", icon: "hub" },
-  { id: "search", title: "Search", hint: "Find expenses, notes and jobs across your communes", icon: "search" },
-  { id: "notes", title: "Notes", hint: "Shared details to remember", icon: "notes" },
-  { id: "funds", title: "Funds", hint: "Contributions and commitments", icon: "funds" },
-  { id: "recurring", title: "Recurring", hint: "Regular bills, recorded after payment", icon: "refresh" },
-  { id: "templates", title: "Saved splits", hint: "Participants, percentages and share weights", icon: "templates" },
-  { id: "operations", title: "Operations", hint: "What’s late, what’s yours, then the week", icon: "operations" },
-  { id: "members", title: "Members", hint: "Who’s here this cycle", icon: "members" },
-  { id: "settings", title: "You & settings", hint: "Profile and preferences", icon: "settings" },
-];
-
 export function MoreSheet() {
-  const { setMoreOpen, go } = useApp();
+  const { moreOpen, setMoreOpen, screen } = useApp();
+  useEffect(() => {
+    if (!moreOpen) return;
+    const onKey = (event: KeyboardEvent) => {
+      // An open commune list inside the drawer closes first.
+      if (event.key === "Escape" && !document.querySelector(".a-drawer .a-hub-menu")) setMoreOpen(false);
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [moreOpen, setMoreOpen]);
+  if (!moreOpen) return null;
   return (
     <>
       <div className="a-sheet-scrim" onClick={() => setMoreOpen(false)} />
-      <div className="a-more" role="dialog" aria-label="More">
-        <div className="a-more-head">
-          <div>
-            <p className="a-more-kicker">More</p>
-            <p className="a-more-lede">Notes, funds, and the rest of your commune. The four tabs stay the spine.</p>
-          </div>
-          <button className="a-more-x" type="button" aria-label="Close More" onClick={() => setMoreOpen(false)}>
-            <Icon name="close" size={16} />
-          </button>
-        </div>
-        {MORE.map((row) => (
-          <button key={row.id} type="button" onClick={() => go(row.id)}>
-            <span className={cx("a-more-ic", row.dash && "a-more-ic-dash")} aria-hidden="true">
-              <Icon name={row.icon} />
-            </span>
-            <span className="a-more-copy">
-              <strong>{row.title}</strong>
-              <span>{row.hint}</span>
-            </span>
-            <Icon name="chevron" size={16} />
-          </button>
-        ))}
-      </div>
+      <Sidebar screen={screen} drawer />
     </>
   );
 }
diff --git a/apps/web/src/styles/app.css b/apps/web/src/styles/app.css
index d02d8a3c..429d8a89 100644
--- a/apps/web/src/styles/app.css
+++ b/apps/web/src/styles/app.css
@@ -185,19 +185,6 @@
   min-height: 0;
 }
 
-.a-header-mark {
-  display: none;
-  width: 38px;
-  height: 38px;
-  padding: 10px;
-  box-sizing: border-box;
-  border-radius: 999px;
-  border: 1px solid var(--border);
-  background: #fff;
-  flex-shrink: 0;
-  object-fit: contain;
-}
-
 .a-wordmark {
   font-family: "DM Sans Variable", "DM Sans", sans-serif;
   font-size: 34px;
@@ -1219,116 +1206,6 @@ div.a-set-row {
   display: block;
 }
 
-.a-more-head {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 4px 18px 12px;
-}
-
-.a-more-kicker {
-  margin: 0;
-  font-size: 18px;
-  font-weight: 750;
-  letter-spacing: -0.02em;
-}
-
-.a-more-lede {
-  margin: 4px 0 0;
-  font-size: 13px;
-  color: var(--ink-soft);
-  line-height: 1.4;
-}
-
-.a-more-x {
-  width: 32px;
-  height: 32px;
-  border: 0;
-  border-radius: 999px;
-  background: #1a1e2b;
-  color: #fff;
-  display: grid;
-  place-items: center;
-  cursor: pointer;
-  flex-shrink: 0;
-}
-
-.a-more-x svg {
-  width: 14px;
-  height: 14px;
-}
-
-.a-more > button {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-  margin: 0;
-  padding: 12px 18px;
-  border: 0;
-  border-bottom: 1px solid rgba(23, 27, 36, 0.06);
-  background: transparent;
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-  color: inherit;
-}
-
-.a-more > button:last-child {
-  border-bottom: 0;
-}
-
-.a-more > button:hover {
-  background: #f8f5f0;
-}
-
-.a-more-ic {
-  width: 44px;
-  height: 44px;
-  border-radius: 12px;
-  background: #e8f0eb;
-  color: var(--sage);
-  display: grid;
-  place-items: center;
-  flex-shrink: 0;
-}
-
-.a-more-ic-dash {
-  background: transparent;
-  border: 1px dashed rgba(26, 30, 43, 0.28);
-  color: var(--ink-soft);
-}
-
-.a-more-ic svg {
-  width: 18px;
-  height: 18px;
-}
-
-.a-more-copy {
-  flex: 1;
-  min-width: 0;
-}
-
-.a-more-copy strong {
-  display: block;
-  font-size: 15px;
-  font-weight: 650;
-}
-
-.a-more-copy span {
-  display: block;
-  font-size: 13px;
-  color: var(--ink-soft);
-  margin-top: 2px;
-}
-
-.a-more-chev {
-  width: 16px;
-  height: 16px;
-  color: var(--ink-faint, #b8b3aa);
-  flex-shrink: 0;
-}
-
 .a-you-btn .avatar {
   width: 100%;
   height: 100%;
@@ -2978,7 +2855,7 @@ button.a-now-row {
   align-items: stretch;
 }
 
-#home .a-week {
+:is(#home, #home-inbox) .a-week {
   margin-top: 0;
 }
 
@@ -3666,14 +3543,10 @@ button.a-item {
   letter-spacing: -0.02em;
   overflow-wrap: anywhere;
 }
-
-.a-bottom,
-.a-more {
+.a-bottom {
   display: none;
 }
-
 .a-body.is-gate .a-bottom,
-.a-body.is-gate .a-more,
 .a-body.is-gate .a-sheet-scrim,
 .a-body.is-gate .a-windows {
   display: none !important;
@@ -3723,7 +3596,9 @@ button.a-item {
     display: none;
   }
   .a-header {
-    padding: 12px 16px;
+    min-height: 56px;
+    gap: 8px;
+    padding: 8px 12px;
     background: #1a1e2b;
     border-bottom: 1px solid rgba(255, 255, 255, 0.06);
     color: #f5f1ea;
@@ -3736,15 +3611,6 @@ button.a-item {
     white-space: normal;
     overflow: visible;
   }
-  .a-header-mark {
-    display: block;
-    width: 38px;
-    height: 38px;
-    padding: 10px;
-    border-radius: 999px;
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    background: rgba(255, 255, 255, 0.06);
-  }
   .a-header .a-icon-btn {
     background: rgba(255, 255, 255, 0.06);
     border-color: rgba(255, 255, 255, 0.12);
@@ -3865,129 +3731,6 @@ button.a-item {
     grid-template-columns: 1fr;
     gap: 16px;
   }
-  .a-body.more-open .a-more {
-    display: flex;
-    flex-direction: column;
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: auto;
-    z-index: 41;
-    width: 100%;
-    max-height: min(86vh, 640px);
-    overflow: auto;
-    border: 0;
-    border-radius: var(--radius-surface) var(--radius-surface) 0 0;
-    padding: 10px 0 calc(18px + env(safe-area-inset-bottom, 0px));
-    box-shadow: 0 -18px 50px rgba(26, 30, 43, 0.28);
-    background: #fff;
-  }
-  .a-more::before {
-    content: "";
-    display: block;
-    width: 36px;
-    height: 4px;
-    border-radius: 99px;
-    background: var(--border);
-    margin: 4px auto 6px;
-    flex-shrink: 0;
-  }
-  .a-more-head {
-    display: flex;
-    align-items: flex-start;
-    gap: 12px;
-    padding: 4px 18px 12px;
-  }
-  .a-more-kicker {
-    margin: 0;
-    font-size: 18px;
-    font-weight: 750;
-    letter-spacing: -0.02em;
-  }
-  .a-more-lede {
-    margin: 4px 0 0;
-    font-size: 13px;
-    color: var(--ink-soft);
-    line-height: 1.4;
-  }
-  .a-more-x {
-    width: 32px;
-    height: 32px;
-    border: 0;
-    border-radius: 999px;
-    background: #1a1e2b;
-    color: #fff;
-    display: grid;
-    place-items: center;
-    cursor: pointer;
-    flex-shrink: 0;
-  }
-  .a-more-x svg {
-    width: 14px;
-    height: 14px;
-  }
-  .a-more > button {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    width: 100%;
-    margin: 0;
-    padding: 12px 18px;
-    border: 0;
-    border-bottom: 1px solid rgba(23, 27, 36, 0.06);
-    background: transparent;
-    font: inherit;
-    text-align: left;
-    cursor: pointer;
-    color: inherit;
-  }
-  .a-more > button:last-child {
-    border-bottom: 0;
-  }
-  .a-more > button:hover {
-    background: #f8f5f0;
-  }
-  .a-more-ic {
-    width: 44px;
-    height: 44px;
-    border-radius: 12px;
-    background: #e8f0eb;
-    color: var(--sage);
-    display: grid;
-    place-items: center;
-    flex-shrink: 0;
-  }
-  .a-more-ic-dash {
-    background: transparent;
-    border: 1px dashed rgba(26, 30, 43, 0.28);
-    color: var(--ink-soft);
-  }
-  .a-more-ic svg {
-    width: 18px;
-    height: 18px;
-  }
-  .a-more-copy {
-    flex: 1;
-    min-width: 0;
-  }
-  .a-more-copy strong {
-    display: block;
-    font-size: 15px;
-    font-weight: 650;
-  }
-  .a-more-copy span {
-    display: block;
-    font-size: 13px;
-    color: var(--ink-soft);
-    margin-top: 2px;
-  }
-  .a-more-chev {
-    width: 16px;
-    height: 16px;
-    color: var(--ink-faint, #b8b3aa);
-    flex-shrink: 0;
-  }
 }
 
 .a-body.is-native {
@@ -4024,16 +3767,6 @@ button.a-item {
   overflow: visible;
 }
 
-.a-body.is-native .a-header-mark {
-  display: block;
-  width: 38px;
-  height: 38px;
-  padding: 10px;
-  border-radius: 999px;
-  border: 1px solid rgba(255, 255, 255, 0.12);
-  background: rgba(255, 255, 255, 0.06);
-}
-
 .a-body.is-native .a-header .a-icon-btn {
   background: rgba(255, 255, 255, 0.06);
   border-color: rgba(255, 255, 255, 0.12);
@@ -4064,40 +3797,7 @@ button.a-item {
   right: auto;
   transform: translateX(-50%);
 }
-
-.a-body.is-native.more-open .a-more {
-  display: flex;
-  flex-direction: column;
-  position: fixed;
-  left: 50%;
-  right: auto;
-  bottom: 0;
-  top: auto;
-  z-index: 41;
-  width: min(390px, 100%);
-  max-height: min(86vh, 640px);
-  overflow: auto;
-  border: 0;
-  border-radius: var(--radius-surface) var(--radius-surface) 0 0;
-  padding: 10px 0 28px;
-  transform: translateX(-50%);
-  box-shadow: 0 -18px 50px rgba(26, 30, 43, 0.28);
-  background: #fff;
-}
-
-.a-body.is-native.more-open .a-more::before {
-  content: "";
-  display: block;
-  width: 36px;
-  height: 4px;
-  border-radius: 99px;
-  background: var(--border);
-  margin: 4px auto 6px;
-  flex-shrink: 0;
-}
-
-.a-body.is-native.is-gate .a-sheet-scrim,
-.a-body.is-native.is-gate .a-more {
+.a-body.is-native.is-gate .a-sheet-scrim {
   display: none !important;
 }
 
diff --git a/apps/web/src/styles/design-system.css b/apps/web/src/styles/design-system.css
index ae6f4164..7b9c2b25 100644
--- a/apps/web/src/styles/design-system.css
+++ b/apps/web/src/styles/design-system.css
@@ -55,7 +55,23 @@
   letter-spacing: -0.5px;
 }
 @media (max-width: 560px) {
-  .a-header-home { flex-wrap: wrap; }
+  /* Phone top bar: one slim row of menu, title and icon actions. The page
+     description stays on larger screens; Home keeps its greeting below. */
+  .a-header .a-icon-btn,
+  .a-header .a-more-btn { width: 40px; height: 40px; }
+  .a-header .c-search-trigger {
+    width: 40px; min-height: 40px; height: 40px; padding: 0; justify-content: center; align-items: center;
+    background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.12); color: #f5f1ea;
+  }
+  .a-header-actions { margin-left: 0; }
+  .a-header:not(.a-header-home) .a-header-title h1 { font-size: 18px; }
+  .a-header:not(.a-header-home) .a-header-title p { display: none; }
+  .a-header-home { flex-wrap: wrap; row-gap: 10px; padding-bottom: 14px; }
+  .a-body.is-native .a-header-home .a-header-actions { margin-left: auto; }
+  .notes-mobile-search.c-record-filter { width: 100%; }
+  /* iOS Safari zooms the whole page into any field under 16px when it gets
+     focus, and stays zoomed. Every text field on a phone is 16px. */
+  :is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]), select, textarea) { font-size: 16px !important; }
   .a-header-home .a-header-title { order: 1; flex-basis: 100%; }
   .a-header-home .a-header-title h1 { white-space: normal; overflow-wrap: anywhere; }
   .a-header-home .c-search-trigger { margin-left: auto; }
@@ -420,3 +436,38 @@
 @media (max-width: 560px) {
   .c-split-hint { min-height: 4.8em; }
 }
+
+/* The phone menu is the desktop sidebar, opened as a drawer from the left. */
+.a-side-head { display: flex; align-items: flex-start; }
+.a-side-head .a-brand { flex: 1; min-width: 0; }
+.a-drawer-x {
+  display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; margin-top: -2px;
+  border: 1px solid rgba(255, 255, 255, 0.12); border-radius: var(--radius-control);
+  background: rgba(255, 255, 255, 0.06); color: #f5f1ea; cursor: pointer;
+}
+.a-body .a-side.a-drawer {
+  display: flex;
+  position: fixed;
+  inset: 0 auto 0 0;
+  z-index: 41;
+  width: min(300px, 84vw);
+  height: 100dvh;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding: calc(18px + env(safe-area-inset-top, 0px)) 14px calc(16px + env(safe-area-inset-bottom, 0px));
+  box-shadow: 18px 0 50px rgba(26, 30, 43, 0.28);
+  animation: a-drawer-in 180ms ease-out;
+}
+.a-drawer .a-brand { padding-bottom: 24px; }
+.a-drawer .a-wordmark { font-size: 28px; }
+@keyframes a-drawer-in { from { transform: translateX(-100%); } to { transform: none; } }
+@media (prefers-reduced-motion: reduce) { .a-body .a-side.a-drawer { animation: none; } }
+
+/* List toolbars on narrow screens: status chips get their own scrollable
+   row, then the filter and the main action share the next one. */
+@media (max-width: 850px) {
+  .a-toolbar:has(> .c-record-filter) { flex-wrap: wrap; row-gap: 10px; }
+  .a-toolbar:has(> .c-record-filter) > .a-filters { flex: 1 0 100%; overflow-x: auto; scrollbar-width: none; }
+  .a-toolbar > .c-record-filter { flex: 1 1 0; min-width: 0; }
+}
+.c-expense-amount strong { white-space: nowrap; }
diff --git a/apps/web/src/styles/overrides.css b/apps/web/src/styles/overrides.css
index a9b8353d..c1ad0cb0 100644
--- a/apps/web/src/styles/overrides.css
+++ b/apps/web/src/styles/overrides.css
@@ -58,7 +58,6 @@ body,
   .a-window-frame,
   .a-window-bar,
   .a-note-fact,
-  .a-more,
   .a-owe-card.a-card
 ) {
   background: #242b39;
@@ -72,7 +71,7 @@ body,
   border-color: var(--border-strong);
 }
 
-.a-body.is-dark :is(.a-table tbody tr:hover td, .a-more > button:hover) {
+.a-body.is-dark .a-table tbody tr:hover td {
   background: rgba(217, 235, 229, 0.07);
 }
 
@@ -160,22 +159,26 @@ body,
 /* Home keeps one featured commune with smaller places beneath it. */
 .a-home-featured { margin-bottom: 16px; }
 .a-home-places { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 22px; }
-#home .a-home-greet h1 { font-size: 24px; font-weight: 550; }
-#home .a-home-greet p { font-size: 13px; color: var(--ink-soft); }
-#home .a-place { box-shadow: none; border-radius: var(--radius-surface); }
-#home .a-place-hero { min-height: 208px; padding: 18px; }
-#home .a-place-hero h3 { font-size: 21px; font-weight: 500; letter-spacing: -.6px; }
-#home .a-week { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
-#home .a-card { background: var(--white); box-shadow: none; border: 1px solid var(--border); border-radius: var(--radius-surface); padding: 23px; min-width: 0; }
-#home .a-card h2 { font-size: 18px; font-weight: 550; }
-#home .a-card strong:not(.c-calendar-number) { font-weight: 500; }
-#home .hub-feed-row { grid-template-columns: minmax(0,1fr) auto; }
-#home .hub-feed-row > .pill { grid-column: 1 / -1; justify-self: start; }
-#home .hub-feed-row:has(> .c-calendar-date) { grid-template-columns: auto minmax(0,1fr) auto; }
+:is(#home, #home-inbox) .a-home-greet h1 { font-size: 24px; font-weight: 550; }
+:is(#home, #home-inbox) .a-home-greet p { font-size: 13px; color: var(--ink-soft); }
+:is(#home, #home-inbox) .a-place { box-shadow: none; border-radius: var(--radius-surface); }
+:is(#home, #home-inbox) .a-place-hero { min-height: 208px; padding: 18px; }
+:is(#home, #home-inbox) .a-place-hero h3 { font-size: 21px; font-weight: 500; letter-spacing: -.6px; }
+:is(#home, #home-inbox) .a-week { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
+:is(#home, #home-inbox) .a-card { background: var(--white); box-shadow: none; border: 1px solid var(--border); border-radius: var(--radius-surface); padding: 23px; min-width: 0; }
+:is(#home, #home-inbox) .a-card h2 { font-size: 18px; font-weight: 550; }
+:is(#home, #home-inbox) .a-card strong:not(.c-calendar-number) { font-weight: 500; }
+:is(#home, #home-inbox) .hub-feed-row { grid-template-columns: minmax(0,1fr) auto; }
+:is(#home, #home-inbox) .hub-feed-row > .pill { grid-column: 1 / -1; justify-self: start; }
+:is(#home, #home-inbox) .hub-feed-row:has(> .c-calendar-date) { grid-template-columns: auto minmax(0,1fr) auto; }
 .a-search:focus-within { outline: 2px solid var(--sage); outline-offset: 2px; }
 @media (max-width: 850px) {
   .a-home-places { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  #home .a-week { grid-template-columns: 1fr; }
+  :is(#home, #home-inbox) .a-week { grid-template-columns: 1fr; }
+}
+/* A full-width search row only where the trigger still shows its label;
+   narrower screens use the icon button from QuickSearch.css. */
+@media (min-width: 701px) and (max-width: 850px) {
   .a-body:not(.is-native) .a-header { flex-wrap: wrap; height: auto; min-height: 60px; }
   .a-body:not(.is-native) .a-search { display: flex; order: 3; flex: 1 0 100%; width: 100%; max-width: none; margin-top: 8px; background: var(--white); color: var(--ink-soft); }
 }
diff --git a/apps/web/tests/design-tokens.test.ts b/apps/web/tests/design-tokens.test.ts
index 8b388485..748aab60 100644
--- a/apps/web/tests/design-tokens.test.ts
+++ b/apps/web/tests/design-tokens.test.ts
@@ -87,13 +87,10 @@ describe("shared corner contracts", () => {
     expect(declarations("app", ".a-icon-btn.a-you-btn")).toContain("border-radius: var(--radius-pill);");
   });
 
-  it("uses the surface token for the top corners of narrow dialog and menu sheets", () => {
+  it("uses the surface token for the top corners of narrow dialog sheets", () => {
     expect(declarations("app", ".a-body.is-native .a-window-frame")).toContain(
       "border-radius: var(--radius-surface) var(--radius-surface) 0 0;",
     );
-    expect(declarations("app", ".a-body.is-native.more-open .a-more")).toContain(
-      "border-radius: var(--radius-surface) var(--radius-surface) 0 0;",
-    );
     expect(styles.app.includes("border-radius: 20px 20px 0 0;")).toBe(false);
   });
 });