/* Tambahan khusus NexSales (sales.nexzet.id). Dasar gaya ada di style.css (sama dengan CsNex).
 * Build Tailwind v2 di tailwind.min.css tidak punya semua kelas: yang dipakai tapi tidak ada ditulis di sini. */

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-var.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

body {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    -webkit-tap-highlight-color: transparent;
}

/* Chip status */
.chip {
    display: inline-block;
    flex-shrink: 0;
    padding: 0.15rem 0.6rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}
.chip-green  { background: #dcfce7; color: #15803d; }
.chip-yellow { background: #fef3c7; color: #a16207; }
.chip-red    { background: #fee2e2; color: #b91c1c; }
.chip-gray   { background: #f3f4f6; color: #4b5563; }
.chip-blue   { background: #dbeafe; color: #1d4ed8; }

/* Menu bawah: aman untuk HP berponi / gesture bar */
.nav-bawah { padding-bottom: calc(0.25rem + env(safe-area-inset-bottom)); }
.laci-bawah { padding-bottom: calc(1rem + env(safe-area-inset-bottom)); }
.nav-bawah-aktif { opacity: 1; font-weight: 700; }

/* Input angka besar tanpa zoom iOS */
input, select, textarea { font-size: 16px; }

.swal2-popup { font-size: 0.85rem; }
.swal2-title { font-size: 1.1rem; }
.swal2-image { max-height: 70vh; object-fit: contain; }

canvas#pad { background: transparent; }