@props(['tenant' => null])
<meta charset="utf-8">
<style type="text/css">
    body { background-color: #fff;color: #000;font-size: 14pt;font-style: normal;font-family: "Pt sans", sans-serif }

    .text-right { text-align: right!important }
    .text-left { text-align: left!important }
    .underline { text-decoration: underline }
    .bold { font-weight: bold }
    .pb-22 { padding-bottom: 22px }
    .normal { font-weight: normal }
    .capitalize {text-transform: capitalize }
    .tenant { font-size:17pt!important }

    table { text-indent: 0;border-color: inherit;border-collapse: collapse;border: 1px solid rgb(201, 201, 201) }
    table thead { background-color: rgba(56, 0, 122, 1)!important;color: white }
    table body { background-color: rgb(243, 243, 243) }
    table tfoot { background-color: rgb(245, 245, 245) }
    table th {
        padding: .61rem;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        white-space: nowrap
    }
    tbody td {
        text-align: center;
        color: rgb(63, 63, 63);
        line-height: 1.3rem;
        border-bottom: 1px solid #d3d3d3;
        padding: .5rem .7rem;
        white-space: nowrap
    }
    tfoot td { font-weight: bold;padding: .5rem .8rem;white-space: nowrap }

    .bg-teal-600 { background-color: rgba(56, 0, 122, 1);color: white !important }
    .bg-gray-200 { background-color: rgba(229, 229, 229, 1) }
    .bg-gray-300 { background-color: rgba(212, 212, 212, 1) }
    .border-gray-300 { border-top-width: 2px;border: 1px solid rgba(212, 212, 212, 1) }

    .border {
        border-bottom: 1px solid rgb(199, 199, 199);
        border-left: 1px solid rgb(199, 199, 199);
        border-right: 1px solid rgb(199, 199, 199)
    }

    .border-l { border-left: 1px solid rgb(199, 199, 199) }
    .border-r { border-right: 1px solid rgb(199, 199, 199) }
    .border-l-r { border-left: 1px solid rgb(199, 199, 199);border-right: 1px solid rgb(199, 199, 199) }
    .border-t-teal { border-top: 1px solid rgba(56, 0, 122, 1) }

    .header, .header-end, .signature { border: none }

    .header td,
    .header-end td,
    .signature td { color: rgb(53, 53, 53);padding: .25rem 0;white-space: nowrap;border: none }

    .header td, .header-end td { text-align: left }

    .signature { font-size: 16pt }

    .header-end td { font-size: 14.25pt;line-height: 1.4rem }

    .qr_msg { font-size: 13px;padding-top: 7.5px;font-weight: normal }

    .manager { font-size: 17pt }
</style>
<!-- Nom du projet -->
<div style="height:20px">&nbsp;</div>
<table class="header" border="0" cellspacing="0" cellpadding="0" width="100%">
    <tbody>
        <tr>
            <td class="tenant bold">{{ $tenant->name }}</td>
        </tr>
    </tbody>
</table>
<!-- /Nom du projet -->

{{ $slot }}