/* Shared page container structure for content boxes on main pages */

.page-container {
	background-color: #ecf1f5;
	border-radius: 7px;
	width: 96%;
	padding: 10px 30px 30px 30px;
	margin-bottom: 20px;
	min-height: 100vh;
	height: auto;
}

@media (max-width: 1700px) {
	.page-container {
		width: 95%;
	}
}

@media (max-width: 1400px) {
	.page-container {
		width: 94%;
	}
}

@media (max-width: 1000px) {
	.page-container {
		width: 93%;
	}
}

.page-container.full-width {
	width: 100%;
}

/* Shared page settings header (replaces orders-header-row and menu-header-row) */
.page-settings-header {
	display: flex;
	width: 100%;
	align-items: center;
	min-height: 70px;
	position: relative;
	margin: 0;
	padding: 0;
}

/* Shared page body (replaces container-fluid in orders and menu pages) */
.page-body {
	margin-left: 0;
	margin-right: 0;
	background-color: white;
	padding: 35px;
	padding-top: 5px;
	border-radius: 0 7px 7px 7px; /* No radius on top-left, 7px on others */
}

.page-body.full-radius{
	border-radius: 7px; /* No radius on top-left, 7px on others */
}

.page-body .menu-reducer {
	padding: 0;
}

/* Shared page filter icon button (replaces menu-header-icon and top-actions-filter) */
.page-filter-icon {
	border: none;
	background: transparent;
	padding: 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.page-filter-icon img {
	width: 28px;
	height: 28px;
	pointer-events: none;
}

.page-filter-icon:hover {
	transform: scale(1.05);
}

.page-filter-icon.pressed {
	background-color: #ecf1f5;
	color: #203b72;
}