/**
 * Guest forms (core remote) — overrides staff layout from style.css / media.css.
 * Loaded after assets/css/style.css in index.html.
 */
body.guest-forms-shell {
	--guest-header-height: 80px;
	--guest-breadcrumb-height: 36px;
	--guest-sticky-toolbar-top: calc(var(--guest-header-height) + var(--guest-breadcrumb-height));
}

body.guest-forms-shell .guest-shell-top {
	position: sticky;
	top: 0;
	z-index: 30;
	width: 100%;
}

body.guest-forms-shell .guest-shell-top .app-header {
	position: static;
	top: auto;
}

body.guest-forms-shell .guest-shell-top breadcrumb {
	display: block;
}

body.guest-forms-shell .guest-shell-top .breadcrumb {
	display: flex !important;
	position: static !important;
	top: auto !important;
	width: auto !important;
	align-items: center;
	gap: 12px;
	max-width: var(--content-max, 1152px);
	margin: 0 auto;
	padding: 8px 16px;
	background: #ebebeb;
	border-bottom: 1px solid #d8d8d8;
	font-size: 14px;
	font-weight: 500;
	box-sizing: border-box;
}

@media (min-width: 640px) {
	body.guest-forms-shell .guest-shell-top .breadcrumb {
		padding: 8px 24px;
	}
}

body.guest-forms-shell .guest-shell-top .breadcrumb .bc-route {
	color: #319c32;
}

body.guest-forms-shell .guest-shell-top .breadcrumb a.bc-route {
	text-decoration: none;
}

body.guest-forms-shell .guest-shell-top .breadcrumb a.bc-route:last-child,
body.guest-forms-shell .guest-shell-top .breadcrumb .bc-route:last-child {
	color: #1a1a1a;
	font-weight: 600;
	cursor: default;
}

body.guest-forms-shell .main-wrapper-inner {
	padding: 0 !important;
	min-height: auto !important;
	background: #ebebeb !important;
}

body.guest-forms-shell #main-wrapper,
body.guest-forms-shell .main-wrapper,
body.guest-forms-shell .main-wrapper.active,
body.guest-forms-shell .main-wrapper.guest-main {
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	background: #ebebeb;
}

body.guest-forms-shell app-header {
	display: block;
	width: 100%;
	background: #fff;
}

body.guest-forms-shell .main-wrapper.guest-main {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--guest-header-height, 80px));
}

body.guest-forms-shell .main-wrapper-inner {
	flex: 1 1 auto;
}

body.guest-forms-shell footer.page-wrapper__footer--guest,
body.guest-forms-shell .page-wrapper__footer--guest {
	position: static !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: 100% !important;
	margin-top: auto;
	flex-shrink: 0;
}

body.guest-forms-shell .app-header__inner {
	padding: 8px 16px !important;
}

@media (min-width: 640px) {
	body.guest-forms-shell .app-header__inner {
		padding: 8px 24px !important;
	}
}

body.guest-forms-shell .app-header .brand__logo {
	height: 64px !important;
	max-height: 64px;
	width: auto;
	max-width: none;
}

body.guest-forms-shell .app-header__user .link {
	text-transform: none !important;
	letter-spacing: normal !important;
}

body.guest-forms-shell guest-form-builder-submission .form-outer-wrapper {
	padding-top: 0 !important;
}

body.guest-forms-shell guest-form-builder-submission .form-preview-wrapper {
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding-left: 0 !important;
}

/* Pagination — perdix-guest (overrides assets/css/style.css mint theme) */
body.guest-forms-shell px-table-pagination.guest-submissions-pagination {
	margin-top: 24px;
}

body.guest-forms-shell .pagination-wrapper {
	padding: 24px 0 0 !important;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

body.guest-forms-shell .pagination-wrapper .filter {
	color: #1a1a1a !important;
	font-size: 14px;
	font-weight: 500;
	gap: 8px;
}

body.guest-forms-shell .pagination-wrapper .filter select {
	height: 36px;
	padding: 0 12px;
	border: 1px solid #d8d8d8 !important;
	border-radius: 0 !important;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
}

body.guest-forms-shell .pagination-wrapper .pagination {
	gap: 8px !important;
}

body.guest-forms-shell .pagination-wrapper .pagination li {
	gap: 0 !important;
}

body.guest-forms-shell .pagination-wrapper .pagination li a {
	min-width: 36px;
	height: 36px;
	padding: 0 10px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	color: #5f5f5f !important;
	background: #fff !important;
	border: 1px solid #d8d8d8 !important;
	border-radius: 0 !important;
}

body.guest-forms-shell .pagination-wrapper .pagination li a:hover {
	background: #e8f6e8 !important;
	color: #319c32 !important;
}

body.guest-forms-shell .pagination-wrapper .pagination li.active a {
	background: #319c32 !important;
	color: #fff !important;
	border-color: #319c32 !important;
}

body.guest-forms-shell .pagination-wrapper .pagination li.active a:hover {
	background: #287f29 !important;
	border-color: #287f29 !important;
	color: #fff !important;
}

body.guest-forms-shell .pagination-wrapper .pagination li a svg path {
	stroke: currentColor !important;
}

body.guest-forms-shell .bullets {
	padding: 24px 0 0 !important;
	gap: 8px !important;
}

body.guest-forms-shell .bullets svg circle {
	fill: #d8d8d8 !important;
}

body.guest-forms-shell .bullets svg.active circle {
	fill: #319c32 !important;
}