/* =====================================================================
   Gaya tambahan aplikasi Inventory Sembako
   Dimuat setelah tabler.min.css agar bisa menimpa gaya bawaan.
   ===================================================================== */

/* Angka pada tabel (stok, harga) lebih enak dibaca dengan lebar digit sama */
.text-numeric {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* Baris barang yang stoknya menipis */
tr.row-low-stock {
	background-color: rgba(var(--tblr-warning-rgb), .08);
}

/* Tabel detail transaksi di dalam form: kolom aksi ringkas */
.table-detail td {
	vertical-align: middle;
}

.table-detail .col-aksi {
	width: 46px;
}

.table-detail .col-qty {
	width: 130px;
}

.table-detail .col-harga {
	width: 170px;
}

.table-detail .col-subtotal {
	width: 170px;
}

/* Kartu statistik dashboard */
.stat-card .stat-icon {
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 1.5rem;
}

/* =====================================================================
   Gaya khusus saat halaman dicetak (tombol Print pada laporan)
   ===================================================================== */
@media print {

	/* Sembunyikan elemen navigasi dan tombol */
	.navbar,
	.navbar-vertical,
	.page-header .btn,
	.no-print,
	.card-footer,
	footer.footer {
		display: none !important;
	}

	/* Hilangkan offset sidebar */
	.page-wrapper {
		margin-left: 0 !important;
		padding: 0 !important;
	}

	body {
		background: #fff !important;
	}

	.card {
		border: none !important;
		box-shadow: none !important;
	}

	.page-body {
		margin-top: 0 !important;
	}

	/* Judul cetak hanya muncul di kertas */
	.print-only {
		display: block !important;
	}

	/* Tabel tetap punya garis agar terbaca di kertas */
	.table th,
	.table td {
		border: 1px solid #adb5bd !important;
	}

	/* Hindari baris tabel terpotong antar halaman */
	tr {
		page-break-inside: avoid;
	}

	@page {
		margin: 1.2cm;
	}
}

/* Elemen khusus cetak disembunyikan di layar */
.print-only {
	display: none;
}