:root{--primaire: #0F766E;--primaire-fonce: #0D6660;--primaire-pale: #E8F5F2;--sur-primaire: #FFFFFF;--accent: #E5643A;--accent-fonce: #C9522C;--accent-pale: #FBE9E2;--sur-accent: #FFFFFF;--fond: #F7FEFC;--surface: #FFFFFF;--bordure: #D8EDE8;--texte: #1A1A1A;--texte-doux: #6B7280;--texte-doux-fonce: #4B5563;--danger: #A8321E;--danger-pale: #FBEDE9;--danger-bordure: #EDCCC4;--succes: #0F766E;--succes-pale: #E8F5F2;--titre: "Fraunces", Georgia, "Times New Roman", serif;--corps: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--rayon: 12px;--rayon-lg: 18px;--ombre: 0 1px 2px rgba(15, 118, 110, .06), 0 6px 18px rgba(15, 118, 110, .07);--entete-h: 60px;--onglets-h: 60px;--max: 720px;--touche: 44px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--corps);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--titre);font-weight:600;line-height:1.2;margin:0 0 .5rem;letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}a{color:var(--primaire)}.app{min-height:100%;display:flex;flex-direction:column}.contenu{flex:1;width:100%;max-width:var(--max);margin:0 auto;padding:1rem 1rem 1.5rem}.app:has(.onglets) .contenu{padding-bottom:calc(var(--onglets-h) + env(safe-area-inset-bottom) + 1.5rem)}.pile{display:flex;flex-direction:column;gap:.75rem}.rangee{display:flex;align-items:center;gap:.6rem}.rangee-espacee{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.pousse{margin-left:auto}.entete{position:sticky;top:0;z-index:20;background:var(--primaire);color:var(--sur-primaire);padding-top:env(safe-area-inset-top)}.entete-barre{height:var(--entete-h);max-width:var(--max);margin:0 auto;padding:0 .75rem;display:flex;align-items:center;gap:.5rem}.logo{color:var(--sur-primaire);text-decoration:none;display:flex;align-items:center;gap:.45rem}.logo-marque{width:34px;height:34px;display:block;flex:none;fill:currentColor}.logo-mot{font-family:var(--corps);font-size:1.35rem;font-weight:500;letter-spacing:-.02em}.entete-liens{display:flex;align-items:center;gap:.15rem;margin-left:auto}.lien-entete{color:var(--sur-primaire);text-decoration:none;font-size:.9rem;font-weight:500;padding:.55rem .6rem;border-radius:var(--rayon);min-height:var(--touche);display:inline-flex;align-items:center;opacity:.85}.lien-entete:hover{opacity:1;background:#ffffff14}.lien-entete.actif{opacity:1;background:#ffffff1f}.pastille-panier{background:var(--accent);color:var(--sur-accent);font-weight:600;font-size:.75rem;border-radius:999px;padding:0 .4rem;margin-left:.35rem;min-width:1.25rem;text-align:center}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon-lg);padding:1rem;box-shadow:var(--ombre)}.carte-lien{display:block;text-decoration:none;color:inherit}.carte-lien:active{transform:scale(.995)}.carte+.carte{margin-top:.75rem}.carte-titre{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}button,.bouton{background:transparent;color:inherit;font-family:var(--corps);font-size:1rem;font-weight:600;min-height:var(--touche);padding:.7rem 1.1rem;border-radius:var(--rayon);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;transition:background .15s,opacity .15s}.bouton-principal{background:var(--accent);color:var(--sur-accent)}.bouton-principal:hover{background:var(--accent-fonce)}.bouton-secondaire{background:var(--primaire);color:var(--sur-primaire)}.bouton-secondaire:hover{background:var(--primaire-fonce)}.bouton-contour{background:transparent;color:var(--primaire);border-color:var(--primaire)}.bouton-contour:hover{background:var(--primaire-pale)}.bouton-discret{background:transparent;color:var(--texte-doux);border-color:var(--bordure)}.bouton-discret:hover{background:var(--primaire-pale);color:var(--primaire-fonce)}.bouton-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.bouton-danger:hover{background:var(--danger-pale)}.bouton-danger-discret{background:transparent;color:var(--danger);border-color:var(--bordure);font-weight:500}.bouton-danger-discret:hover{background:var(--danger-pale);border-color:var(--danger)}.bouton-large{width:100%}button:disabled,.bouton[aria-disabled=true]{opacity:.5;cursor:not-allowed}label{display:block;font-size:.85rem;font-weight:600;color:var(--texte-doux);margin-bottom:.3rem}input,select,textarea{width:100%;font-family:var(--corps);font-size:1rem;min-height:var(--touche);padding:.6rem .75rem;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--surface);color:var(--texte)}input:focus,select:focus,textarea:focus{border-color:var(--primaire)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.bouton-principal:focus-visible,.etiquette-active:focus-visible{outline-color:var(--primaire)}textarea{min-height:90px;resize:vertical}.champ{margin-bottom:.9rem}.aide{font-size:.8rem;color:var(--texte-doux);margin-top:.3rem}.segments{display:flex;gap:.5rem;flex-wrap:wrap}.segment{flex:1 1 auto;min-width:96px;min-height:var(--touche);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);border-radius:var(--rayon);font-weight:500}.segment.actif{border-color:var(--primaire);background:var(--primaire);color:var(--sur-primaire)}.etiquette{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;background:var(--primaire-pale);color:var(--primaire);white-space:nowrap}.etiquette-concierge{background:var(--accent-pale);color:#8c3a1c}.etiquette-estime{background:transparent;color:#8c3a1c;border:1px dashed #E5A88F;text-transform:none}.etiquette-succes{background:var(--succes-pale);color:var(--succes);border:1px solid #B9DCD7}.etiquette-alerte{background:var(--danger-pale);color:var(--danger)}.etiquette-neutre{background:var(--bordure);color:var(--texte-doux-fonce)}.etiquette-active{background:var(--accent);color:var(--sur-accent)}.totaux{border-top:1px solid var(--bordure);margin-top:.75rem;padding-top:.75rem}.ligne-total{display:flex;justify-content:space-between;padding:.2rem 0;font-size:.95rem;color:var(--texte-doux)}.ligne-total strong{color:var(--texte)}.ligne-total.grand{font-size:1.15rem;color:var(--texte);font-weight:600;padding-top:.5rem;margin-top:.3rem;border-top:1px solid var(--bordure)}.suivi{list-style:none;margin:0;padding:0}.etape{display:flex;gap:.8rem;padding-bottom:1.1rem;position:relative}.etape:last-child{padding-bottom:0}.etape:before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--bordure)}.etape:last-child:before{display:none}.pastille-etape{width:24px;height:24px;border-radius:50%;border:2px solid var(--bordure);background:var(--surface);flex:none;z-index:1}.etape.faite .pastille-etape{background:var(--primaire);border-color:var(--primaire)}.etape.faite:before{background:var(--primaire)}.etape.courante .pastille-etape{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-pale)}.etape .titre-etape{font-weight:600}.etape:not(.faite):not(.courante) .titre-etape{color:var(--texte-doux);font-weight:500}.etape .temps-etape{font-size:.82rem;color:var(--texte-doux)}.etat-vide,.etat-erreur,.etat-chargement{text-align:center;padding:3rem 1.25rem;border-radius:var(--rayon-lg);border:1px dashed var(--bordure);background:var(--surface)}.etat-vide h2,.etat-erreur h2{margin-bottom:.35rem}.etat-vide p,.etat-erreur p{color:var(--texte-doux);max-width:40ch;margin:0 auto .9rem}.etat-erreur{border-color:var(--danger-bordure);background:var(--danger-pale)}.etat-erreur h2{color:var(--danger)}.etat-icone{font-size:2rem;display:block;margin-bottom:.5rem}.avis{border-radius:var(--rayon);padding:.75rem .9rem;font-size:.9rem;border:1px solid}.avis-info{background:var(--primaire-pale);border-color:#c2e3dc;color:#0b544e}.avis-attention{background:var(--accent-pale);border-color:#f0c4b0;color:#8c3a1c}.avis-erreur{background:var(--danger-pale);border-color:var(--danger-bordure);color:var(--danger)}.avis-succes{background:var(--succes-pale);border-color:var(--primaire);color:var(--succes)}.vignette-produit{width:82px;height:82px;flex:none;object-fit:cover;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--fond)}.muet{color:var(--texte-doux)}.petit{font-size:.85rem}.centre{text-align:center}.mono{font-variant-numeric:tabular-nums}.separateur{height:1px;background:var(--bordure);margin:1rem 0;border:0}.hors-ecran{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.texte-long{line-height:1.65}.texte-long h2{font-size:1.1rem;margin:1.6rem 0 .5rem;padding-top:1rem;border-top:1px solid var(--bordure)}.texte-long h2:first-of-type{margin-top:1.2rem}.texte-long ul{margin:0 0 .75rem;padding-left:1.2rem}.texte-long li{margin-bottom:.5rem}.texte-long li:last-child{margin-bottom:0}.liste-serree{margin:0;padding-left:1.2rem}.liste-serree li{margin-bottom:.3rem}.liste-serree li:last-child{margin-bottom:0}.entete-page{margin-bottom:1rem}.entete-page p{color:var(--texte-doux);margin:0}.compteur{display:inline-flex;align-items:center;gap:.1rem}.compteur button{min-width:var(--touche);min-height:var(--touche);padding:0;font-size:1.2rem;background:var(--surface);border:1px solid var(--bordure);color:var(--primaire)}.compteur .valeur{min-width:2.2rem;text-align:center;font-weight:600}.onglets{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:var(--surface);border-top:1px solid var(--bordure);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -1px 12px #0f766e0f}.onglet{position:relative;flex:1 1 0;min-width:0;min-height:var(--onglets-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-decoration:none;color:var(--texte-doux);font-size:.72rem;font-weight:600;letter-spacing:.01em;padding:.4rem .25rem}.onglet-icone{position:relative;display:block}.onglet-icone svg{width:23px;height:23px;display:block}.onglet.actif{color:var(--primaire)}.onglet.actif:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:34px;height:3px;border-radius:0 0 3px 3px;background:var(--primaire)}.onglet-pastille{position:absolute;top:-5px;right:-9px;background:var(--accent);color:var(--sur-accent);font-size:.68rem;font-weight:700;line-height:1;padding:.18rem .32rem;border-radius:999px;min-width:1.05rem;text-align:center;border:2px solid var(--surface)}.barre-fixe{position:sticky;bottom:calc(var(--onglets-h) + env(safe-area-inset-bottom));background:var(--fond);padding:.75rem 0;border-top:1px solid var(--bordure);margin-top:1.5rem}.app:not(:has(.onglets)) .barre-fixe{bottom:0;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.grille-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);padding:.8rem}.stat .valeur{font-family:var(--titre);font-size:1.4rem;font-weight:600}.stat .etiquette-stat{font-size:.78rem;color:var(--texte-doux);text-transform:uppercase;letter-spacing:.03em}.chargeur{width:26px;height:26px;border:3px solid var(--bordure);border-top-color:var(--primaire);border-radius:50%;margin:0 auto .75rem;animation:tourne .8s linear infinite}@keyframes tourne{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (min-width: 640px){h1{font-size:2rem}.contenu{padding:1.5rem 1.25rem 4rem}}