[x-cloak] { display: none !important; }

/* Стилі для друку чека */
@media print {
    body > *:not(#print-area) { display: none !important; }
    #print-area { 
        display: block !important; 
        position: absolute; 
        top: 0; 
        left: 0; 
        width: 100%; 
    }
}

/* Кастомні скроллбари для професійного вигляду */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { 
    background: #cbd5e1; 
    border-radius: 10px; 
}
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

@media print {
    /* Приховуємо все, крім зони друку */
    body * { visibility: hidden; }
    #print-area, #print-area * { visibility: visible; }
    
    #print-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 80mm; /* Стандартна ширина чеку */
        padding: 0;
        margin: 0;
    }

    /* Налаштування сторінки друку */
    @page {
        size: 80mm auto; /* Автоматична висота залежно від кількості товарів */
        margin: 0;
    }
}