/* print.css — professional workpaper print/PDF stylesheet for AssurAI. Include on pages with printable workpapers: (or unconditionally — all rules are @media print scoped). platform-nav.js adds class "printing" to while window.print() runs, so live previews can be styled too. */ @media print { /* Hide platform chrome and interactive controls. */ #platform-nav, #pn-float-btn, #pn-overlay, #pn-bell-drop, #pn-to-top, nav, .nav, .topbar, .module-bar, .btn, button, .filter-row, .filter-tabs, .kpi-row, .kpi-grid, #assurai-whats-new, .toast, .modal-overlay > .modal .action-row, .wp-actions, .edit-btn, .ai-btn, .section-edit, .v-comments-wrap, #v-comments-wrap, #v-comment-input, #v-mention-dropdown, .qa-fab, .no-print { display: none !important; } body.has-platform-nav { padding-left: 0 !important; } html, body { background: #fff !important; color: #111 !important; margin: 0 !important; } /* Professional document typography. */ .print-doc, .wp-print, #v-content, .workpaper-document { font-family: Georgia, "Times New Roman", serif !important; font-size: 11pt !important; line-height: 1.5 !important; color: #111 !important; max-width: 100% !important; } .print-doc h1, .wp-print h1 { font-size: 16pt; margin: 0 0 4pt; } .print-doc h2, .wp-print h2 { font-size: 12pt; margin: 14pt 0 4pt; } /* Section panels: clean, with a thin rule rather than colored cards. */ .wp-section, .print-section { border: none !important; box-shadow: none !important; background: #fff !important; page-break-inside: avoid; margin-bottom: 12pt; } .wp-section-label, .print-section-label { font-family: Arial, sans-serif !important; font-size: 8pt !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .08em; color: #444 !important; border-bottom: 0.5pt solid #999; padding-bottom: 2pt; margin-bottom: 4pt; } /* Running header/footer via the print-frame helpers (positioned fixed). */ .print-running-header { display: block !important; position: fixed; top: 0; left: 0; right: 0; font-family: Arial, sans-serif; font-size: 8pt; color: #666; border-bottom: 0.5pt solid #ccc; padding: 4pt 0; } .print-running-footer { display: block !important; position: fixed; bottom: 0; left: 0; right: 0; font-family: Arial, sans-serif; font-size: 8pt; color: #666; border-top: 0.5pt solid #ccc; padding: 4pt 0; text-align: center; } /* Page numbers (where supported). */ .print-running-footer .page-num::after { content: counter(page); } .print-running-footer .page-total::after { content: counter(pages); } /* Watermark — set data-watermark on body or a .print-watermark element. */ .print-watermark { display: block !important; position: fixed; top: 45%; left: 0; right: 0; text-align: center; font-family: Arial, sans-serif; font-size: 72pt; font-weight: 800; color: rgba(0,0,0,0.06); transform: rotate(-30deg); z-index: 0; pointer-events: none; letter-spacing: .1em; } /* Evidence appendix. */ .print-appendix { page-break-before: always; } /* Page setup. */ @page { size: A4; margin: 22mm 18mm 20mm 18mm; } } /* Non-print: these helper elements are hidden on screen. */ .print-running-header, .print-running-footer, .print-watermark { display: none; }