@page {
	margin: 15px;
}

body {
	color: #172b4d;
	font-family: "DejaVu Sans", sans-serif;
	font-size: 11px;
}

.ticket { border: 1px solid #d9e2ef; border-radius: 12px; overflow: hidden; }
.header { background: #102a43; color: #fff; padding: 20px 24px 17px; }
.title { font-size: 24px; font-weight: bold; margin: 0 0 7px; }
.subtitle { font-size: 10px; margin: 0; }
.body { padding: 20px 24px; }
.details { border-collapse: collapse; width: 100%; }
.detail-cell { border-bottom: 1px solid #dce7f2; padding: 8px 0; }
.label { color: #627d98; font-size: 8px; font-weight: bold; }
.value { color: #102a43; font-size: 13px; font-weight: bold; padding-top: 2px; }
.qr-wrap { background: #f4f8fc; border: 1px solid #dce7f2; border-radius: 8px; padding: 10px; text-align: center; }
.qr-wrap img { display: block; height: 132px; margin: 0 auto 5px; width: 132px; }
.qr-label { color: #35516f; font-size: 9px; margin: 0; white-space: nowrap; }
.footer { background: #f4f8fc; color: #35516f; font-size: 9px; padding: 12px 24px; }
