{{-- Shared Dompdf-safe base; no flex/grid. Debug borders when APP_DEBUG.
     Original @page margins preserved (no wider content). Only vertical min-height
     stretches short receipts to fill A4 height inside top/bottom margins. --}}
<style>
@page {
    margin: 25px 30px;
}
body {
    font-family: DejaVu Sans, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #111827;
    line-height: 1.45;
    /* Full A4 height only: page 297mm minus @page top+bottom margins (25px + 25px) */
    min-height: calc(297mm - 25px - 25px);
}
.container {
    width: 100%;
}
.pdf-root {
    min-height: calc(297mm - 25px - 25px);
}
table.layout {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
td, th {
    padding: 6px;
    vertical-align: top;
}
.section {
    margin-bottom: 12px;
    page-break-inside: avoid;
}
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.font-bold { font-weight: bold; }
.amount-lg {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 14px 8px;
}
.label-muted {
    font-size: 10px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.border-b { border-bottom: 1px solid #e5e7eb; }
@if(config('app.debug'))
.pdf-root, .pdf-root table, .pdf-root td, .pdf-root th {
    border: 0.1px solid #eee !important;
}
@endif
</style>
