:root{--navy: #0d2b52;--navy-900: #081d3a;--teal: #12a4bb;--bleu-clair: #7fb3d5;--ink: #1c2733;--muted: #6b7a89;--border: #e3e9f0;--bg: #ffffff;--ring: rgba(18, 164, 187, .18)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}.fo{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 1.25rem env(safe-area-inset-bottom)}.fo-logo{text-align:center;padding:2.2rem 0 1.4rem}.fo-logo img{width:100%;height:auto;display:block}.fo-logo--compact{padding:1rem 0 .6rem}.fo-logo--compact img{width:100%}.fo-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.2rem}.fo-action{display:flex;align-items:center;gap:1.1rem;background:var(--navy);color:#fff;border:0;border-radius:14px;padding:1.05rem 1.3rem;font-size:1.02rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 14px #0d2b5238}.fo-action:active{transform:scale(.985)}.fo-action svg{width:40px;height:40px;flex-shrink:0}.fo-action span{flex:1;text-align:center}.fo-bulles{display:flex;justify-content:center;gap:1.1rem;margin:2.2rem 0 1.4rem}.fo-bulle{width:64px;height:64px;border-radius:50%;background:var(--bleu-clair);color:#fff;display:grid;place-items:center}.fo-bulle svg{width:32px;height:32px}.fo-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.4rem;box-shadow:0 12px 24px #0d2b5214}.fo-field{display:block;margin-bottom:1rem}.fo-field span{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.fo-field input{width:100%;padding:.75rem .9rem;font-size:1rem;border:1px solid var(--border);border-radius:10px;outline:none}.fo-field input:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--ring)}.fo-btn{width:100%;background:var(--navy);color:#fff;border:0;border-radius:12px;padding:.9rem;font-size:1rem;font-weight:700;cursor:pointer}.fo-btn--ghost{background:none;color:var(--muted);font-weight:500}.fo-btn:disabled{opacity:.6}.fo-erreur{background:#fdecec;color:#a12a2a;border:1px solid #f6cfcf;padding:.6rem .8rem;border-radius:10px;font-size:.9rem;margin-top:.8rem}.fo-info{background:#eef8fb;color:#0e6b7d;border:1px solid #cdeaf1;padding:.6rem .8rem;border-radius:10px;font-size:.9rem;margin-top:.8rem}.fo-topbar{display:flex;align-items:center;gap:.6rem;padding:.9rem 0 .4rem}.fo-retour{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#fff;font-size:1.2rem;line-height:1;cursor:pointer;color:var(--ink)}.fo-titre{font-size:1.15rem;font-weight:700;margin:0}.fo-scan-cadre{position:relative;border-radius:18px;overflow:hidden;border:2px dashed var(--bleu-clair);aspect-ratio:1;margin-top:1rem;display:grid;place-items:center;background:#f4f8fb;text-align:center;padding:1rem}.fo-scan-cadre p{color:var(--muted);margin:.6rem 0 0;font-size:.92rem}.fo-scan-cadre svg{width:72px;height:72px;color:var(--bleu-clair)}.fo-liste{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.fo-item{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;background:#fff;border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem;cursor:pointer;font-size:1rem}.fo-item:active{background:#f4f8fb}.fo-item__avatar{width:42px;height:42px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}.fo-item__nom{font-weight:600}.fo-item__sous{font-size:.82rem;color:var(--muted)}.fo-vide{color:var(--muted);text-align:center;padding:2rem 0}.fo-section{border:1px solid var(--border);border-radius:14px;margin-top:.8rem;background:#fff;overflow:hidden}.fo-section__head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem 1rem;background:none;border:0;font-size:1rem;font-weight:700;cursor:pointer;color:var(--ink)}.fo-section__body{padding:0 1rem 1rem}.fo-ligne{padding:.55rem 0;border-top:1px solid #f0f4f8;font-size:.95rem}.fo-ligne:first-child{border-top:0}.fo-ligne dt{font-size:.78rem;color:var(--muted);margin-bottom:.15rem}.fo-ligne dd{margin:0;white-space:pre-wrap}.fo-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.5rem}.fo-chip{background:#eef3f9;border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.fo-pied{text-align:center;color:var(--muted);font-size:.8rem;padding:1.4rem 0 1rem;margin-top:auto}.fo-grille{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.4rem}.fo-client-btn{background:var(--navy);color:#fff;border:0;border-radius:12px;padding:1.05rem .6rem;font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:center;box-shadow:0 5px 12px #0d2b5233;word-break:break-word}.fo-client-btn:active{transform:scale(.985)}.fo-client-titre{text-align:center;font-size:1.35rem;font-weight:600;letter-spacing:.06em;margin:.2rem 0 1rem;text-transform:uppercase}.fo-menu{display:flex;flex-direction:column;gap:.9rem}.fo-menu .fo-action span{text-align:center}.fo-illustration{text-align:center;margin:1.6rem 0 .6rem}.fo-illustration svg{width:150px;height:auto}.fo-qte{display:flex;align-items:center;gap:.6rem}.fo-qte button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;color:var(--navy)}.fo-qte span{min-width:26px;text-align:center;font-weight:700}.fo-textarea{width:100%;padding:.75rem .9rem;font-size:1rem;min-height:110px;border:1px solid var(--border);border-radius:10px;outline:none;resize:vertical;font-family:inherit}.fo-textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--ring)}.fo-sous-titre{text-align:center;font-size:1.5rem;font-weight:700;margin:.2rem 0 1.2rem}.fo-label-centre{text-align:center;font-weight:600;margin:0 0 .7rem}.fo-photos-carte{background:#fff;border-radius:18px;box-shadow:0 10px 24px #0d2b521a;padding:1.2rem;margin-top:1.1rem;text-align:center}.fo-photos-carte h3{margin:0 0 .9rem;font-size:1.15rem;color:var(--navy)}.fo-photos-grille{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.fo-photo-tuile{width:104px;height:104px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 6px 14px #0d2b521f;background:#fff}.fo-photo-tuile img{width:100%;height:100%;object-fit:cover}.fo-photo-tuile--ajout{display:grid;place-items:center;cursor:pointer;border:0}.fo-photo-tuile--ajout svg{width:34px;height:34px;color:var(--ink)}.fo-photo-retirer{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:#0000008c;color:#fff;font-size:.8rem;line-height:1;cursor:pointer}.fo-duo{display:flex;gap:1rem;justify-content:center;margin-top:1.4rem}.fo-btn--annuler{background:#f2726f;width:auto;padding:.85rem 1.6rem;border-radius:12px}.fo-btn--envoyer{background:#2ecc8f;width:auto;padding:.85rem 1.6rem;border-radius:12px}.fo-recherche{width:100%;padding:.8rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:12px;outline:none}.fo-recherche:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--ring)}.fo-resultats{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.fo-resultat{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.7rem 1rem;font-size:.95rem;cursor:pointer;text-align:left}.fo-resultat strong{color:var(--teal);font-size:1.2rem}.fo-resultat:active{background:#f4f8fb}.fo-chip--btn{border:0;cursor:pointer;color:var(--navy);font-weight:600}.fo-chip--btn:active{background:#dce9f5}.fo-ligne-retirer{width:30px;height:30px;border-radius:50%;border:0;flex-shrink:0;background:#fdecec;color:#a12a2a;font-size:.9rem;line-height:1;cursor:pointer}.fo-ligne-retirer:active{background:#f6cfcf}.fo-champ{margin-bottom:.9rem}.fo-champ span{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.fo-champ div{background:#f2f4f7;border-radius:12px;padding:.85rem 1rem;font-size:.97rem;word-break:break-word}.fo-formation{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0d2b5214;padding:1.1rem 1.2rem;margin-bottom:1rem}.fo-formation h2{margin:0 0 .7rem;font-size:1.05rem}.fo-formation p{margin:.6rem 0 0;color:var(--muted);font-size:.9rem}.fo-pdfs{display:flex;gap:.7rem;flex-wrap:wrap}.fo-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;background:#3d4a5c;color:#fff;border-radius:12px;width:84px;height:64px;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.06em}.fo-pdf:active{background:#2e3947}.fo-ouest-carte{background:#fff;border-radius:18px;box-shadow:0 8px 22px #0d2b5217;padding:1.1rem 1.2rem 1rem;margin-bottom:1rem}.fo-ouest-tete{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.fo-ouest-tete strong{font-size:1.05rem}.fo-ouest-icone{width:46px;height:46px;border-radius:50%;flex-shrink:0;background:var(--teal);color:#fff;display:grid;place-items:center}.fo-ouest-photo{display:block;background:#3d4a5c;border-radius:14px;padding:.8rem;text-align:center}.fo-ouest-photo img{max-width:100%;max-height:300px;border-radius:8px;display:block;margin:0 auto}.fo-ouest-fichier{color:#fff;font-weight:600}.fo-ouest-texte{margin:.7rem 0 0;font-size:.95rem;white-space:pre-wrap}.fo-produits-grille{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1rem}.fo-produit-carte{background:#fff;border-radius:18px;box-shadow:0 8px 22px #0d2b5217;padding:1rem .9rem;display:flex;flex-direction:column;align-items:center;text-align:center}.fo-produit-image{height:96px;display:grid;place-items:center;margin-bottom:.6rem}.fo-produit-image img{max-height:96px;max-width:100%;object-fit:contain}.fo-produit-nom{margin:0 0 .8rem;font-weight:700;font-size:.98rem;min-height:2.4em;display:flex;align-items:center}.fo-produit-commander{background:var(--navy);color:#fff;border:0;border-radius:10px;padding:.6rem 1.1rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.fo-produit-commander:active{transform:scale(.97)}.fo-qte--carte{justify-content:center}.fo-commande-barre{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:20;padding:.7rem 1.25rem calc(.7rem + env(safe-area-inset-bottom));background:linear-gradient(to top,#fff 75%,#fff0)}.fo-produit-commander--ok{background:#2ecc8f}.fo-toast{position:fixed;top:calc(1rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:40;max-width:90%;background:var(--navy);color:#fff;font-weight:600;font-size:.95rem;padding:.8rem 1.3rem;border-radius:999px;box-shadow:0 10px 26px #0d2b5259;animation:fo-toast-pop .25s ease}@keyframes fo-toast-pop{0%{opacity:0;transform:translate(-50%) translateY(-8px)}}.fo-ouest-vignettes{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.fo-ouest-vignettes img{height:64px;width:64px;object-fit:cover;border-radius:8px}.fo-ouest-vignettes .fo-ouest-fichier{color:var(--navy)}.fo-story{position:relative;cursor:pointer}.fo-story img{max-width:100%;max-height:300px;border-radius:8px;display:block;margin:0 auto}.fo-story-barres{position:absolute;top:6px;left:6px;right:6px;z-index:2;display:flex;gap:4px}.fo-story-barre{flex:1;height:3px;border-radius:3px;overflow:hidden;background:#ffffff59}.fo-story-barre.est-passee{background:#fff}.fo-story-remplissage{display:block;height:100%;background:#fff;width:0;animation:fo-story-avance 3s linear forwards}@keyframes fo-story-avance{to{width:100%}}.fo-story-compteur{position:absolute;bottom:6px;right:8px;z-index:2;background:#0000008c;color:#fff;font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:999px}.fo-grandplan{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#3f4f63;display:flex;align-items:center;justify-content:center}.fo-grandplan img{max-width:calc(100vw - 2rem);max-height:calc(100vh - 6rem);object-fit:contain;border-radius:10px}.fo-grandplan-barres{position:absolute;top:calc(.8rem + env(safe-area-inset-top,0px));left:.8rem;right:.8rem;z-index:2;display:flex;gap:4px}.fo-grandplan-btn{position:absolute;width:46px;height:46px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ffffff38;color:#fff;cursor:pointer;z-index:3}.fo-grandplan-btn:active{transform:scale(.94)}.fo-grandplan-fermer{top:calc(1.6rem + env(safe-area-inset-top,0px));right:.9rem;background:#e03131}.fo-grandplan-suivante{top:50%;transform:translateY(-50%);right:.9rem}.fo-grandplan-suivante:active{transform:translateY(-50%) scale(.94)}.fo-grandplan-precedente{top:50%;transform:translateY(-50%);left:.9rem}.fo-grandplan-precedente:active{transform:translateY(-50%) scale(.94)}.fo-grandplan-compteur{position:absolute;bottom:calc(.9rem + env(safe-area-inset-bottom,0px));right:.9rem;color:#fff;font-size:.85rem;background:#00000073;padding:.25rem .6rem;border-radius:999px}.fo-rappels{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.fo-rappel{background:#fdf3df;color:#7a5a1a;border:1px solid #f2dfb3;border-radius:12px;padding:.7rem .9rem;font-size:.88rem;line-height:1.45;margin:0;text-align:left}