/* Custom POS Styling & Thermal Printer Format */
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Prompt', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Scanner target animation */
@keyframes scan-line {
    0% { top: 5%; }
    50% { top: 90%; }
    100% { top: 5%; }
}

.scanner-laser {
    position: absolute;
    left: 5%;
    right: 5%;
    height: 3px;
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 1), rgba(239, 68, 68, 0.2));
    box-shadow: 0 0 8px 2px rgba(239, 68, 68, 0.7);
    animation: scan-line 2.2s ease-in-out infinite;
    pointer-events: none;
}

/* Custom scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar,
.scrollbar-none::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar,
.scrollbar-none {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* POS Touch Card active feedback */
.active-press {
    transform: scale(0.96);
    transition: transform 0.1s ease;
}

/* Thermal Receipt Print Styles (80mm & 58mm) */
@media print {
    body * {
        visibility: hidden;
    }
    #receipt-print-area, #receipt-print-area * {
        visibility: visible;
    }
    #receipt-print-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 80mm;
        margin: 0;
        padding: 4mm;
        font-family: 'Courier New', Courier, monospace, 'Prompt';
        font-size: 12px;
        color: #000;
        background: #fff;
    }
    .no-print {
        display: none !important;
    }
}