{{-- Feuille de style partagée par le devis et la facture, aux couleurs Mobdie.
     v1.8.0 §B — reprise de la refonte du socle jumeau (v3.13 → v3.14) :
     marges 1,0 cm, pied fixe 2 lignes ancré dans la marge basse, deux densités
     (« confort » aéré / « compact » resserré) choisies par App\Support\DensitePdf
     sur mesure du rendu réel, sections de lignes, cadre de cachet à taille de
     tampon physique.

     Chaque valeur d'espacement porte ses deux densités ; contenu et hiérarchie
     ne changent pas d'une densité à l'autre. Rendu direct de la vue sans
     densité (tests, aperçus) → confort, l'esprit du rendu historique. --}}
@php
    $density = $density ?? 'confort';
    $aere = $density === 'confort';
@endphp
<style>
    /* La marge basse est la zone réservée au pied fixe : le contenu ne
       l'atteint jamais, le pied s'y ancre (bottom négatif, recette dompdf). */
    @page { margin: 1.0cm 1.0cm 1.8cm 1.0cm; }
    * { font-family: DejaVu Sans, sans-serif; }
    body { font-size: 11px; color: #1f2937; margin: 0; padding: 0; }

    table { border-collapse: collapse; }

    /* (A) En-tête */
    table.head { width: 100%; }
    table.head td { vertical-align: top; }
    .seller .name { font-size: 15px; font-weight: bold; color: #0B0A0A; }
    .seller .contact { font-size: 9.5px; color: #6b7280; margin-top: 3px; line-height: 1.5; }
    .doc-word { font-size: 28px; font-weight: bold; color: #AD5DEC; letter-spacing: 1px; }
    /* Le numéro rejoint la ligne FACTURE / DEVIS (taille réduite : un
       « 105/2026 bis » tient sur la ligne). */
    .doc-num { font-size: 18px; letter-spacing: 0; white-space: nowrap; }
    .doc-meta { font-size: 11px; color: #1f2937; margin-top: 4px; line-height: {{ $aere ? '1.6' : '1.4' }}; }
    .doc-meta .lbl { color: #6b7280; }

    .gold-rule { border-bottom: 3px solid #F59711; font-size: 0; line-height: 0; height: 0; margin-top: {{ $aere ? '10px' : '4px' }}; }

    /* (B) Émetteur / Client */
    table.parties { width: 100%; margin-top: {{ $aere ? '16px' : '6px' }}; }
    table.parties td { vertical-align: top; width: 50%; padding-right: 18px; }
    .caption { font-size: 8.5px; text-transform: uppercase; letter-spacing: 0.6px; color: #AD5DEC; font-weight: bold; margin-bottom: 4px; }
    .who { font-size: 12px; font-weight: bold; color: #0B0A0A; }
    .who-lines { font-size: 10px; line-height: {{ $aere ? '1.5' : '1.4' }}; color: #374151; margin-top: 2px; }

    /* (C) Objet, dossier, période : le bloc références de Mobdie */
    .refobj { margin-top: {{ $aere ? '14px' : '8px' }}; background: #FDF6EC; border-left: 4px solid #F59711; padding: {{ $aere ? '8px 11px' : '4px 10px' }}; font-size: 11px; line-height: {{ $aere ? '1.6' : '1.4' }}; }
    .refobj .lbl { color: #AD5DEC; font-weight: bold; }

    /* (D) Tableau des prestations */
    table.lines { width: 100%; margin-top: {{ $aere ? '16px' : '10px' }}; }
    /* Multi-pages propre : l'en-tête du tableau se répète sur chaque page. */
    table.lines thead { display: table-header-group; }
    table.lines th { color: #AD5DEC; font-weight: bold; font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.4px; padding: {{ $aere ? '6px' : '4px' }} 6px; border-bottom: 2px solid #AD5DEC; text-align: center; }
    table.lines th.l { text-align: left; }
    table.lines td { padding: {{ $aere ? '7px' : '2px' }} 6px; font-size: 10px; border-bottom: 1px solid #e5e7eb; vertical-align: top; }
    table.lines tbody tr.alt td { background: #faf7fe; }
    /* (D bis) Sections de lignes : bandeau sobre pleine largeur + sous-total
       HT. « page-break-after: avoid » retient la première ligne de la
       section : jamais de bandeau orphelin en bas de page. */
    table.lines tr.section-band { page-break-after: avoid; page-break-inside: avoid; }
    table.lines tr.section-band td { background: #F5EEFB; border-left: 4px solid #F59711; border-bottom: 1px solid #d1d5db; color: #0B0A0A; font-weight: bold; font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.5px; padding: {{ $aere ? '6px' : '4px' }} 8px; text-align: left; }
    table.lines tr.section-subtotal td { background: #FDF6EC; border-bottom: 2px solid #AD5DEC; font-weight: bold; color: #0B0A0A; }
    td.desig { text-align: left; line-height: {{ $aere ? '1.45' : '1.35' }}; }
    .right { text-align: right; }
    .center { text-align: center; }

    /* Le tableau des prestations peut se couper ; ses lignes, non. */
    table.lines tr { page-break-inside: avoid; }

    /* (E) Totaux */
    table.totals { width: 55%; margin-top: {{ $aere ? '16px' : '8px' }}; margin-left: 45%; }
    table.totals td { padding: {{ $aere ? '6px' : '2px' }} 10px; font-size: 11px; }
    table.totals td.label { color: #374151; }
    table.totals td.val { text-align: right; font-weight: bold; color: #1f2937; }
    table.totals tr.line td { border-bottom: 1px solid #e5e7eb; }
    table.totals tr.ttc td { font-weight: bold; color: #AD5DEC; border-bottom: 2px solid #AD5DEC; }
    table.totals tr.net td { background: #FDF6EC; border-top: 3px solid #F59711; font-size: 13px; color: #0B0A0A; }
    table.totals tr.net td.label { font-weight: bold; color: #0B0A0A; }

    /* (F) Montant en toutes lettres.
       « page-break-after: avoid » retient ce qui suit : le bloc de règlement
       et les cases de signature descendent avec cette ligne plutôt que de se
       retrouver seuls sur une page. DomPDF traite cette propriété sur le frère
       précédent (FrameDecorator\Page) — mesuré, et non supposé :
       « page-break-before: avoid » sur le bloc suivant, lui, ne tient pas. */
    .arrete { margin-top: {{ $aere ? '16px' : '4px' }}; padding-top: {{ $aere ? '8px' : '3px' }}; border-top: 1px solid #e5e7eb; font-style: italic; font-size: 11px; color: #374151;
              page-break-after: avoid; }
    .arrete b { font-style: normal; color: #1f2937; }

    /* (G) Règlement */
    table.settle { width: 100%; margin-top: {{ $aere ? '16px' : '4px' }}; page-break-after: avoid; page-break-inside: avoid; }
    table.settle td { vertical-align: top; }
    .pay { font-size: 10px; line-height: {{ $aere ? '1.7' : '1.4' }}; }
    .pay .caption { margin-bottom: {{ $aere ? '5px' : '3px' }}; }

    /* (H) Cases de signature, jamais coupées, jamais seules.
       v1.8.0 §B — le cadre reçoit un tampon encreur PHYSIQUE (3,5–4 cm de
       haut) : hauteur intérieure utile ≥ 3,8 cm (144px) sous le libellé,
       IDENTIQUE dans les deux densités — un espace de tamponnage ne se
       comprime jamais. 165px = libellé (~15px) + padding + 144px. */
    table.signatures { width: 100%; margin-top: {{ $aere ? '14px' : '4px' }}; page-break-inside: avoid; }
    table.signatures td { width: 50%; vertical-align: top; }
    table.signatures td.left { padding-right: 9px; }
    table.signatures td.right { padding-left: 9px; }
    .sign { border: 1px solid #9ca3af; border-radius: 3px; height: 165px; padding: 4px 8px; text-align: center; }
    .sign .caption { color: #AD5DEC; }
    /* Centrage réel sous dompdf : parent text-align:center + image
       inline-block (margin:auto sur un bloc n'y est pas fiable). Image du
       cachet à ~90 % de la hauteur intérieure (130px), strictement contenue,
       ratio conservé (max-height + max-width combinés, jamais forcés). */
    .sign .stamp-img { display: inline-block; margin-top: 4px; max-height: 130px; max-width: 60%; vertical-align: top; }
    .accord-hint { font-size: 8.5px; color: #6b7280; margin-top: 2px; }

    /* (I) Pied de page fixe — 2 lignes, ancré DANS la marge basse de @page
       (recette dompdf : bottom négatif = sous le bord bas de la zone de
       contenu), donc au bas de CHAQUE page, à distance constante du bord de
       la feuille, sans jamais être chevauché par le contenu. */
    .footer { position: fixed; bottom: -1.5cm; left: 0; right: 0; padding-top: 5px; border-top: 2px solid #AD5DEC; font-size: 7.5px; color: #6b7280; text-align: center; line-height: 1.55; }
</style>