/* ==========================================================================
   FREEPIXELAI.COM - PURE ZERO-WATERMARK PRINT ENGINE
   Guarantees 100% Pure, Fresh, Clean Document Printing across all tools.
   ========================================================================== */

@page {
    margin: 8mm 10mm;
    size: auto;
}

@media print {
    /* 1. Global Reset & Complete Isolation */
    html, body {
        background: #FFFFFF !important;
        color: #000000 !important;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
        font-size: 11pt !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* Hide entire DOM by default */
    body * {
        visibility: hidden !important;
    }

    /* 2. Make ONLY the Exact Target Document / Content Visible */
    #invoicePaper, #invoicePaper *,
    #receiptPaper, #receiptPaper *,
    .printable-doc, .printable-doc *,
    .thermal-receipt, .thermal-receipt * {
        visibility: visible !important;
    }

    /* 3. Position the Document Cleanly at the Top */
    #invoicePaper,
    .printable-doc {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #FFFFFF !important;
        border: none !important;
        box-shadow: none !important;
        page-break-inside: avoid !important;
    }

    #receiptPaper,
    .thermal-receipt {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 0 !important;
        width: 80mm !important;
        max-width: 80mm !important;
        margin: 0 auto !important;
        padding: 10mm 5mm !important;
        background: #FFFFFF !important;
        box-shadow: none !important;
        border: 1px solid #999999 !important;
        border-radius: 0 !important;
        page-break-inside: avoid !important;
    }

    /* 4. Complete Removal of Web Interface, Controls, and Buttons */
    header,
    nav,
    footer,
    .navbar,
    .nav-container,
    .breadcrumb-section,
    .tool-header-area,
    .tool-h1,
    .tool-subtitle,
    .tool-trust-pill-group,
    .action-toolbar,
    .seo-article,
    .related-section,
    .faq-grid,
    .faq,
    .toast-container,
    .search-modal-backdrop,
    .quick-launcher-fab,
    .quick-launcher-tray,
    .dropzone,
    .btn,
    .btn-sm,
    .btn-primary,
    .btn-secondary,
    button,
    .no-print {
        display: none !important;
        visibility: hidden !important;
    }

    /* 5. Transform Form Inputs to Pure Static Text (Zero Boxes) */
    input,
    textarea,
    select {
        border: none !important;
        border-bottom: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        color: #000000 !important;
        box-shadow: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        outline: none !important;
        resize: none !important;
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        display: none !important;
    }

    /* 6. Clean Table Formatting */
    table {
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 8pt 0 !important;
    }

    th {
        background: #F4F6F8 !important;
        color: #000000 !important;
        font-weight: bold !important;
        border-bottom: 2px solid #333333 !important;
        padding: 6pt 4pt !important;
    }

    td {
        border-bottom: 1px solid #E5E5E5 !important;
        padding: 6pt 4pt !important;
        color: #000000 !important;
    }

    /* Hide table delete action columns */
    th:last-child,
    td:last-child {
        display: none !important;
    }
}