/**
 * Standalone Small Groups Manager page — full canvas shell (X-Large width).
 */

body.sgmgr-canvas-template {
	margin: 0;
	min-height: 100vh;
	background: #f0f2f5;
	color: #1d2327;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

body.sgmgr-canvas-template .sgmgr-canvas {
	min-height: 100vh;
	width: 100%;
	max-width: none;
	padding: 20px 24px;
	box-sizing: border-box;
}

@media (max-width: 782px) {
	body.sgmgr-canvas-template .sgmgr-canvas {
		padding: 16px;
	}
}

body.admin-bar.sgmgr-canvas-template .sgmgr-canvas {
	min-height: calc(100vh - 32px);
}

@media (max-width: 782px) {
	body.admin-bar.sgmgr-canvas-template .sgmgr-canvas {
		min-height: calc(100vh - 46px);
	}
}

/* Full viewport width for project detail / board views */
body.sgmgr-standalone-page .sgmgr-wrap--frontend:not(.sgmgr-wrap--medium),
body.sgmgr-canvas-template .sgmgr-wrap--frontend:not(.sgmgr-wrap--medium) {
	max-width: none !important;
	width: 100%;
}

body.sgmgr-standalone-page .sgmgr-wrap--frontend.sgmgr-wrap--medium,
body.sgmgr-canvas-template .sgmgr-wrap--frontend.sgmgr-wrap--medium {
	max-width: var(--sgmgr-width-medium, 760px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
}

/* Hide breadcrumbs on standalone pages (YOOtheme / UIkit) */
body.sgmgr-standalone-page .uk-breadcrumb,
body.sgmgr-standalone-page ul.uk-breadcrumb,
body.sgmgr-standalone-page nav.uk-breadcrumb,
body.sgmgr-standalone-page .tm-breadcrumb,
body.sgmgr-standalone-page [class*="breadcrumb"],
body.sgmgr-standalone-page .yoast-breadcrumb {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

@media (min-width: 1200px) {
	body.sgmgr-canvas-template .sgmgr-canvas {
		padding: 24px 32px;
	}
}

@media (min-width: 1600px) {
	body.sgmgr-canvas-template .sgmgr-canvas {
		padding: 28px 40px;
	}
}