:root {
	--ld-preview-green: #075f3c;
	--ld-preview-dark: #17241e;
	--ld-preview-muted: #526159;
	--ld-preview-line: #cbd6d0;
	--ld-preview-soft: #f3f7f4;
	--ld-preview-sample: #9b2f2f;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--ld-preview-dark);
	background: #edf2ef;
}

* { box-sizing: border-box; }

body { margin: 0; background: #edf2ef; color: var(--ld-preview-dark); }

.ld-b2b-preview-skip {
	position: fixed;
	inset-block-start: 8px;
	inset-inline-start: -10000px;
	z-index: 10;
	padding: 10px 14px;
	background: #fff;
	color: var(--ld-preview-green);
}

.ld-b2b-preview-skip:focus { inset-inline-start: 8px; }

.ld-b2b-preview-shell { width: min(960px, calc(100% - 32px)); margin: 0 auto; padding: 24px 0 48px; }

.ld-b2b-preview-nav { margin: 0 0 14px; }

.ld-b2b-preview-nav a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	color: var(--ld-preview-green);
	font-weight: 700;
	text-underline-offset: 3px;
}

.ld-b2b-preview-paper {
	position: relative;
	overflow: hidden;
	padding: 34px 38px;
	border: 1px solid #bcc9c2;
	background: #fff;
	box-shadow: 0 14px 40px rgba(23, 52, 39, .12);
}

.ld-b2b-preview-watermark {
	position: absolute;
	inset: 47% auto auto 50%;
	width: 120%;
	transform: translate(-50%, -50%) rotate(-28deg);
	color: rgba(155, 47, 47, .055);
	font-size: clamp(52px, 10vw, 112px);
	font-weight: 900;
	letter-spacing: .08em;
	text-align: center;
	pointer-events: none;
}

.ld-b2b-preview-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 20px;
	border-bottom: 3px solid var(--ld-preview-green);
}

.ld-b2b-preview-brand { display: flex; align-items: center; gap: 12px; color: var(--ld-preview-green); }
.ld-b2b-preview-brand img { width: 62px; height: 62px; object-fit: contain; }
.ld-b2b-preview-brand div { display: grid; line-height: 1; }
.ld-b2b-preview-brand strong { font-size: 24px; letter-spacing: .045em; }
.ld-b2b-preview-brand span { margin-top: 6px; font-size: 13px; font-weight: 800; letter-spacing: .22em; }

.ld-b2b-preview-status {
	margin: 0;
	padding: 9px 12px;
	border: 2px solid var(--ld-preview-sample);
	color: var(--ld-preview-sample);
	font-size: 15px;
	font-weight: 900;
	letter-spacing: .05em;
	text-align: center;
}

.ld-b2b-preview-title { position: relative; padding: 24px 0 12px; }
.ld-b2b-preview-title p { margin: 0 0 7px; color: var(--ld-preview-muted); font-size: 13px; }
.ld-b2b-preview-title h1 { margin: 0; color: var(--ld-preview-green); font-size: clamp(26px, 4vw, 38px); line-height: 1.18; }

.ld-b2b-preview-notice {
	position: relative;
	margin: 14px 0 22px;
	padding: 15px 17px;
	border-inline-start: 5px solid var(--ld-preview-sample);
	background: #fff5f4;
}

.ld-b2b-preview-notice > strong { color: var(--ld-preview-sample); }
.ld-b2b-preview-notice p { margin: 7px 0 0; color: #4d3532; line-height: 1.5; }

.ld-b2b-preview-section { position: relative; margin-top: 22px; break-inside: avoid; }
.ld-b2b-preview-section h2 { margin: 0; padding: 10px 12px; background: var(--ld-preview-green); color: #fff; font-size: 17px; }

.ld-b2b-preview-fields { display: grid; grid-template-columns: minmax(180px, .72fr) minmax(0, 1.28fr); margin: 0; border-inline-start: 1px solid var(--ld-preview-line); border-top: 1px solid var(--ld-preview-line); }
.ld-b2b-preview-fields dt,
.ld-b2b-preview-fields dd { min-height: 44px; margin: 0; padding: 11px 12px; border-inline-end: 1px solid var(--ld-preview-line); border-bottom: 1px solid var(--ld-preview-line); }
.ld-b2b-preview-fields dt { background: var(--ld-preview-soft); font-size: 13px; font-weight: 750; }
.ld-b2b-preview-fields dd { color: var(--ld-preview-muted); font-size: 13px; font-style: italic; }

.ld-b2b-preview-footer { position: relative; margin-top: 26px; padding-top: 16px; border-top: 2px solid var(--ld-preview-green); color: var(--ld-preview-muted); font-size: 12px; line-height: 1.5; text-align: center; }
.ld-b2b-preview-footer strong { color: var(--ld-preview-sample); letter-spacing: .06em; }
.ld-b2b-preview-footer p { margin: 6px 0 0; }

@media (max-width: 640px) {
	.ld-b2b-preview-shell { width: min(100% - 18px, 960px); padding-top: 10px; }
	.ld-b2b-preview-paper { padding: 22px 16px; }
	.ld-b2b-preview-header { align-items: flex-start; flex-direction: column; }
	.ld-b2b-preview-status { align-self: stretch; }
	.ld-b2b-preview-fields { grid-template-columns: 1fr; }
	.ld-b2b-preview-fields dt { min-height: auto; border-bottom: 0; }
	.ld-b2b-preview-fields dd { min-height: 42px; }
}

@media print {
	@page { size: A4 portrait; margin: 11mm 12mm 13mm; }
	:root, body { background: #fff; }
	.ld-b2b-preview-shell { width: auto; margin: 0; padding: 0; }
	.ld-b2b-preview-nav, .ld-b2b-preview-skip { display: none !important; }
	.ld-b2b-preview-paper { overflow: visible; padding: 0; border: 0; box-shadow: none; }
	.ld-b2b-preview-section { break-inside: avoid; }
	.ld-b2b-preview-watermark { position: fixed; }
}