From ca29e9c1b85d592a6c6b1e7cf70e44d12ef01b78 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Wed, 18 Mar 2026 16:59:00 -0400
Subject: [PATCH] fix: gate debug outlines on html.debug_outlines class in
 print CSS

Debug outlines were applying to all print jobs. Now scoped to
html.debug_outlines so they only appear when the "Show debug outlines"
checkbox is active in the controls panel (trusted users only).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 static/ae-print-badge.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/static/ae-print-badge.css b/static/ae-print-badge.css
index 6389bef9..87543f33 100644
--- a/static/ae-print-badge.css
+++ b/static/ae-print-badge.css
@@ -82,30 +82,30 @@
     /* ============================================================
        TEMPORARY DEBUG OUTLINES — remove before going live
        ============================================================ */
-    html {
+    html.debug_outlines {
         outline: 3px dashed lime !important;
         outline-offset: -3px !important;
     }
-    body {
+    html.debug_outlines body {
         outline: 4px solid blue !important;
         outline-offset: -4px !important;
     }
     /* Red = #ae_main_content — block passthrough, should fill page width/height. */
-    #ae_main_content {
+    html.debug_outlines #ae_main_content {
         outline: 3px dashed red !important;
         outline-offset: -6px !important;
     }
     /* Orange + purple = display:contents — should be INVISIBLE (no box). */
-    .main_content {
+    html.debug_outlines .main_content {
         outline: 3px dashed orange !important;
         outline-offset: -9px !important;
     }
-    #badge_render_area {
+    html.debug_outlines #badge_render_area {
         outline: 3px dashed purple !important;
         outline-offset: -12px !important;
     }
     /* Cyan = the actual badge — should be dead-center on page */
-    .event_badge_wrapper {
+    html.debug_outlines .event_badge_wrapper {
         outline: 3px solid cyan !important;
         outline-offset: 2px !important;
     }