/* Print styles */
@media print {
    /* Hide non-printable elements */
    .btn,
    .modal-header,
    .modal-footer {
        display: none !important;
    }

    /* Reset modal styles completely */
    .modal {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        height: 100% !important;
        width: 100% !important;
        background-color: white !important;
    }

    .modal-dialog {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        transform: none !important;
        position: static !important;
    }

    .modal-content {
        border: none !important;
        position: static !important;
        box-shadow: none !important;
        transform: none !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: white !important;
    }

    .modal-body {
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        overflow: visible !important;
        height: 100% !important;
    }

    /* Invoice specific print styles */
    .invoice {
        font-size: 13px !important;
        color: black !important;
        padding: 0 !important;
        margin: 0 !important;
        background-color: white !important;
        min-height: 100% !important;
        width: 100% !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }

    #invoice-container {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 100% !important;
    }

    #layout-x{
        height: 100%;
    }

    .table-responsive {
        background-color: white !important;
        min-height: 50% !important;
    }

    .table>:not(caption)>*>* {
        color: black !important;
        font-size: 12px !important;
    }

    /* Page settings */
    @page {
        size: auto;
        margin: 5mm !important;
        padding: 5mm !important;
    }

    /* Remove all background colors and images */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        background-color: white !important;
        background-image: none !important;
    }

    /* Footer adjustments */
    .invoice-builder-bottom-page {
        background-color: white !important;
        position: fixed !important;
        bottom: 0 !important;
        left : 0 !important;
        right : 0 !important;
        width: 100% !important;
        /* border-top: 1px solid #ddd !important; */
    }
}