.grid {
	width: auto;
	border-collapse: collapse; /* important for spacing */
	border-spacing: 0; /* we control spacing manually */
	font-size: 1.0em;
	border:none;
}

	/* Header */
	.grid th {
		padding: 8px 15px;
		text-align: left;
		font-weight: 600;
		color: #fff;
		background: #444;
		white-space: nowrap;
	}

	/* Cells */
	.grid td {
		padding: 8px 15px;
		border-bottom: 1px solid #ddd;
		vertical-align: middle;
		transition:0.25s;
	}

	/* Row spacing (visual separation) */
	.grid tr {
		background: #fff;
	}

		/* Alternating rows */
		.grid tr:nth-child(even) td {
			background: #fafafa;
		}

		/* Hover effect (matches your dashboard style) */
		.grid tr:hover td {
			background: #f0f0f0;
		}

	/* Last column (buttons alignment) */
	.grid td:last-child {
		text-align: right;
	}

	/* Optional: tighter version for dense grids */
	.grid.compact td,
	.grid.compact th {
		padding: 5px 8px;
	}

	.grid td + td,
	.grid th + th {
	}

.orders-summary.bookings-summary {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	margin: 0 0 25px 0;
}

	.orders-summary.bookings-summary .summary-box {
		min-width: 120px;
		background: #f8f8f8;
		border: 1px solid #d9d9d9;
		border-radius: 6px;
		padding: 12px;
		box-sizing: border-box;
		font-size:1.3em;
		font-weight:500;
	}

		.orders-summary.bookings-summary .summary-box .summary-title {
			display: block;
			font-size: 0.7em;
			color: #777;
			font-weight:400;
			margin-bottom: 9px;
		}

		.orders-summary.bookings-summary .summary-box span:last-child,
		.orders-summary.bookings-summary .summary-box .value,
		.orders-summary.bookings-summary .summary-box asp\\:literal {
			font-size: 22px;
			font-weight: 700;
			color: #111;
		}