sfp_api_laravel_serprati/resources/views/pdf/partials/guide_styles.blade.php

<style>
    @page { margin: 24px 28px; }
    body { font-family: DejaVu Sans, sans-serif; color: #333; font-size: 12px; margin: 0; }

    .header { background-color: #4d1658; color: #ffffff; padding: 16px 20px; }
    .header__table { width: 100%; border-collapse: collapse; }
    .header__brand { vertical-align: top; }
    .header__meta { vertical-align: top; width: 160px; text-align: right; }
    .header .brand { font-size: 20px; font-weight: bold; letter-spacing: 1px; }
    .header .title { font-size: 13px; margin-top: 4px; }
    .header .order { font-size: 12px; font-weight: bold; }
    .header .kind {
        display: block; margin-top: 8px; padding: 3px 0; font-size: 10px; font-weight: bold;
        text-transform: uppercase; letter-spacing: 1px; text-align: center;
        background-color: #ffffff; color: #4d1658; border-radius: 3px;
    }

    .section { border: 1px solid #d9d0dd; border-top: none; padding: 14px 20px; }
    .section-title {
        background-color: #f3e5f5; color: #4d1658; font-size: 11px; font-weight: bold;
        text-transform: uppercase; letter-spacing: 0.5px; padding: 6px 20px;
        border: 1px solid #d9d0dd; border-top: none;
    }

    table.fields { width: 100%; border-collapse: collapse; }
    table.fields td { padding: 5px 0; vertical-align: top; width: 50%; }
    .label { color: #8a7f8f; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; }
    .value { font-size: 13px; color: #222; }
    .value strong { color: #4d1658; }

    .badge-dependent {
        display: block; background-color: #f3e5f5; color: #4d1658;
        border: 1px solid #c9a3dc; border-radius: 3px; padding: 3px 8px; margin-top: 6px;
        font-size: 10px; font-weight: bold; text-transform: uppercase; width: 200px;
    }

    table.items { width: 100%; border-collapse: collapse; margin-top: 4px; }
    table.items th {
        background-color: #f3e5f5; color: #4d1658; font-size: 10px; text-transform: uppercase;
        letter-spacing: 0.5px; text-align: left; padding: 6px 10px; border: 1px solid #d9d0dd;
    }
    table.items td { padding: 7px 10px; border: 1px solid #e8e0eb; font-size: 12px; }
    table.items td.num { width: 34px; color: #8a7f8f; text-align: center; }
    table.items td.amount, table.items th.amount { text-align: right; width: 110px; }
    table.items tr.total td {
        border: none; padding-top: 10px; font-size: 13px; font-weight: bold; color: #4d1658;
    }

    .price-box {
        background-color: #f3e5f5; border: 1px solid #c9a3dc; border-radius: 4px;
        padding: 10px 14px; text-align: right;
    }
    .price-box .amount { font-size: 20px; font-weight: bold; color: #4d1658; }

    .footer { margin-top: 18px; color: #8a7f8f; font-size: 10px; text-align: center; line-height: 1.5; }
    .signature { margin-top: 42px; }
    .signature td { width: 45%; padding-top: 6px; border-top: 1px solid #999; text-align: center; font-size: 10px; color: #666; }
    .signature .spacer { width: 10%; border: none; }
</style>