From bb387c39583ee53776135375c6c586cbf64a779f Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Mon, 23 Mar 2026 16:28:24 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20QR=20overlay=20on=20map=20=E2=80=94=20tr?=
 =?UTF-8?q?ansparent=20background,=2010%=20opacity=20white=20modules?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Map shows through the QR code. Dark modules stay solid, white modules
at 10% opacity. No border/shadow/padding on the overlay container.
---
 public/style.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index 126eb68f..f941c0d8 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1117,8 +1117,11 @@ button.ch-item.ch-item-encrypted .ch-badge { filter: grayscale(0.6); }
 [data-theme="dark"] .node-qr svg rect[fill="#ffffff"] { fill: var(--card-bg); }
 [data-theme="dark"] .node-qr svg rect[fill="#000000"] { fill: var(--text); }
 .node-map-qr-wrap { position: relative; }
-.node-map-qr-overlay { position: absolute; bottom: 8px; right: 8px; z-index: 400; background: var(--card-bg); border: 1px solid var(--border); border-radius: 6px; padding: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
+.node-map-qr-overlay { position: absolute; bottom: 8px; right: 8px; z-index: 400; background: none; border: none; padding: 0; }
 .node-map-qr-overlay svg { max-width: 64px; display: block; }
+.node-map-qr-overlay svg rect[fill="#ffffff"] { fill-opacity: 0.1; }
+[data-theme="dark"] .node-map-qr-overlay svg rect[fill="#ffffff"] { fill-opacity: 0.1; }
+[data-theme="dark"] .node-map-qr-overlay svg rect[fill="#000000"] { fill: var(--text); }
 
 /* Replay on Live Map button in packet detail */
 .detail-actions {