<!DOCTYPE html><html><head><meta charset="UTF-8"><style>body{font-family:Arial,sans-serif;line-height:1.6;color:#333}.container{max-width:600px;margin:0 auto;padding:20px}.header{background:#0066cc;color:white;padding:20px;text-align:center}.content{background:#f9f9f9;padding:20px}.footer{text-align:center;padding:20px;color:#666;font-size:12px}.status{background:white;padding:20px;margin:15px 0;text-align:center;border-radius:5px}.status-badge{display:inline-block;padding:10px 20px;background:#28a745;color:white;border-radius:20px;font-weight:bold}.button{display:inline-block;padding:10px 20px;background:#0066cc;color:white;text-decoration:none;border-radius:5px}</style></head><body><div class="container"><div class="header"><h1>{{company.name}}</h1></div><div class="content"><h2>Bonjour {{customer.name}},</h2><p>Votre commande a été mise à jour.</p><div class="status"><p><strong>Commande:</strong> {{order.number}}</p><p><span class="status-badge">{{order.status}}</span></p></div><p style="text-align:center;"><a href="{{tracking.url}}" class="button">Voir les détails</a></p></div><div class="footer"><p>{{company.name}}<br>{{company.phone}} | {{company.email}}</p></div></div></body></html>