:root{color-scheme:light;--bleu:#1d4ed8;--vert:#15803d;--rouge:#b91c1c;--fond:#f4f5f7;--bordure:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--fond);color:#111827;font-size:18px}.conteneur{max-width:480px;margin:0 auto;padding:16px 16px 96px}.entete{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.entete h1{font-size:1.2rem;margin:0}.badge-voyage{background:#111827;color:#fff;padding:4px 10px;border-radius:999px;font-size:.85rem}.bouton{display:block;width:100%;padding:18px;border-radius:12px;border:none;font-size:1.1rem;font-weight:700;text-align:center;cursor:pointer;margin-bottom:12px}.bouton-primaire{background:var(--bleu);color:#fff}.bouton-secondaire{background:#fff;color:#111827;border:2px solid var(--bordure)}.bouton-succes{background:var(--vert);color:#fff}.champ{margin-bottom:14px}.champ label{display:block;font-weight:600;margin-bottom:6px}.champ input,.champ select{width:100%;padding:14px;font-size:1.1rem;border:2px solid var(--bordure);border-radius:10px}.groupe-boutons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.groupe-boutons button{padding:14px 8px;border-radius:10px;border:2px solid var(--bordure);background:#fff;font-weight:600;font-size:.95rem}.groupe-boutons button.actif{border-color:var(--bleu);background:#eff6ff;color:var(--bleu)}.carte-montant{background:#111827;color:#fff;border-radius:12px;padding:16px;text-align:center;margin:16px 0}.carte-montant .montant{font-size:2rem;font-weight:800}.grille-colis{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.vignette-colis{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#d1d5db}.vignette-colis img{width:100%;height:100%;object-fit:cover}.vignette-colis .code{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.65);color:#fff;padding:4px 8px;font-weight:700;font-size:.9rem}.recherche{width:100%;padding:14px;font-size:1.1rem;border:2px solid var(--bordure);border-radius:10px;margin-bottom:16px}.zone-photo{border:2px dashed var(--bordure);border-radius:12px;padding:16px;text-align:center;margin-bottom:12px}.zone-photo.pris{border-color:var(--vert);background:#f0fdf4}.bandeau-sync{background:#fef9c3;color:#854d0e;padding:8px 14px;border-radius:10px;margin-bottom:14px;font-weight:600;font-size:.9rem;text-align:center}.bandeau-sync.hors-ligne{background:#1f2937;color:#fff}.alerte{background:#fef2f2;color:var(--rouge);padding:10px 14px;border-radius:10px;margin-bottom:14px;font-weight:600}