body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #333; background: #eee; }
.page { background: #fff; width: 210mm; min-height: 297mm; margin: 20px auto; padding: 20mm; position: relative; box-sizing: border-box; page-break-after: always; }
@media print { body { background: #fff; } .page { margin: 0; width: 100%; height: auto; } }
h2 { border-bottom: 2px solid #333; padding-bottom: 10px; margin-top: 0; }
.meta-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.meta-table th { text-align: left; width: 140px; color: #666; padding: 6px 0; border-bottom: 1px solid #eee; }
.meta-table td { padding: 6px 0; border-bottom: 1px solid #eee; font-weight: bold; }
.receipt-img { max-width: 100%; max-height: 110mm; display: block; margin: 20px auto; border: 1px solid #ddd; }
.stamp { position: absolute; top: 20mm; right: 20mm; border: 3px solid #333; padding: 10px 20px; text-transform: uppercase; font-size: 24px; font-weight: 900; transform: rotate(-10deg); opacity: 0.8; text-align: center; border-radius: 6px; }
.stamp-bezahlt { border-color: #008a00; color: #008a00; }
.stamp-freigegeben { border-color: #e6a800; color: #e6a800; }
.stamp-date { display: block; font-size: 12px; font-weight: normal; margin-top: 5px; border-top: 1px solid currentColor; }