/**
 * Thermal Receipt Printing CSS Styles
 * Optimizes printing on 58mm or 80mm roll papers, hiding normal screen layouts.
 */

@media print {
    /* Hide all desktop wrappers, headers, footers and control buttons */
    body {
        background-color: #ffffff !important;
        color: #000000 !important;
        font-family: 'Courier New', Courier, monospace !important;
        font-size: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .d-print-none,
    nav,
    footer,
    button,
    .modal,
    .alert,
    header {
        display: none !important;
    }

    .d-print-block {
        display: block !important;
    }

    #thermal-print-area {
        width: 100% !important;
        max-width: 80mm !important; /* 80mm thermal POS roll width */
        margin: 0 auto !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    /* Set clean line spacing and borders for printing */
    table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    th, td {
        padding: 4px 0 !important;
        text-align: left !important;
    }

    .border-dashed {
        border-top: 1px dashed #000000 !important;
        border-bottom: 1px dashed #000000 !important;
    }

    p {
        margin: 0 0 4px 0 !important;
    }
}