/* ==========================================================
   WINDOW.PRINT / CHEK PRINT SOZLAMALARI
   Shu fayldan print oynasidagi chek ko‘rinishini sozlang.
   Fayl barcha sahifalarga app.css dan keyin ulangan.
   ========================================================== */

/* Ekranda chek preview ko‘rinishi */
#receiptPage{
    /* Chekning ekrandagi maksimal eni */
    max-width:380px;
    width:100%;

    /* Chek atrofi */
    margin:0 auto;
    padding:10px;

    /* Rang va shrift */
    color:#000000;
    background:#ffffff;
}

#receiptPage img{
    max-width:150px;
    display:block;
    margin:0 auto 4px;
}

#receiptPage h3{
    font-size:20px;
    line-height:1.2;
    margin:4px 0 8px;
    text-align:center;
    color:#000000;
}

#receiptPage div,
#receiptPage span,
#receiptPage strong,
#receiptPage p,
#receiptPage td,
#receiptPage th{
    font-size:13px;
    line-height:1.25;
    color:#000000;
}

#tel_raqam_chek{
    font-size:18px!important;
    font-weight:700;
}

.receipt-line{
    border-top:1px dashed #000000;
    margin:8px 0;
}

.receipt-row{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin:3px 0;
}

.receipt-row strong:last-child,
.receipt-row span:last-child{
    text-align:right;
    white-space:nowrap;
}

.receipt-actions,
.no-print{
    display:flex;
    gap:8px;
    margin-top:12px;
}

/* Haqiqiy print oynasi sozlamalari */
@media print{
    /* Chek lentasi o‘lchami: 80mm yoki 58mm qilib o‘zgartirishingiz mumkin */
    @page{
        size:80mm auto;
        margin:0;
    }

    html,
    body{
        height:auto!important;
        background:#ffffff!important;
        margin:0!important;
        padding:0!important;
    }

    /* Faqat chek chiqsin, qolgan sahifa yashirilsin */
    body.printing-receipt > *:not(#receiptPage){
        display:none!important;
    }

    body.printing-receipt #receiptPage{
        display:block!important;
        position:static!important;
        inset:auto!important;
        box-sizing:border-box!important;

        /* Printdagi chek eni va ichki bo‘shliq */
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:4mm!important;

        /* Printdagi rang va bezak */
        color:#000000!important;
        background:#ffffff!important;
        box-shadow:none!important;
        border:0!important;
        font-family:"Courier New", monospace!important;
    }

    body.printing-receipt #receiptPage img{
        max-width:45mm!important;
        width:50%!important;
        margin:0 auto 2mm!important;
        display:block!important;
    }

    body.printing-receipt #receiptPage h3{
        font-size:20px!important;
        line-height:1.2!important;
        margin:1mm 0 2mm!important;
        text-align:center!important;
        color:#000000!important;
    }

    body.printing-receipt #receiptPage div,
    body.printing-receipt #receiptPage span,
    body.printing-receipt #receiptPage strong,
    body.printing-receipt #receiptPage p,
    body.printing-receipt #receiptPage td,
    body.printing-receipt #receiptPage div,
    body.printing-receipt #receiptPage th{
        font-size:13px!important;
        line-height:1.25!important;
        color:#000000!important;
        font-weight:700!important;
    }

    body.printing-receipt #tel_raqam_chek{
        font-size:18px!important;
        font-weight:700!important;
    }

    body.printing-receipt .receipt-line{
        border-top:1px dashed #000000!important;
        margin:2mm 0!important;
    }

    body.printing-receipt .receipt-row{
        display:flex!important;
        justify-content:space-between!important;
        gap:3mm!important;
        margin:1mm 0!important;
    }

    /* Print tugmalari va keraksiz elementlar chiqmasin */
    body.printing-receipt #receiptPage .receipt-actions,
    body.printing-receipt #receiptPage button,
    body.printing-receipt #receiptPage .no-print,
    body.printing-receipt button{
        display:none!important;
    }
}