/* Export and paged-route layout styles (screen/runtime only). */

.pagedjs_pages {
	--pagedjs-margin-top: 0.5in;
    --pagedjs-margin-right: 0.75in;
    --pagedjs-margin-bottom: 0.5in;
    --pagedjs-margin-left: 0.75in;
}

.pagedjs_first_page .pagedjs_pagebox {
	width: var(--pagedjs-width-right);
    grid-template-columns: [left] 0 [center] var(--pagedjs-width-right) [right] 0;
}

.pagedjs_first_page .pagedjs_margin-top-left-corner-holder,
.pagedjs_first_page .pagedjs_margin-top,
.pagedjs_first_page .pagedjs_margin-top-right-corner-holder,
.pagedjs_first_page .pagedjs_margin-right,
.pagedjs_first_page .pagedjs_margin-left,
.pagedjs_first_page .pagedjs_margin-bottom-left-corner-holder,
.pagedjs_first_page .pagedjs_margin-bottom,
.pagedjs_first_page .pagedjs_margin-bottom-right-corner-holder {
	width: 0 !important;
	height: 0 !important;
}

.proposal-paper--export {
	margin: 0;
	border: 0;
}

body.sbm-proposal-export-route,
body.sbm-proposal-share-route,
body.sbm-proposal-paged-route,
body.sbm-proposal-paged-pdf-route {
	background: var(--proposal-surface-alt);
}

body.sbm-proposal-export-route .pagedjs_pages,
body.sbm-proposal-share-route .pagedjs_pages {
	margin: 0 auto;
}

body.sbm-proposal-export-route .pagedjs_page,
body.sbm-proposal-share-route .pagedjs_page {
	margin: 0 auto !important;
	box-shadow: none !important;
	background: #fff !important;
}

body.sbm-proposal-export-route .pagedjs_page_content,
body.sbm-proposal-share-route .pagedjs_page_content {
	padding: 0 !important;
}

body.sbm-proposal-export-route .pagedjs_page .proposal-preview-page,
body.sbm-proposal-share-route .pagedjs_page .proposal-preview-page {
	width: 100% !important;
	height: 100% !important;
	min-height: 9.5in !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 0 !important;
	/*break-after: auto !important;*/
	/*page-break-after: auto !important;*/
	overflow: visible !important;
}

body.sbm-proposal-export-route .pagedjs_page .proposal-preview-cover-page,
body.sbm-proposal-share-route .pagedjs_page .proposal-preview-cover-page {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	min-height: 9.5in !important;
	break-after: always !important;
	page-break-after: always !important;
}

.paged-export-shell {
	padding: 1.5rem;
}

.paged-export-toolbar {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.paged-export-status {
	margin-bottom: 1rem;
	font-size: 0.875rem;
	color: #475569;
}

.paged-export-source {
	position: absolute;
	left: -200vw;
	top: 0;
	width: 8.5in;
	visibility: hidden;
	pointer-events: none;
}

.paged-export-render .pagedjs_pages {
	margin: 0 auto;
}

.paged-export-render .pagedjs_page {
	margin: 0 auto 1rem !important;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12) !important;
	background: #fff !important;
}

body.sbm-proposal-export-route .paged-export-render .pagedjs_page,
body.sbm-proposal-share-route .paged-export-render .pagedjs_page,
body.sbm-proposal-paged-route .paged-export-render .pagedjs_page,
body.sbm-proposal-paged-pdf-route .paged-export-render .pagedjs_page {
	margin: 0 auto 1rem !important;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12) !important;
	background: #fff !important;
}

.paged-export-render .pagedjs_page_content {
	padding: 0 !important;
	width: 100% !important;
	height: 100% !important;
	box-sizing: border-box !important;
}

.paged-export-render .proposal-paper {
	width: 100% !important;
	min-height: auto !important;
	margin: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.paged-export-render .proposal-preview-page {
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 0 !important;
	background: #fff !important;
	overflow: visible !important;
}

.paged-export-render .proposal-preview-cover-page {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	min-height: 100% !important;
}

.paged-export-render .proposal-page-number {
	display: none !important;
}

.proposal-paper--export .proposal-preview-cover-page .proposal-page-number {
	display: none !important;
}

/* Hard page breaks for logical proposal pages (used by Paged.js chunking). */
.proposal-paper.proposal-paper--export .proposal-preview-page {
	break-after: page;
	page-break-after: always;
	break-inside: avoid-page;
	page-break-inside: avoid;
}

.proposal-paper.proposal-paper--export .proposal-preview-page:last-child {
	break-after: auto;
	page-break-after: auto;
}

.proposal-pricing-header,
.proposal-preview-timeline-item {
    break-inside: avoid;
}

.proposal-process-table tr,
.proposal-process-timeline {
	break-inside: avoid;
}

.proposal-paper.proposal-paper--export .proposal-preview-page-background {
	left: -0.75in;
	right: -0.75in;
	top: -0.5in;
	bottom: -0.5in;
}

.pagedjs_margin-bottom-right-corner-holder .pagedjs_margin-content {
    position: relative;
}

.pagedjs_margin-bottom-right-corner-holder .pagedjs_margin-content::before {
    content: counter(page);
    position: absolute;
    top: -0.25in;
    z-index: 11;
	visibility: visible;
}

.proposal-paper--export .proposal-paper-section-toc {
	margin-bottom: 0;
}

.proposal-paper--export .proposal-toc-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.proposal-paper--export .proposal-toc-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	column-gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.proposal-paper--export .proposal-toc-item--section {
	padding-left: 0.9rem;
}

.proposal-paper--export .proposal-toc-item a {
	color: inherit;
	text-decoration: none;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	column-gap: 0.5rem;
}

.proposal-paper--export .proposal-toc-item-page {
	font-variant-numeric: tabular-nums;
}
