/**
 * ============================================================================
 * PRINT STYLESHEET - CR-2026-013
 * ============================================================================
 * Professional print formatting for A4 and Legal paper sizes
 * Optimized for desktop layout, proper scaling, and logical page breaks
 * ============================================================================
 */

@media print {
    /* ========================================
       CR-2026-015 REV C: CRITICAL OVERRIDES FIRST
       Must override styles.css auto-fit responsive grid
       ======================================== */
    
    /* HIGHEST PRIORITY: Override repeat(auto-fit, minmax(280px, 1fr)) from styles.css */
    .input-grid,
    div.input-grid,
    section .input-grid,
    .calculator-section .input-grid,
    .employer-calculator .input-grid,
    .agency-calculator .input-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto !important;
        grid-auto-flow: row !important;
        gap: 0.8rem 1.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Ensure child input-group elements don't become grids */
    .input-group {
        display: block !important;
        grid-template-columns: unset !important;
    }
    
    /* ========================================
       PAGE SETUP
       ======================================== */
    
    @page {
        size: A4 portrait;
        margin: 1.5cm 1cm 1.5cm 1cm;
    }
    
    /* Optional: Legal size support */
    @page :first {
        size: A4 portrait;
        margin: 2cm 1.5cm;
    }
    
    /* ========================================
       RESET AND BASE STYLES - CR-2026-015
       Force Desktop Layout, No Scaling
       ======================================== */
    
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }
    
    html, body {
        width: 100% !important;
        min-width: 21cm !important;
        max-width: 21cm !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 10pt !important;
        line-height: 1.4 !important;
        background: white !important;
        /* CR-2026-015: Remove all scaling */
        zoom: 1 !important;
        transform: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
    }
    
    body {
        max-width: 100% !important;
        overflow: visible !important;
    }
    
    /* ========================================
       CR-2026-015: OVERRIDE ALL MOBILE MEDIA QUERIES
       Force Desktop Layout Regardless of Viewport
       ======================================== */
    
    /* Force 2-column grid layout ON PARENT CONTAINERS ONLY */
    .input-grid,
    .form-grid,
    .results-cards,
    .calculator-inputs,
    [class*="grid"]:not(.input-group):not(.form-field) {
        flex-direction: row !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.8rem 1.5rem !important;
    }
    
    /* Ensure child input elements are BLOCK, not grid */
    .input-group,
    .form-field,
    .calculator-field {
        display: block !important;
        grid-template-columns: unset !important;
    }
    
    /* Force all containers to full width */
    div,
    section,
    article,
    main,
    aside {
        max-width: none !important;
        min-width: 0 !important;
    }
    
    /* Override mobile single-column layouts - CONTAINERS ONLY */
    @media (max-width: 768px) {
        .input-grid,
        .form-grid,
        .results-cards,
        .calculator-inputs {
            grid-template-columns: 1fr 1fr !important;
            display: grid !important;
        }
    }
    
    @media (max-width: 480px) {
        .input-grid,
        .form-grid,
        .results-cards,
        .calculator-inputs {
            grid-template-columns: 1fr 1fr !important;
            display: grid !important;
        }
    }
    
    /* ========================================
       HIDE NON-PRINTABLE ELEMENTS
       ======================================== */
    
    /* Hide navigation, overlays, and interactive elements */
    .loading-overlay,
    .hero-banner,
    nav,
    header,
    footer,
    .social-links,
    .pwa-install-prompt,
    #loading-overlay,
    [class*="modal"],
    [class*="overlay"],
    .action-buttons-section,
    .action-buttons-container,
    .cta-section,
    button,
    input[type="button"],
    input[type="submit"],
    .btn,
    .cta-btn,
    .action-btn,
    .hubspot-form-container,
    .guidance-content,
    .field-guidance-box,
    .warning-box,
    .tooltip,
    .validation-message,
    .notification,
    .notification-container,
    [class*="notification"],
    [id*="notification"],
    .toast,
    .alert,
    .snackbar,
    iframe,
    script,
    noscript {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* ========================================
       CR-2026-036 PART 1: CONTEXT-AWARE CONTENT DISPLAY
       Version: v1.0.1
       Date: 2026-01-28
       Purpose: Hide agency-only content in employer PDFs and vice versa
       ======================================== */
    
    /* When data-calculator-type="agency", hide all employer-only content */
    [data-calculator-type="agency"] .employer-only,
    [data-calculator-type="agency"] tr.employer-only,
    [data-calculator-type="agency"] .employer-only tr,
    [data-calculator-type="agency"] li.employer-only,
    [data-calculator-type="agency"] span.employer-only {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* When data-calculator-type="employer", hide all agency-only content */
    [data-calculator-type="employer"] .agency-only,
    [data-calculator-type="employer"] tr.agency-only,
    [data-calculator-type="employer"] .agency-only tr,
    [data-calculator-type="employer"] li.agency-only,
    [data-calculator-type="employer"] span.agency-only {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* ========================================
       CR-2026-021: HIDE MAIN CALCULATOR INTERFACE
       Fix Issue #1 - Calculator remains visible during print
       ======================================== */
    
    /* Hide the entire calculator interface during print */
    #main-app,
    .calculator-wrapper,
    .calculator-interface {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Show only the print document */
    #print-document,
    [data-print-only="true"] {
        display: block !important;
        visibility: visible !important;
    }
    
    /* ========================================
       CONTAINER AND LAYOUT - CR-2026-015
       Force Full Page Width Desktop Layout
       ======================================== */
    
    .container,
    main,
    section,
    article {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        display: block !important;
    }
    
    .calculator-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0.5cm !important;
        background: white !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        page-break-inside: avoid;
    }
    
    /* ========================================
       CALCULATOR TABS - DESKTOP LAYOUT
       ======================================== */
    
    .calculator-tabs {
        display: flex !important;
        justify-content: center !important;
        gap: 1rem !important;
        margin-bottom: 1.5rem !important;
        page-break-after: avoid !important;
        border-bottom: 2px solid #b49755 !important;
        padding-bottom: 0.5rem !important;
    }
    
    .tab-btn {
        display: inline-block !important;
        padding: 0.5rem 1.5rem !important;
        font-size: 11pt !important;
        font-weight: 600 !important;
        border: 1px solid #ddd !important;
        background: white !important;
        color: #333 !important;
    }
    
    .tab-btn.active {
        background: #b49755 !important;
        color: white !important;
        border-color: #b49755 !important;
    }
    
    /* ========================================
       INPUT FORMS - DESKTOP 2-COLUMN LAYOUT - CR-2026-015
       Force Wide Layout, Override Mobile Media Queries
       ======================================== */
    
    .input-section {
        width: 100% !important;
        margin-bottom: 1rem !important;
        page-break-inside: avoid !important;
        display: block !important;
    }
    
    .input-section h3 {
        font-size: 12pt !important;
        font-weight: bold !important;
        color: #212a47 !important;
        margin: 1rem 0 0.5rem 0 !important;
        padding: 0.3rem 0.5rem !important;
        background: #f5f5f5 !important;
        border-left: 4px solid #b49755 !important;
    }
    
    /* PARENT CONTAINERS ONLY - Apply grid here */
    .input-grid,
    .form-grid,
    .calculator-inputs {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.8rem 1.5rem !important;
        margin-bottom: 0.5rem !important;
        page-break-inside: avoid !important;
        width: 100% !important;
    }
    
    /* CHILD ELEMENTS - Block display, no grid */
    .input-group,
    .input-field,
    .form-field,
    .calculator-field {
        margin-bottom: 0.3rem !important;
        width: 100% !important;
        display: block !important;
    }
    
    .input-field label,
    .input-group label,
    .form-field label,
    label {
        font-size: 9pt !important;
        font-weight: 600 !important;
        color: #333 !important;
        display: block !important;
        margin-bottom: 0.2rem !important;
        width: 100% !important;
    }
    
    .input-field input,
    .input-field select,
    .input-group input,
    .input-group select,
    .form-field input,
    .form-field select,
    input[type="text"],
    input[type="number"],
    select {
        width: 100% !important;
        padding: 0.3rem 0.5rem !important;
        font-size: 9pt !important;
        border: 1px solid #ddd !important;
        background: white !important;
        color: #333 !important;
        display: block !important;
    }
    
    /* ========================================
       CURRENCY DROPDOWN - PRINT SIMPLIFIED
       ======================================== */
    
    .currency-dropdown,
    .currency-select-custom {
        display: inline-block !important;
        width: auto !important;
        padding: 0.2rem 0.5rem !important;
        border: 1px solid #ddd !important;
        background: white !important;
        font-size: 9pt !important;
    }
    
    .currency-options {
        display: none !important;
    }
    
    .currency-flag {
        width: 16px !important;
        height: 12px !important;
        margin-right: 0.3rem !important;
    }
    
    /* ========================================
       RESULTS SECTION - PROMINENT DISPLAY
       ======================================== */
    
    .results-section {
        width: 100% !important;
        margin-top: 1rem !important;
        padding: 1rem !important;
        background: #f9f9f9 !important;
        border: 2px solid #b49755 !important;
        page-break-before: auto !important;
        page-break-inside: avoid !important;
    }
    
    .results-header {
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        gap: 1rem !important;
        margin-bottom: 1rem !important;
        padding: 1rem !important;
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
        border-radius: 8px !important;
        border: 2px solid #b49755 !important;
        page-break-inside: avoid !important;
    }
    
    .roi-primary,
    .roi-secondary {
        text-align: center !important;
        flex: 1 !important;
    }
    
    .roi-primary {
        border-right: 1px solid #dee2e6 !important;
        padding-right: 1rem !important;
    }
    
    .roi-label {
        font-size: 9pt !important;
        font-weight: 600 !important;
        color: #666 !important;
        margin-bottom: 0.3rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }
    
    .roi-headline {
        font-size: 24pt !important;
        font-weight: 800 !important;
        color: #2e7d32 !important;
        line-height: 1 !important;
        margin: 0.3rem 0 !important;
    }
    
    .roi-sublabel {
        font-size: 8pt !important;
        color: #888 !important;
        font-style: italic !important;
    }
    
    /* ========================================
       RESULTS CARDS LAYOUT
       ======================================== */
    
    .results-cards {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .result-card {
        padding: 0.8rem !important;
        background: white !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        page-break-inside: avoid !important;
    }
    
    .result-card h4 {
        font-size: 10pt !important;
        font-weight: 600 !important;
        color: #212a47 !important;
        margin: 0 0 0.5rem 0 !important;
    }
    
    .result-value {
        font-size: 16pt !important;
        font-weight: 700 !important;
        color: #b49755 !important;
        margin: 0.3rem 0 !important;
    }
    
    .result-label {
        font-size: 8pt !important;
        color: #666 !important;
    }
    
    /* ========================================
       DETAILED CALCULATIONS PANEL
       ======================================== */
    
    .detailed-calculations-panel {
        width: 100% !important;
        margin-top: 1rem !important;
        padding: 0.8rem !important;
        background: white !important;
        border: 1px solid #ddd !important;
        page-break-before: auto !important;
        page-break-inside: avoid !important;
    }
    
    .panel-header {
        display: block !important;
        font-size: 11pt !important;
        font-weight: bold !important;
        color: #212a47 !important;
        margin-bottom: 0.8rem !important;
        padding: 0.5rem !important;
        background: #f5f5f5 !important;
        border-left: 4px solid #b49755 !important;
    }
    
    .calculation-table {
        width: 100% !important;
        border-collapse: collapse !important;
        margin-bottom: 0.8rem !important;
        font-size: 9pt !important;
    }
    
    .calculation-table thead {
        background: #f5f5f5 !important;
        border-bottom: 2px solid #b49755 !important;
    }
    
    .calculation-table th {
        padding: 0.4rem !important;
        text-align: left !important;
        font-weight: 600 !important;
        color: #333 !important;
        border-bottom: 1px solid #ddd !important;
    }
    
    .calculation-table td {
        padding: 0.3rem 0.4rem !important;
        border-bottom: 1px solid #eee !important;
        color: #555 !important;
    }
    
    .calculation-table tr:last-child td {
        border-bottom: none !important;
    }
    
    .calculation-table .label-cell {
        font-weight: 600 !important;
        color: #333 !important;
    }
    
    .calculation-table .value-cell {
        text-align: right !important;
        font-weight: 500 !important;
        color: #212a47 !important;
    }
    
    .calculation-table .total-row {
        background: #f9f9f9 !important;
        font-weight: 700 !important;
        border-top: 2px solid #b49755 !important;
    }
    
    .calculation-table .total-row td {
        padding: 0.5rem 0.4rem !important;
        font-size: 10pt !important;
    }
    
    /* ========================================
       FAQ SECTION
       ======================================== */
    
    .faq-section {
        width: 100% !important;
        margin-top: 1.5rem !important;
        padding: 1rem !important;
        background: white !important;
        border-top: 2px solid #ddd !important;
        page-break-before: always !important;
    }
    
    .faq-section h2 {
        font-size: 14pt !important;
        font-weight: bold !important;
        color: #212a47 !important;
        margin-bottom: 1rem !important;
        text-align: center !important;
    }
    
    .faq-item {
        margin-bottom: 0.8rem !important;
        page-break-inside: avoid !important;
    }
    
    .faq-question {
        font-size: 10pt !important;
        font-weight: 600 !important;
        color: #212a47 !important;
        margin-bottom: 0.3rem !important;
    }
    
    .faq-answer {
        font-size: 9pt !important;
        color: #555 !important;
        line-height: 1.5 !important;
        margin-left: 1rem !important;
    }
    
    /* Hide FAQ toggle buttons */
    .faq-toggle,
    .toggle-icon {
        display: none !important;
    }
    
    /* Show all FAQ answers */
    .faq-answer {
        display: block !important;
        max-height: none !important;
        opacity: 1 !important;
    }
    
    /* ========================================
       METHODOLOGY SECTION
       ======================================== */
    
    .methodology-section {
        width: 100% !important;
        margin-top: 1rem !important;
        padding: 1rem !important;
        background: #f9f9f9 !important;
        border: 1px solid #ddd !important;
        page-break-before: auto !important;
        page-break-inside: avoid !important;
    }
    
    .methodology-section h3 {
        font-size: 11pt !important;
        font-weight: bold !important;
        color: #212a47 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .methodology-section p,
    .methodology-section ul,
    .methodology-section li {
        font-size: 8pt !important;
        line-height: 1.4 !important;
        color: #555 !important;
    }
    
    /* ========================================
       BRANDING AND FOOTER
       ======================================== */
    
    .print-header {
        display: block !important;
        text-align: center !important;
        padding: 0.5rem 0 !important;
        border-bottom: 2px solid #b49755 !important;
        margin-bottom: 1rem !important;
        page-break-after: avoid !important;
    }
    
    .print-header h1 {
        font-size: 16pt !important;
        font-weight: bold !important;
        color: #212a47 !important;
        margin: 0 !important;
    }
    
    .print-header .subtitle {
        font-size: 10pt !important;
        color: #666 !important;
        margin-top: 0.3rem !important;
    }
    
    .print-footer {
        display: block !important;
        text-align: center !important;
        padding: 0.5rem 0 !important;
        border-top: 1px solid #ddd !important;
        margin-top: 1.5rem !important;
        font-size: 8pt !important;
        color: #888 !important;
    }
    
    /* ========================================
       PAGE BREAKS
       ======================================== */
    
    /* Force page break before FAQ section */
    .faq-section {
        page-break-before: always !important;
    }
    
    /* Avoid breaking these elements */
    .results-header,
    .result-card,
    .calculation-table,
    .faq-item,
    .input-section,
    h1, h2, h3, h4 {
        page-break-inside: avoid !important;
    }
    
    /* Avoid orphans and widows */
    p, li {
        orphans: 3;
        widows: 3;
    }
    
    /* ========================================
       LINKS
       ======================================== */
    
    a {
        color: #212a47 !important;
        text-decoration: none !important;
    }
    
    a[href]:after {
        content: " (" attr(href) ")" !important;
        font-size: 8pt !important;
        color: #666 !important;
    }
    
    /* Don't show URLs for anchors and javascript */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "" !important;
    }
    
    /* ========================================
       UTILITIES
       ======================================== */
    
    .print-only {
        display: block !important;
    }
    
    .no-print {
        display: none !important;
    }
    
    /* Force all text to be black for better printing */
    body, p, span, div, label, input, select, td, th {
        color: #000 !important;
    }
    
    /* Ensure backgrounds print */
    .results-header,
    .result-card,
    .methodology-section {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

/* ============================================================================

/**
 * ============================================================================
 * CR-2026-020: PROFESSIONAL PRINT DOCUMENT STYLES
 * ============================================================================
 * APPEND THIS CODE TO print-styles.css BEFORE THE END COMMENT
 * Insert after line 706 (after .methodology-section styles)
 * BEFORE: /* ============ END OF PRINT STYLESHEET ============ */
 * ============================================================================
 */

/* Screen: Hide print document */
@media screen {
    .print-only {
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        left: -9999px !important;
    }
}

/* Print: Show print document, hide screen UI */
@media print {
    /* Hide screen UI elements not already hidden */
    .screen-only,
    .no-print {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* Show print document */
    .print-only {
        display: block !important;
        visibility: visible !important;
        position: static !important;
        left: auto !important;
    }
    
    /* ==========================================
       PRINT DOCUMENT PAGE STRUCTURE
       ========================================== */
    
    #roi-print-document {
        width: 100% !important;
        max-width: 210mm !important;
        margin: 0 auto !important;
        background: white !important;
        color: #000 !important;
    }
    
    /* ==========================================
       COVER PAGE
       ========================================== */
    
    .print-cover-page {
        min-height: 250mm !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        page-break-after: always !important;
        padding: 40mm 20mm !important;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-logo {
        max-width: 180px !important;
        height: auto !important;
        margin-bottom: 30px !important;
    }
    
    .print-cover-title {
        font-size: 28pt !important;
        font-weight: bold !important;
        color: #212a47 !important;
        margin: 20px 0 10px 0 !important;
        font-family: Verdana, sans-serif !important;
    }
    
    .print-cover-subtitle {
        font-size: 14pt !important;
        color: #666 !important;
        margin: 0 0 40px 0 !important;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    
    .print-cover-company {
        font-size: 18pt !important;
        font-weight: 600 !important;
        color: #212a47 !important;
        margin: 20px 0 !important;
        font-family: Verdana, sans-serif !important;
    }
    
    .print-metadata-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
        margin: 40px 0 !important;
        max-width: 400px !important;
    }
    
    .print-metadata-item {
        text-align: left !important;
        padding: 10px !important;
        background: rgba(180, 151, 85, 0.1) !important;
        border-radius: 4px !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-metadata-label {
        font-size: 9pt !important;
        color: #666 !important;
        font-weight: 600 !important;
        display: block !important;
        margin-bottom: 4px !important;
        font-family: Verdana, sans-serif !important;
    }
    
    .print-metadata-value {
        font-size: 11pt !important;
        color: #212a47 !important;
        font-weight: bold !important;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    
    .print-confidential-badge {
        margin-top: 60px !important;
        padding: 8px 20px !important;
        background: #212a47 !important;
        color: white !important;
        border-radius: 20px !important;
        font-size: 9pt !important;
        font-weight: 600 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    /* ==========================================
       DOCUMENT HEADER (Pages 2+)
       ========================================== */
    
    .print-header {
        display: none !important; /* Hidden on cover page */
        padding: 12px 0 !important;
        border-bottom: 2px solid #b49755 !important;
        margin-bottom: 20px !important;
        page-break-after: avoid !important;
    }
    
    /* Show header on all pages except first */
    @page :not(:first) {
        @top-center {
            content: element(print-header-content);
        }
    }
    
    .print-header-logo {
        max-width: 120px !important;
        height: auto !important;
        margin-bottom: 8px !important;
    }
    
    .print-header-company {
        font-size: 11pt !important;
        color: #212a47 !important;
        font-weight: 600 !important;
        font-family: Verdana, sans-serif !important;
    }
    
    /* ==========================================
       SECTION STYLES
       ========================================== */
    
    .print-section {
        margin-bottom: 30px !important;
        page-break-inside: avoid !important;
    }
    
    .print-section-title {
        font-size: 16pt !important;
        font-weight: bold !important;
        color: #212a47 !important;
        margin: 25px 0 15px 0 !important;
        padding-bottom: 8px !important;
        border-bottom: 3px solid #b49755 !important;
        font-family: Verdana, sans-serif !important;
        page-break-after: avoid !important;
    }
    
    .print-section-subtitle {
        font-size: 12pt !important;
        font-weight: 600 !important;
        color: #212a47 !important;
        margin: 20px 0 10px 0 !important;
        font-family: Verdana, sans-serif !important;
        page-break-after: avoid !important;
    }
    
    .print-section-text {
        font-size: 10pt !important;
        line-height: 1.5 !important;
        color: #333 !important;
        margin: 0 0 15px 0 !important;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    
    /* ==========================================
       METRICS GRID
       ========================================== */
    
    .print-metrics-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
        margin: 25px 0 !important;
        page-break-inside: avoid !important;
    }
    
    .print-metric-card {
        padding: 20px !important;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
        border: 2px solid #e0e0e0 !important;
        border-radius: 8px !important;
        text-align: center !important;
        page-break-inside: avoid !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-metric-card.highlight {
        background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%) !important;
        border-color: #b49755 !important;
        border-width: 3px !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-metric-label {
        font-size: 9pt !important;
        color: #666 !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 8px !important;
        font-family: Verdana, sans-serif !important;
    }
    
    .print-metric-value {
        font-size: 24pt !important;
        font-weight: bold !important;
        color: #212a47 !important;
        margin: 8px 0 !important;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    
    .print-metric-card.highlight .print-metric-value {
        color: #b49755 !important;
    }
    
    .print-metric-note {
        font-size: 8pt !important;
        color: #888 !important;
        font-style: italic !important;
        margin-top: 6px !important;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    
    /* ==========================================
       TABLES
       ========================================== */
    
    .print-table {
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 20px 0 !important;
        page-break-inside: avoid !important;
        font-size: 10pt !important;
    }
    
    .print-table thead {
        background: #f5f5f5 !important;
        border-bottom: 2px solid #b49755 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-table th {
        padding: 10px 12px !important;
        text-align: left !important;
        font-weight: 600 !important;
        color: #212a47 !important;
        font-family: Verdana, sans-serif !important;
        font-size: 10pt !important;
    }
    
    .print-table td {
        padding: 10px 12px !important;
        border-bottom: 1px solid #e0e0e0 !important;
        color: #333 !important;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    
    .print-table tr:last-child td {
        border-bottom: none !important;
    }
    
    .print-table tr:nth-child(even) {
        background: #fafafa !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-table .label-cell {
        font-weight: 600 !important;
        color: #212a47 !important;
    }
    
    .print-table .value-cell {
        text-align: right !important;
        font-weight: 500 !important;
        color: #212a47 !important;
    }
    
    .print-table .total-row {
        background: #f0f0f0 !important;
        font-weight: bold !important;
        border-top: 2px solid #b49755 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-table .total-row td {
        padding: 12px !important;
        font-size: 11pt !important;
        color: #212a47 !important;
    }
    
    /* ==========================================
       BENEFIT CARDS
       ========================================== */
    
    .print-benefit-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 15px !important;
        margin: 20px 0 !important;
        page-break-inside: avoid !important;
    }
    
    .print-benefit-card {
        padding: 15px !important;
        background: #f8f9fa !important;
        border-left: 4px solid #b49755 !important;
        page-break-inside: avoid !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-benefit-title {
        font-size: 11pt !important;
        font-weight: 600 !important;
        color: #212a47 !important;
        margin: 0 0 8px 0 !important;
        font-family: Verdana, sans-serif !important;
    }
    
    .print-benefit-text {
        font-size: 9pt !important;
        line-height: 1.4 !important;
        color: #555 !important;
        margin: 0 !important;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    
    /* ==========================================
       TIMELINE
       ========================================== */
    
    .print-timeline {
        margin: 25px 0 !important;
        page-break-inside: avoid !important;
    }
    
    .print-timeline-item {
        margin-bottom: 20px !important;
        padding-left: 25px !important;
        border-left: 3px solid #b49755 !important;
        position: relative !important;
        page-break-inside: avoid !important;
    }
    
    .print-timeline-marker {
        position: absolute !important;
        left: -8px !important;
        top: 0 !important;
        width: 14px !important;
        height: 14px !important;
        background: #b49755 !important;
        border-radius: 50% !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-timeline-title {
        font-size: 11pt !important;
        font-weight: 600 !important;
        color: #212a47 !important;
        margin: 0 0 6px 0 !important;
        font-family: Verdana, sans-serif !important;
    }
    
    .print-timeline-text {
        font-size: 9pt !important;
        line-height: 1.4 !important;
        color: #555 !important;
        margin: 0 !important;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    
    /* ==========================================
       ACTION CARDS
       ========================================== */
    
    .print-action-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
        margin: 20px 0 !important;
        page-break-inside: avoid !important;
    }
    
    .print-action-card {
        padding: 15px !important;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
        border: 2px solid #e0e0e0 !important;
        border-radius: 6px !important;
        text-align: center !important;
        page-break-inside: avoid !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-action-number {
        display: inline-block !important;
        width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
        background: #b49755 !important;
        color: white !important;
        border-radius: 50% !important;
        font-size: 11pt !important;
        font-weight: bold !important;
        margin-bottom: 10px !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .print-action-title {
        font-size: 10pt !important;
        font-weight: 600 !important;
        color: #212a47 !important;
        margin: 8px 0 !important;
        font-family: Verdana, sans-serif !important;
    }
    
    .print-action-text {
        font-size: 8pt !important;
        line-height: 1.3 !important;
        color: #666 !important;
        margin: 0 !important;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    
    /* ==========================================
       FOOTER
       ========================================== */
    
    .print-footer {
        position: fixed !important;
        bottom: 15mm !important;
        left: 15mm !important;
        right: 15mm !important;
        text-align: center !important;
        padding-top: 10px !important;
        border-top: 1px solid #ddd !important;
        font-size: 8pt !important;
        color: #888 !important;
        font-family: Verdana, sans-serif !important;
    }
    
    .print-footer-content {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    .print-page-number:after {
        content: " " counter(page) !important;
    }
    
    /* ==========================================
       PAGE BREAKS
       ========================================== */
    
    .page-break {
        page-break-after: always !important;
    }
    
    .avoid-break {
        page-break-inside: avoid !important;
    }
    
    /* Avoid breaking after headings */
    .print-section-title,
    .print-section-subtitle,
    .print-timeline-title,
    .print-benefit-title {
        page-break-after: avoid !important;
    }
    
    /* Avoid orphans and widows */
    p, li {
        orphans: 3 !important;
        widows: 3 !important;
    }
}

/* ============================================================================
   END CR-2026-020: PROFESSIONAL PRINT DOCUMENT STYLES
   ============================================================================ */

   END OF PRINT STYLESHEET - CR-2026-013
   ============================================================================ */