:root{--couleur-primaire: #003366;--couleur-accent: #C8A951;--couleur-fond: #F5F0E8;--couleur-fond-carte: #FAF7F2;--couleur-fond-blanc: #FFFFFF;--couleur-texte: #1a1a1a;--couleur-texte-clair: #6b6b6b;--couleur-bordure: #e8e0d4;--couleur-fond-gris: #EDE8DF;--largeur-max: 428px;--rayon-carte: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--couleur-texte);background-color:var(--couleur-fond);min-height:100vh;display:flex;justify-content:center}#root{width:100%;max-width:var(--largeur-max);min-width:320px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--couleur-fond)}.app-header{background-color:var(--couleur-fond-carte);color:var(--couleur-texte);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--couleur-bordure)}.app-header-logo{width:48px;height:48px;border-radius:12px;object-fit:cover;flex-shrink:0}.app-header-titres{flex:1}.app-header-titres h1{font-size:1.2rem;font-weight:700;color:var(--couleur-primaire);line-height:1.2}.app-header-titres .sous-titre{font-size:.78rem;color:var(--couleur-accent);font-weight:500}.app-main{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.carte{background-color:var(--couleur-fond-carte);border:1px solid var(--couleur-bordure);border-radius:var(--rayon-carte);padding:1rem}.btn-primaire{background-color:var(--couleur-primaire);color:var(--couleur-fond-blanc);border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%;text-align:center;transition:background-color .2s,transform .1s}.btn-primaire:hover{background-color:#004080}.btn-primaire:active{background-color:#024;transform:scale(.98)}.btn-accent{background-color:var(--couleur-accent);color:var(--couleur-primaire);border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%;text-align:center}.btn-secondaire{background-color:transparent;color:var(--couleur-primaire);border:2px solid var(--couleur-primaire);border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%;text-align:center;transition:background-color .2s}.btn-secondaire:hover{background-color:#0033660d}.app-footer{background-color:var(--couleur-fond-carte);padding:.75rem 1rem;text-align:center;font-size:.75rem;color:var(--couleur-texte-clair);border-top:1px solid var(--couleur-bordure)}.ecran-signalement{display:flex;flex-direction:column;gap:.75rem}.titre-section{font-size:1rem;font-weight:600;margin-bottom:.5rem;display:block;color:var(--couleur-primaire)}.facultatif{font-weight:400;color:var(--couleur-texte-clair);font-size:.85rem}.section-photo{display:flex;flex-direction:column;gap:.5rem}.apercu-photo-conteneur{position:relative;border-radius:12px;overflow:hidden}.apercu-photo{width:100%;max-height:250px;object-fit:cover;display:block;border-radius:12px}.btn-supprimer-photo{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.champ-texte{width:100%;padding:.75rem;border:1px solid var(--couleur-bordure);border-radius:12px;font-family:inherit;font-size:.95rem;resize:vertical;color:var(--couleur-texte);background:var(--couleur-fond-blanc)}.champ-texte:focus,.champ-saisie:focus{outline:2px solid var(--couleur-primaire);outline-offset:1px;border-color:var(--couleur-primaire)}.champ-saisie{width:100%;padding:.75rem;border:1px solid var(--couleur-bordure);border-radius:12px;font-family:inherit;font-size:.95rem;color:var(--couleur-texte);background:var(--couleur-fond-blanc)}.message-info{font-size:.85rem;color:var(--couleur-texte-clair);margin-bottom:.5rem}main.app-main>.message-info{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#eff6ff;color:#1e40af;padding:.6rem .8rem;border-radius:10px;border:1px solid #BFDBFE;margin:0 0 .75rem}.btn-fermer-message{background:transparent;border:none;cursor:pointer;color:inherit;font-size:.9rem;padding:.1rem .3rem;border-radius:4px;flex-shrink:0}.btn-fermer-message:hover{background:#0000000f}.message-avertissement{font-size:.85rem;color:#92600a;background:#fdf6e3;padding:.5rem .75rem;border-radius:10px;margin-bottom:.5rem;border:1px solid #e8d5a3}.message-erreur{font-size:.9rem;color:#dc2626;background:#fef2f2;padding:.5rem .75rem;border-radius:10px;border:1px solid #fecaca}.mention-rgpd{font-size:.78rem;color:var(--couleur-texte-clair);line-height:1.4;padding:.75rem;background:var(--couleur-fond-gris);border-radius:12px;border-left:3px solid var(--couleur-accent)}.btn-soumettre{margin-top:.25rem}.btn-soumettre:disabled{opacity:.6;cursor:not-allowed}.ecran-confirmation{text-align:center;padding:1.5rem}.ecran-confirmation p{margin-top:.5rem}.numero-suivi{font-size:1.3rem;font-weight:700;color:var(--couleur-primaire);background:var(--couleur-fond-gris);padding:.75rem;border-radius:12px;margin:.75rem 0;letter-spacing:.05em}.btn-reessayer{margin-top:.5rem}@media(max-width:360px){html{font-size:14px}.app-header-titres h1{font-size:1.05rem}.app-main{padding:.75rem}}