/* Explain: Base reset and typography defaults, including print styles for thermal receipts. */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
}

body {
    overflow-x: hidden;
}

@media print {
    @page {
        margin: 0;
    }
    body {
        background: white !important;
        color: black !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    header, footer, .no-print, 
    #sales_pos_view,
    #sales_history_view > section {
        display: none !important;
    }
    .printable-invoice {
        width: 100% !important;
        max-width: 80mm !important; /* عرض الفاتورة الحرارية 80 مم */
        margin: 0 auto !important;
        padding: 10px !important;
    }
    dialog.modal {
        display: block !important;
        position: static !important;
        background: white !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    dialog.modal::backdrop {
        display: none !important;
    }
    .modal-box {
        position: static !important;
        box-shadow: none !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: white !important;
        overflow: visible !important;
        transform: none !important;
    }
    .printable-invoice * {
        color: black !important;
    }
}