fix: label at right:0 inside content area with padding-right, add debug log

app/services/pdf_renderer.py

@@ -118,6 +118,21 @@ async def render_pdf_from_html(
             # Small delay for final layout settle
             await page.wait_for_timeout(500)
 
+            # Debug: verify label element presence
+            label_info = await page.evaluate("""
+                () => {
+                    const el = document.querySelector('.hb-right-label');
+                    if (!el) return 'NO .hb-right-label element found';
+                    const img = el.querySelector('img');
+                    const src = img ? img.src.substring(0, 80) : 'NO img';
+                    const loaded = img ? img.complete : false;
+                    const natW = img ? img.naturalWidth : 0;
+                    const natH = img ? img.naturalHeight : 0;
+                    return `label OK: loaded=${loaded}, natural=${natW}x${natH}, src=${src}...`;
+                }
+            """)
+            logger.info("Label check: %s", label_info)
+
             # Extract header image src from DOM for Playwright header_template
             header_src = await page.evaluate("""
                 () => {
@@ -147,17 +162,16 @@ async def render_pdf_from_html(
                 }
             """)
 
-            # Expand cover and full-page image elements to fill the
-            # entire page (including Playwright margin zones). This
-            # conceals the position:fixed label on those pages while
-            # keeping it visible on normal content pages (page 3+).
+            # Hide the label on cover and fullpage image pages.
+            # These pages expand to fill the full page so the label
+            # should not be visible on them.
             await page.evaluate("""
                 () => {
                     document.querySelectorAll('.cover-page, .fullpage-img-wrap').forEach(el => {
-                        el.style.margin = '-2.54cm';
-                        el.style.width  = 'calc(100% + 5.08cm)';
+                        const overlay = document.createElement('div');
+                        overlay.style.cssText = 'position:absolute;top:0;right:0;width:2cm;height:100%;background:#fff;z-index:20;';
                         el.style.position = 'relative';
-                        el.style.zIndex = '2';
+                        el.appendChild(overlay);
                     });
                 }
             """)

app/static/css/print.css

@@ -65,10 +65,10 @@ body {
     width: 100%;
     max-width: 100%;
     margin: 0;
-    padding: 0;
+    padding: 0 1.85cm 0 0;
     position: relative;
     z-index: 1;
-    overflow: hidden;
+    overflow: visible;
     word-wrap: break-word;
     overflow-wrap: break-word;
 }
@@ -91,19 +91,18 @@ body {
 /* ------------------------------
    DECORATIVE RIGHT-SIDE LABEL
    position:fixed repeats on every printed page.
-   right:-2.54cm places it in the right margin zone.
-   Cover / fullpage pages are expanded via JS to
-   fill margins, concealing the label on those pages.
+   Placed at right:0 inside the content area.
+   page-content gets padding-right to prevent overlap.
    Original: 43.28cm × 3.31cm → scaled 54% × 50%
    = 23.42cm × 1.65cm
    ------------------------------ */
 .hb-right-label {
     position: fixed;
     top: 0;
-    right: -2.54cm;
+    right: 0;
     width: 1.65cm;
     height: 23.42cm;
-    z-index: 0;
+    z-index: 10;
     pointer-events: none;
     overflow: hidden;
 }