@php
    $b = $branding ?? [];
    $primary = $b['colors']['primary'] ?? '#1E3A8A';
    $secondary = $b['colors']['secondary'] ?? '#475569';
    $top = $b['page_top_margin'] ?? '88pt';
    $bottom = $b['page_bottom_margin'] ?? '42pt';
    $wmOpacity = (float) ($b['watermark_opacity'] ?? 0.05);
    // Dompdf barely shows very faint overlays — floor logo/text so branding is visible in preview.
    $wmMode = (string) ($b['watermark_mode'] ?? 'none');
    $wmRenderOpacity = $wmMode === 'logo'
        ? max(0.12, min(0.28, $wmOpacity < 0.08 ? 0.16 : $wmOpacity))
        : max(0.06, min(0.12, $wmOpacity + 0.02));
    $wmScale = match ((string) ($b['watermark_scale'] ?? 'medium')) {
        'small' => '26%',
        'large' => '48%',
        default => '36%',
    };
@endphp
<style>
    @page { margin: {{ $top }} 24pt {{ $bottom }} 24pt; }
    body {
        font-family: DejaVu Sans, Arial, sans-serif;
        color: #0f172a;
        font-size: 9.5px;
        margin: 0;
    }
    .doc-brand-header {
        position: fixed;
        top: -{{ $top }};
        left: 0;
        right: 0;
        z-index: 2;
        max-height: {{ $top }};
        overflow: hidden;
    }
    .doc-brand-header img.banner {
        width: 100%;
        max-height: 85pt;
        height: auto;
        object-fit: contain;
        object-position: left center;
        display: block;
    }
    .doc-brand-header-system { width: 100%; border-collapse: collapse; padding-top: 4pt; }
    .doc-brand-header-system td { vertical-align: top; }
    .doc-brand-logo {
        max-width: 72pt;
        max-height: 48pt;
        width: auto;
        height: auto;
        object-fit: contain;
    }
    .doc-brand-logo-compact {
        max-width: 36pt;
        max-height: 28pt;
        object-fit: contain;
    }
    .doc-brand-name {
        font-size: 12px;
        font-weight: 700;
        color: {{ $primary }};
        line-height: 1.25;
        margin: 0 0 2px;
    }
    .doc-brand-meta { font-size: 7.5px; color: {{ $secondary }}; line-height: 1.35; }
    .doc-brand-accent {
        border: 0;
        border-top: 2px solid {{ $primary }};
        margin: 4pt 0 0;
    }
    .doc-brand-slogan { font-size: 8px; color: {{ $primary }}; font-style: italic; margin-top: 2px; }
    .doc-brand-footer-art {
        position: fixed;
        left: 0;
        right: 0;
        bottom: -{{ $bottom }};
        z-index: 2;
        height: {{ $bottom }};
        max-height: {{ $bottom }};
        overflow: hidden;
        text-align: center;
        /* Leave a clear strip at top for Dompdf canvas stamp (serial / page) */
        padding-top: 14pt;
        box-sizing: border-box;
    }
    .doc-brand-footer-art img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 34pt;
        margin: 0 auto;
        object-fit: contain;
    }
    .doc-watermark {
        position: fixed;
        top: 35%;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 0;
        opacity: {{ number_format($wmRenderOpacity, 3, '.', '') }};
    }
    .doc-watermark img {
        width: {{ $wmScale }};
        height: auto;
        max-width: 280pt;
    }
    .doc-watermark-text {
        display: inline-block;
        font-size: 42px;
        font-weight: 700;
        color: {{ $primary }};
        letter-spacing: 4px;
        white-space: nowrap;
        /* Dompdf rotate support is limited; keep readable diagonal via CSS when available */
        transform: rotate(-28deg);
    }
    .doc-content { position: relative; z-index: 1; }

    /* Dompdf multipage: keep table headers repeating across page breaks */
    .data-table thead { display: table-header-group; }
    .data-table thead tr { page-break-inside: avoid; page-break-after: avoid; }
    .data-table tbody { display: table-row-group; }
    .info-grid thead { display: table-header-group; }

    .section-bar {
        background: {{ $primary }};
        color: #fff;
        font-size: 8px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.35px;
        padding: 3px 6px;
        margin: 4px 0 2px;
        page-break-after: avoid;
    }
    .identity {
        width: 100%;
        border-collapse: collapse;
        margin: 0 0 2px;
        border: 1px solid #cbd5e1;
        page-break-inside: avoid;
    }
    .identity td { vertical-align: top; padding: 3px 6px; }
    .identity-main { width: 64%; border-right: 1px solid #e2e8f0; }
    .identity-side { width: 36%; text-align: center; vertical-align: middle; }
    .identity-photos {
        width: 100%;
        border-collapse: collapse;
        margin: 0 auto;
    }
    .identity-photos td.identity-photo-cell {
        vertical-align: top;
        text-align: center;
        padding: 0 3px;
        border: none;
    }
    .identity-photos--solo .identity-photo-cell { width: 100%; }
    .identity-photos--pair .identity-photo-cell { width: 50%; }
    .identity-photos--trio .identity-photo-cell { width: 33.33%; }
    .applicant-photo-box { text-align: center; }
    .applicant-photo-label {
        font-size: 6px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        color: #64748b;
        margin: 0 0 3px;
    }
    .applicant-photo {
        width: 54px;
        height: 68px;
        border: 1px solid #94a3b8;
        background: #fff;
        display: block;
        margin: 0 auto;
        object-fit: cover;
    }
    .identity-photos--solo .applicant-photo {
        width: 64px;
        height: 80px;
    }
    .identity-photos--pair .applicant-photo {
        width: 56px;
        height: 72px;
    }
    .applicant-photo-fallback {
        width: 54px;
        height: 68px;
        border: 1px solid #94a3b8;
        background: #f8fafc;
        color: #64748b;
        font-size: 6px;
        font-weight: 700;
        letter-spacing: 0.3px;
        text-align: center;
        padding-top: 26px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .identity-photos--solo .applicant-photo-fallback {
        width: 64px;
        height: 80px;
        font-size: 6.5px;
        padding-top: 32px;
    }
    .identity-photos--pair .applicant-photo-fallback {
        width: 56px;
        height: 72px;
        padding-top: 28px;
    }
    .doc-title {
        font-size: 13px;
        font-weight: 700;
        color: {{ $primary }};
        letter-spacing: 0.2px;
        line-height: 1.15;
        margin: 0 0 1px;
    }
    .doc-subtitle { font-size: 7px; color: #64748b; margin: 0 0 2px; }
    .identity-meta { width: 100%; border-collapse: collapse; }
    .identity-meta td {
        padding: 2px 10px 2px 0;
        font-size: 8px;
        color: #334155;
        vertical-align: top;
        border: none;
    }
    .identity-meta .k { color: #64748b; text-transform: uppercase; font-size: 7px; font-weight: 700; letter-spacing: 0.3px; }
    .identity-meta .v { font-weight: 700; color: #0f172a; font-size: 9px; }
    .status-pill {
        display: inline-block;
        font-size: 8.5px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        padding: 3px 8px;
        border: 1px solid #cbd5e1;
        margin-bottom: 4px;
    }
    .status-approved { color: #166534; border-color: #86efac; background: #f0fdf4; }
    .status-declined { color: #991b1b; border-color: #fca5a5; background: #fef2f2; }
    .status-pending { color: #92400e; border-color: #fcd34d; background: #fffbeb; }
    .status-neutral { color: {{ $primary }}; border-color: #93c5fd; background: #eff6ff; }
    .verify-note { font-size: 7px; color: #64748b; margin-top: 4px; line-height: 1.3; }

    .grid, .info-grid { width: 100%; border-collapse: collapse; margin-bottom: 2px; }
    .grid td, .info-grid td {
        border: 1px solid #cbd5e1;
        padding: 2px 4px;
        vertical-align: top;
        width: 25%;
        background: #fff;
    }
    .info-grid td.span-2 { width: 50%; }
    .info-grid td.span-3 { width: 75%; }
    .info-grid td.span-4 { width: 100%; }
    /* Compact professional form: label + value on one line (saves vertical pages) */
    .label {
        display: inline;
        font-size: 6.5px;
        font-weight: 700;
        color: #64748b;
        letter-spacing: 0.25px;
        text-transform: uppercase;
        margin: 0 3px 0 0;
        line-height: 1.2;
        white-space: nowrap;
    }
    .value { display: inline; font-size: 9px; font-weight: 700; color: #0f172a; line-height: 1.25; }
    .value-muted { font-weight: 600; color: #334155; font-size: 8.5px; }
    .kv-stack .label, .kv-stack .value { display: block; }
    .kv-inline .label { display: inline; margin: 0 4px 0 0; }
    .kv-inline .value { display: inline; }
    .serial-no {
        font-size: 10px;
        font-weight: 700;
        color: #0f172a;
        letter-spacing: 0.2px;
        font-family: DejaVu Sans Mono, monospace;
    }
    .laf-part {
        background: {{ $primary }};
        color: #fff;
        font-size: 7.5px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.45px;
        padding: 3px 6px;
        margin: 5px 0 2px;
        page-break-after: avoid;
    }
    .part-break { page-break-before: auto; }
    .sig-block {
        border: 1px solid #94a3b8;
        min-height: 28px;
        padding: 2px 5px;
        background: #fff;
        page-break-inside: avoid;
    }
    .sig-block img { max-height: 28px; max-width: 140px; }
    .num { text-align: right; font-variant-numeric: tabular-nums; }
    .data-table { width: 100%; border-collapse: collapse; margin-bottom: 4px; }
    .data-table th {
        background: #e8eef5;
        color: #1e3a5f;
        font-size: 7.5px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        text-align: left;
        padding: 3px 5px;
        border: 1px solid #b6c3d4;
    }
    .data-table td {
        border: 1px solid #d0d7e2;
        padding: 3px 5px;
        font-size: 9px;
        color: #0f172a;
        vertical-align: top;
        line-height: 1.25;
    }
    .data-table tbody tr:nth-child(even) td { background: #f8fafc; }
    .data-table .num { text-align: right; }
    .data-table.compact td, .data-table.compact th { padding: 3px 6px; font-size: 8.5px; }
    .muted { color: #64748b; font-size: 8px; font-weight: 500; }
    /* Do NOT avoid-break large blocks — Dompdf then leaves half-empty pages */
    .cert-block { page-break-inside: auto; }
    .decision-summary, .decision-banner { page-break-inside: avoid; }
    .declaration-box { border: 1px solid #cbd5e1; background: #f8fafc; padding: 5px 7px; margin-bottom: 3px; }
    .declaration-kicker { font-size: 7px; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 0.35px; margin: 0 0 3px; }
    .declaration-text { font-size: 9px; font-style: italic; color: #1e293b; line-height: 1.4; margin: 0; }
    .signature-box { border: 1px solid #94a3b8; min-height: 40px; text-align: center; padding: 4px; background: #fff; }
    .signature-box img { max-height: 36px; max-width: 140px; }
    .info-grid.cert-meta td { width: 17%; }
    .info-grid.cert-meta td.cert-signature { width: 32%; vertical-align: middle; }
    .remarks { border: 1px solid #cbd5e1; min-height: 0; padding: 4px 6px; white-space: pre-wrap; font-size: 9px; line-height: 1.3; color: #1e293b; }
    .remarks.wide { min-height: 0; }
    .five-c-table { margin-top: 4px; }
    .five-c-table tr { page-break-inside: avoid; }
    .five-c-factor { font-weight: 700; font-size: 9px; }
    .decision-summary { width: 100%; border-collapse: collapse; margin-bottom: 4px; }
    .decision-summary td { border: 1px solid #cbd5e1; padding: 3px 5px; vertical-align: top; }
    .decision-banner { border: 1px solid #cbd5e1; padding: 4px 6px; margin-bottom: 3px; }
    .na-banner { border: 1px solid #e2e8f0; background: #f8fafc; padding: 4px 7px; margin-bottom: 3px; font-size: 8px; color: #64748b; }
    /* LAYOUT-03A: outer .meta-block must NOT use page-break-inside:avoid — that orphaned
       Document Verification onto a nearly empty final page. Keep only the QR+metadata table. */
    .meta-block { margin-top: 4px; page-break-before: avoid; }
    .meta-layout { width: 100%; border-collapse: collapse; page-break-inside: avoid; }
    .meta-layout > tbody > tr > td { border: 1px solid #cbd5e1; padding: 4px 6px; vertical-align: top; }
    .meta-layout .meta-main { width: 78%; }
    .meta-layout .meta-qr { width: 22%; text-align: center; }
    .qr { width: 72px; height: 72px; display: block; margin: 2px auto 0; border: 2px solid #fff; background: #fff; }
    .hash { font-family: DejaVu Sans Mono, monospace; font-size: 6.5px; line-height: 1.3; word-break: break-all; color: #0f172a; margin-top: 1px; }
    .confidential { border: 1px solid #cbd5e1; padding: 4px 6px; margin-top: 4px; page-break-before: avoid; }
    .confidential .kicker { font-size: 7px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; color: #64748b; margin: 0 0 1px; }
    .confidential .body { font-size: 7.5px; color: #334155; line-height: 1.3; margin: 0; }

    .hr-stamp { text-align: center; page-break-inside: avoid; }
    .hr-stamp__art { position: relative; display: inline-block; max-width: 140px; }
    .hr-stamp__art img { max-width: 140px; max-height: 90px; display: block; }
    .hr-stamp__date-overlay {
        position: absolute;
        left: 6px;
        right: 6px;
        bottom: 8px;
        font-size: 9px;
        font-weight: 700;
        color: #1e3a8a;
        text-align: center;
        line-height: 1.1;
    }
    .hr-stamp__box {
        display: inline-block;
        border: 1.6pt solid #1e3a8a;
        color: #1e3a8a;
        padding: 6px 8px 5px;
        min-width: 118px;
        max-width: 150px;
        text-align: center;
        line-height: 1.2;
    }
    .hr-stamp__name { font-size: 7.5px; font-weight: 700; letter-spacing: 0.2px; text-transform: uppercase; }
    .hr-stamp__addr { font-size: 6.5px; margin-top: 2px; }
    .hr-stamp__date { font-size: 10px; font-weight: 700; margin-top: 4px; letter-spacing: 0.2px; }
    .data-row { page-break-inside: avoid; }
    .guarantor-card, .officer-cert-block, .collateral-item-card {
        page-break-inside: auto;
        margin-bottom: 3px;
        border: 1px solid #cbd5e1;
        padding: 3px 5px;
        background: #fff;
    }
    .guarantor-card .card-title, .collateral-item-card .card-title, .officer-cert-block .card-title { font-size: 9px; font-weight: 700; color: #1e3a8a; margin: 0 0 2px; }

    .chk {
        display: inline-block;
        width: 9px;
        height: 9px;
        border: 1px solid #334155;
        text-align: center;
        line-height: 8px;
        font-size: 8px;
        font-weight: 700;
        vertical-align: middle;
        margin-right: 2px;
        background: #fff;
        color: #0f172a;
    }
    .chk-on { background: #0f172a; color: #fff; border-color: #0f172a; }
    .chk-label { font-size: 8.5px; font-weight: 600; color: #1e293b; margin-right: 8px; vertical-align: middle; }
    .sig-caption { font-size: 7px; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 0.3px; margin: 0 0 2px; }
    .legal-body { font-size: 8.5px; font-style: normal; color: #1e293b; line-height: 1.4; margin: 0; }
    .legal-body strong { font-weight: 700; }
    .doc-seal {
        border: 1px solid #94a3b8;
        background: #f8fafc;
        padding: 4px 6px;
        margin-top: 4px;
        font-size: 7.5px;
        color: #334155;
        line-height: 1.3;
        page-break-inside: avoid;
    }
    .signature-present { text-align: left; padding: 1px 0; page-break-inside: avoid; }
    .signature-present img { max-height: 32px; max-width: 140px; display: block; }
</style>