/* Gaya tambahan Kasir Toko Siswa Pinrang (Tailwind menangani sebagian besar UI) */

* { -webkit-tap-highlight-color: transparent; }
body { overscroll-behavior: none; }

/* Scrollbar tipis agar area produk & keranjang tetap rapi */
.scroll-thin::-webkit-scrollbar { width: 8px; height: 8px; }
.scroll-thin::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 8px; }
.scroll-thin::-webkit-scrollbar-track { background: transparent; }

/* Input harga custom gaya kalkulator (inline edit, tanpa border, rata kanan) */
.price-edit {
  border: none; background: transparent; text-align: right; font-variant-numeric: tabular-nums;
  font-weight: 700; color: #1E40AF; width: 100%; outline: none; padding: 0;
}
.price-edit:focus { background: #EFF6FF; border-radius: 6px; box-shadow: 0 0 0 2px #BFDBFE; }
.price-edit.invalid { color: #DC2626; box-shadow: 0 0 0 2px #FECACA; border-radius: 6px; background: #FEF2F2; }

.num { font-variant-numeric: tabular-nums; }

/* Kartu produk */
.prod-card { transition: transform .08s ease, box-shadow .08s ease; }
.prod-card:active { transform: scale(.97); }
.prod-card.out { opacity: .45; }

/* Animasi masuk sederhana */
@keyframes pop { from { opacity: 0; transform: translateY(6px) } to { opacity: 1; transform: none } }
.pop { animation: pop .13s ease-out; }

/* Struk thermal 58mm (fallback print browser) */
@media print {
  body > *:not(#receipt-print-area) { display: none !important; }
  #receipt-print-area { display: block !important; }
}
#receipt-print-area { font-family: 'Courier New', monospace; }
.receipt-58 { width: 58mm; padding: 2mm 1.5mm; font-size: 10.5px; line-height: 1.35; color: #000; }
.receipt-58 pre { margin: 0; font-family: inherit; white-space: pre-wrap; word-break: break-word; }
.receipt-58 .center { text-align: center; }
.receipt-58 .right { text-align: right; }
.receipt-58 .bold { font-weight: 700; }
.receipt-58 .line { border-top: 1px dashed #000; margin: 3px 0; }
.receipt-58 img.qris { width: 38mm; display: block; margin: 4px auto 0; }

/* Blok kode / template */
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }