/* Kasir POS - gaya tambahan di luar Tailwind CDN */

:root { color-scheme: light; }

body { -webkit-tap-highlight-color: transparent; }

/* Sidebar terbuka pada mobile */
#sidebar.open { transform: translateX(0); }

/* Field form standar */
.field {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  background: #fff;
  outline: none;
}
.field:focus { border-color: #10b981; box-shadow: 0 0 0 3px rgba(16,185,129,.15); }
.field:disabled, .field[readonly] { background: #f1f5f9; color: #64748b; }
.label { display:block; font-size: .8125rem; font-weight: 500; color:#475569; margin-bottom:.25rem; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:.375rem;
  padding:.5rem .875rem; border-radius:.5rem; font-size:.875rem; font-weight:500;
  cursor:pointer; border:1px solid transparent; transition:background .15s; }
.btn-primary { background:#0f172a; color:#fff; }
.btn-primary:hover { background:#1e293b; }
.btn-success { background:#059669; color:#fff; }
.btn-success:hover { background:#047857; }
.btn-danger  { background:#dc2626; color:#fff; }
.btn-danger:hover { background:#b91c1c; }
.btn-light   { background:#fff; color:#334155; border-color:#cbd5e1; }
.btn-light:hover { background:#f8fafc; }
.btn:disabled { opacity:.5; cursor:not-allowed; }

.card { background:#fff; border:1px solid #e2e8f0; border-radius:.75rem; }

table.data { width:100%; border-collapse:collapse; font-size:.875rem; }
table.data th { text-align:left; font-weight:600; color:#475569; background:#f8fafc;
  padding:.625rem .75rem; border-bottom:1px solid #e2e8f0; white-space:nowrap; }
table.data td { padding:.625rem .75rem; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
table.data tbody tr:hover { background:#f8fafc; }

.badge { display:inline-block; font-size:.6875rem; font-weight:600; padding:.125rem .5rem; border-radius:9999px; }

/* Daftar hasil pencarian produk pada halaman kasir */
.search-item.active { background:#ecfdf5; }

/* ---------------- Cetak struk ---------------- */
@media print {
  .no-print { display: none !important; }
  body { background: #fff !important; }
  @page { margin: 3mm; }
  /* Tanpa ini sebagian browser membuang gambar & warna latar saat mencetak,
     sehingga logo toko tidak ikut keluar di struk. */
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .receipt img { max-width: 100%; }
}

.receipt {
  font-family: "Courier New", ui-monospace, monospace;
  font-size: 12px;
  line-height: 1.45;
  color: #000;
  margin: 0 auto;
  background: #fff;
}
.receipt.size-58 { width: 58mm; padding: 2mm; font-size: 11px; }
.receipt.size-80 { width: 80mm; padding: 3mm; }
.receipt table { width: 100%; border-collapse: collapse; }
.receipt .r { text-align: right; }
.receipt .c { text-align: center; }
.receipt .sep { border-top: 1px dashed #000; margin: 4px 0; }
.receipt .bold { font-weight: 700; }