.product.pic{
	width:100px;
	height:100px;
}
td.middle{
	display: table-cell;vertical-align: middle !important;	
}
.order_overview{
	text-align: center;
}
.order_overview button{
	margin: 42px auto;
}
.status_order{
	padding-top: 10px;
}
.reasion{
	padding-bottom: 8px;
}
.preview_inventory_check_img{
	width: 50px;
	height: 50px;
}
.preview_product_name{
	display: table-cell;
	vertical-align: middle;
	font-size: 11px;
}
.line-height50{
	line-height: 50px !important;
}
.display-table{
	display: table;
}
.hanover_option{
	width: 250px;
}
.middle{
	vertical-align: middle;
}
.activity_log_admin, .activity_log_client{
	height: 280px;
	overflow: auto;
	border-left: 1px solid #f0f0f0;
}

/* width */
.custom-bar::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.custom-bar::-webkit-scrollbar-track {
	background: #f1f1f1; 
}

/* Handle */
.custom-bar::-webkit-scrollbar-thumb {
	background: #888; 
}

/* Handle on hover */
.custom-bar::-webkit-scrollbar-thumb:hover {
	background: #555; 
}

/* ===== Mobile responsive fix: prevent product name from overflowing into quantity column ===== */
@media screen and (max-width: 768px) {
	/* Shrink product image on mobile */
	.product.pic {
		width: 50px;
		height: 50px;
		display: block;
		margin-bottom: 5px;
	}

	/* Force product name cell to contain its content */
	.invoice-items-table td:first-child {
		max-width: 120px;
		word-break: break-word;
		overflow-wrap: break-word;
	}

	.invoice-items-table td:first-child a {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}

	.invoice-items-table td:first-child strong {
		display: block;
		font-size: 12px;
		line-height: 1.3;
	}

	/* Compact table cells on mobile */
	.invoice-items-table td,
	.invoice-items-table th {
		padding: 6px 4px;
		font-size: 12px;
	}

}

@media screen and (max-width: 480px) {
	.product.pic {
		width: 40px;
		height: 40px;
	}

	.invoice-items-table td:first-child {
		max-width: 90px;
	}

	.invoice-items-table td:first-child strong {
		font-size: 11px;
	}

	.invoice-items-table td,
	.invoice-items-table th {
		padding: 4px 3px;
		font-size: 11px;
	}

}