:root{--fond:#f5f3ee;--carte:#fff;--texte:#1c2420;--discret:#5b6660;--trait:#dcd8ce;--marque:#0b6b47;--marque-fonce:#08533a;--vert:#1a7f4b;--vert-fond:#e2f3e9;--orange:#b45f06;--orange-fond:#fdf0dc;--rouge:#b3261e;--rouge-fond:#fbe4e2;--rayon:14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:17px}body{background:var(--fond);color:var(--texte);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}.page{max-width:34rem;min-height:100dvh;padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom));flex-direction:column;gap:1.1rem;margin:0 auto;display:flex}.entete h1{color:var(--marque);font-size:1.7rem;line-height:1.2}.entete p{color:var(--discret);margin-top:.3rem;font-size:1.1rem}.actions{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.bouton{border:2px solid var(--marque);border-radius:var(--rayon);background:var(--carte);min-height:3.3rem;color:var(--marque);font:inherit;cursor:pointer;padding:.7rem 1rem;font-weight:600}.bouton:active{background:var(--vert-fond)}.bouton:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.bouton:disabled{border-color:var(--trait);color:var(--discret);cursor:default}.bouton.principal{background:var(--marque);color:#fff;min-height:4rem;font-size:1.15rem}.bouton.principal:active{background:var(--marque-fonce)}.bouton.discret{border-color:var(--trait);color:var(--texte);font-weight:500}.bouton.propose{background:var(--vert-fond)}.astuce,.consigne{color:var(--discret);font-size:.95rem}.alerte{border-left:5px solid var(--rouge);border-radius:var(--rayon);background:var(--rouge-fond);padding:.8rem 1rem}.essai{border:1px solid var(--trait);border-radius:var(--rayon);background:var(--carte);padding:.9rem 1rem}.essai summary,.repli summary{cursor:pointer;font-weight:600}.essai p{color:var(--discret);margin:.6rem 0;font-size:.95rem}.liste-essais{flex-direction:column;gap:.6rem;display:flex}.essai-bouton{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.essai-bouton span{color:var(--discret);font-size:.9rem;font-weight:400}.avertissement{border-top:1px solid var(--trait);color:var(--discret);margin-top:auto;padding-top:1rem;font-size:.85rem}.lecture{text-align:center;justify-content:center;align-items:center}.apercu{border:1px solid var(--trait);border-radius:var(--rayon);object-fit:contain;max-width:100%;max-height:45dvh}.etape{font-size:1.2rem;font-weight:600}.jauge{width:100%;height:.9rem;accent-color:var(--marque)}.feu{border-radius:var(--rayon);border:2px solid;align-items:center;gap:1rem;padding:1.1rem 1rem;display:flex}.feu h1{font-size:1.6rem;line-height:1.2}.feu .pastille{border-radius:50%;flex:none;width:3.2rem;height:3.2rem}.feu.vert{border-color:var(--vert);background:var(--vert-fond)}.feu.vert .pastille{background:var(--vert)}.feu.orange{border-color:var(--orange);background:var(--orange-fond)}.feu.orange .pastille{background:var(--orange)}.feu.rouge{border-color:var(--rouge);background:var(--rouge-fond)}.feu.rouge .pastille{background:var(--rouge)}.fiche{border:1px solid var(--trait);border-radius:var(--rayon);background:var(--carte);gap:.5rem;padding:.9rem 1rem;display:grid}.fiche div{justify-content:space-between;gap:.75rem;display:flex}.fiche dt{color:var(--discret)}.fiche dd{text-align:right;font-weight:600}.bloc{flex-direction:column;gap:.7rem;display:flex}.bloc h2{font-size:1.15rem}.repli{border:1px solid var(--trait);border-radius:var(--rayon);background:var(--carte);padding:.9rem 1rem}.repli[open] summary{margin-bottom:.7rem}.points,.questions,.soins{flex-direction:column;gap:.6rem;display:flex}.point,.question,.soins li{border:1px solid var(--trait);border-left:5px solid var(--trait);border-radius:var(--rayon);background:var(--carte);padding:.8rem 1rem}.point.bloquant{border-left-color:var(--rouge)}.point.a_verifier{border-left-color:var(--orange)}.point.information{border-left-color:var(--marque)}.soin-concerne,.echeance{color:var(--discret);margin-top:.3rem;font-size:.9rem}.question{border-left-color:var(--orange);flex-direction:column;gap:.6rem;display:flex}.question h3{font-size:1.05rem}.choix{flex-wrap:wrap;gap:.6rem;display:flex}.choix .bouton{flex:8rem}.choix.serre .bouton{flex:9.5rem;min-height:3rem;font-weight:500}.saisie{align-items:center;gap:.6rem;display:flex}.saisie input,.saisie select{border:2px solid var(--trait);border-radius:var(--rayon);background:var(--carte);min-width:0;min-height:3.1rem;color:var(--texte);font:inherit;flex:1;padding:.5rem .75rem}.saisie input:focus-visible,.saisie select:focus-visible{border-color:var(--marque);outline:none}.champ{flex-direction:column;gap:.3rem;font-weight:600;display:flex}.champ input{border:2px solid var(--trait);border-radius:var(--rayon);background:var(--carte);min-height:3.3rem;color:var(--texte);font:inherit;letter-spacing:.15em;padding:.5rem .9rem;font-size:1.3rem}.champ input:focus-visible{border-color:var(--marque);outline:none}.cle-secours{border:2px dashed var(--marque);border-radius:var(--rayon);background:var(--carte);text-align:center;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:1rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.2rem;font-weight:700;line-height:1.8}.integrite{border-left:5px solid var(--vert);border-radius:var(--rayon);background:var(--vert-fond);padding:.8rem 1rem}.bouton.danger{border-color:var(--rouge);background:var(--rouge);color:#fff}.echeancier{flex-direction:column;gap:.6rem;display:flex}.fiche-ordonnance{border:1px solid var(--trait);border-radius:var(--rayon);background:var(--carte);width:100%;color:var(--texte);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.fiche-ordonnance:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.fiche-ordonnance.a_renouveler{border-color:var(--orange);background:var(--orange-fond)}.fiche-ordonnance.terminee{color:var(--discret)}.fiche-ordonnance .corps{flex-direction:column;min-width:0;display:flex}.fiche-ordonnance .soin-concerne{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fiche-ordonnance .pastille{border-radius:50%;flex:none;width:1.4rem;height:1.4rem}.pastille.vert{background:var(--vert)}.pastille.orange{background:var(--orange)}.pastille.rouge{background:var(--rouge)}.champ input.texte{letter-spacing:normal;font-size:1rem}.champ textarea{border:2px solid var(--trait);border-radius:var(--rayon);background:var(--carte);color:var(--texte);font:inherit;resize:vertical;padding:.7rem .9rem;font-weight:400;line-height:1.4}.champ textarea:focus-visible{border-color:var(--marque);outline:none}.suivi{border:1px solid var(--trait);border-left:5px solid var(--marque);border-radius:var(--rayon);background:var(--carte);flex-direction:column;gap:.5rem;padding:.9rem 1rem;display:flex}.suivi h2{font-size:1.15rem}.suivi.a_relancer{border-left-color:var(--orange);background:var(--orange-fond)}.suivi.retour_recu{border-left-color:var(--vert)}.etiquette{background:var(--vert-fond);color:var(--marque-fonce);border-radius:999px;align-self:flex-start;margin-top:.3rem;padding:.1rem .6rem;font-size:.85rem;font-weight:600}.etiquette.a_relancer{background:var(--orange);color:#fff}.restauration{justify-content:center;align-items:center;display:flex}.texte-lu{flex-direction:column;gap:.25rem;margin-top:.6rem;font-size:.9rem;display:flex}.texte-lu li{border-bottom:1px dashed var(--trait);justify-content:space-between;gap:.75rem;padding:.25rem 0;display:flex}.texte-lu small{color:var(--discret);flex:none}.lien{color:var(--marque);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.case{align-items:flex-start;gap:.7rem;font-weight:600;display:flex}.case input{width:1.5rem;height:1.5rem;accent-color:var(--marque);flex:none;margin:.1rem 0 0}.onglets{flex-wrap:wrap;gap:.4rem;display:flex}.onglet{border:1px solid var(--trait);background:var(--carte);color:var(--texte);font:inherit;cursor:pointer;border-radius:999px;padding:.5rem .8rem;font-size:.95rem}.onglet.actif{border-color:var(--marque);background:var(--marque);color:#fff}.texte-juridique{flex-direction:column;gap:.8rem;display:flex}.texte-juridique h2{color:var(--marque);font-size:1.5rem}.texte-juridique h3{margin-top:.6rem;font-size:1.15rem}.texte-juridique ul{flex-direction:column;gap:.5rem;padding-left:1.2rem;list-style:outside;display:flex}.tableau{overflow-x:auto}.tableau table{border-collapse:collapse;width:100%;font-size:.9rem}.tableau th,.tableau td{border:1px solid var(--trait);text-align:left;vertical-align:top;padding:.5rem}.tableau th{background:var(--fond)}
