/*
 * Referral Print Preview — Screen + Print Styles
 * Screen styles are scoped to .submission-preview so they
 * don't affect anything else on the page.
 * Print styles apply globally for clean printed output.
 */
/* ---- Screen styles (preview before printing) ---- */
.submission-preview {
	display: none;

	max-width: 800px;
	margin: 0 auto;
	padding: 20px;

	font-size: 15px;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.submission-preview .header {
	margin-bottom: 10px;
	padding-bottom: 10px;

	border-bottom: 1px solid #000000;
}

.submission-preview .header-img {
	width: 100%;

	text-align: center;
}

.submission-preview .header img {
	width: 100px;
}

.submission-preview section.with-line {
	margin-top: 10px;
	padding-top: 10px;

	border-top: 2px dotted rgb(95, 95, 95);
}

.submission-preview div.pdf-body {
	padding: 15px 0;
}

.submission-preview table {
	width: 100%;
	margin: 0;
	padding: 0;

	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;

	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.submission-preview td {
	padding-bottom: 5px;

	font-size: 15px;
	vertical-align: top;
}

.submission-preview td + td {
	padding-left: 10px;
}

.submission-preview h1 {
	margin: 0;
	padding: 0 0 10px;

	font-size: 17px;
}

.submission-preview h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;

	color: #557ebf;
	font-size: 16px;
	text-transform: uppercase;
}

.submission-preview p {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;

	font-size: 15px;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.submission-preview strong {
	font-weight: bold;
	font-size: 15px;
}

.submission-preview .footer {
	margin-top: 30px;
	padding-top: 10px;

	border-top: 2px dotted rgb(95, 95, 95);
}

.submission-preview .footer h4 {
	margin: 0;
	padding-bottom: 5px;

	color: #363636;
	font-size: 11px;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.submission-preview .footer p {
	font-size: 9px;
}

.submission-preview .footer td.border-left {
	padding-left: 25px;

	border-left: 1px dotted lightgrey;
}

.submission-preview .footer td.border-top {
	margin-top: 10px;
	padding-top: 10px;

	text-align: center;
}
/* Print button styling */
.submission-preview button {
	padding: 10px 30px;

	color: #ffffff;
	font-size: 16px;

	border: none;
	border-radius: 4px;

	background: #557ebf;

	cursor: pointer;
}

.submission-preview button:hover {
	background: #3e6199;
}
/* No @media print needed — printing is handled via a clean new window in referral-print.js */