:root{--couleur: #1f6f78;--fond: #f6f8f8;--texte: #1c2526;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texte);background:var(--fond)}body{margin:0}.page{max-width:40rem;margin:0 auto;padding:2rem 1rem}h1{margin:0;color:var(--couleur)}.sous-titre{margin-top:.25rem;font-weight:600}.connexion{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.connexion label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}button{font:inherit;font-weight:600;padding:.8rem 1.2rem;border:none;border-radius:.4rem;background:var(--couleur);color:#fff;cursor:pointer}button:disabled{opacity:.6}.erreur{margin:0;color:#b3261e}.barre{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}h2{margin:0}button.secondaire{background:#fff;color:var(--couleur);border:1px solid var(--couleur)}input,select,textarea{font:inherit;padding:.7rem;border:1px solid #b8c4c5;border-radius:.4rem;background:#fff;width:100%;box-sizing:border-box}.recherche{margin-bottom:1rem}.liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.liste button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;background:#fff;color:var(--texte);border:1px solid #d5dddd;font-weight:400}.liste span{color:#5a6b6c;font-size:.9rem}.formulaire{display:flex;flex-direction:column;gap:1rem}.formulaire label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.deux label.case{flex-direction:row;align-items:center;align-self:end;padding-bottom:.7rem}.case input{width:auto}.deux{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.onglets{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #d5dddd}.onglets button{flex:1;padding:.8rem .1rem;font-size:.82rem;background:none;color:#5a6b6c;border-radius:0;border-bottom:3px solid transparent}.onglets button.actif{color:var(--couleur);border-bottom-color:var(--couleur)}.liste button.inactif{opacity:.55}.regles{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d5dddd}.succes{margin:0;color:#1e7a3a}button.large{width:100%;margin-top:1rem}.aide{color:#5a6b6c;font-size:.9rem}.statut{font-style:normal;font-weight:600}.statut.gesendet{color:#8a5a00}.statut.angenommen{color:#1e7a3a}.statut.abgelehnt{color:#b3261e}.encadre{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;margin-bottom:1rem;background:#fff;border:1px solid #d5dddd;border-radius:.4rem}.encadre span{color:#5a6b6c;font-size:.9rem}.articles{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.articles li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;background:#fff;border:1px solid #d5dddd;border-radius:.4rem}.articles li.choisi{border-color:var(--couleur);box-shadow:inset 4px 0 0 var(--couleur)}.articles li>div:first-child{display:flex;flex-direction:column;gap:.15rem}.articles li>div:first-child span{color:#5a6b6c;font-size:.85rem}.compteur{display:flex;align-items:center;gap:.6rem}.compteur button{width:2.6rem;height:2.6rem;padding:0;font-size:1.3rem}.compteur span{min-width:1.5rem;text-align:center;font-weight:600}.surface{display:flex;align-items:center;gap:.4rem;font-weight:600}.surface input{width:5rem;text-align:right}.totaux{display:flex;flex-direction:column;gap:.5rem;padding:.8rem;margin-bottom:1rem;background:#fff;border:1px solid #d5dddd;border-radius:.4rem}.totaux>div{display:flex;justify-content:space-between}.totaux .total{font-size:1.2rem;font-weight:700;padding-top:.5rem;border-top:1px solid #d5dddd}label.case{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-weight:600}.semaine{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-weight:600}.semaine button{padding:.5rem .9rem}.jour{margin-bottom:1rem}.jour h3{margin:0 0 .4rem;font-size:1rem;color:#5a6b6c}.jour h3.aujourdhui{color:var(--couleur)}.jour .vide{margin:0;color:#9aa7a8}.statut.bestaetigt,.statut.erledigt{color:#1e7a3a}.statut.angefragt{color:#8a5a00}.historique{margin-top:2rem;padding-top:1rem;border-top:1px solid #d5dddd}.historique h3{margin:0 0 .5rem}.historique ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.historique li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.9rem}.rappel{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.rappel .succes{font-size:.9rem}.demain{gap:.6rem}.ligne-demain{display:flex;flex-direction:column;gap:.4rem}.ligne-demain .rappel{margin-bottom:0}.filtres{display:flex;gap:.5rem;margin-bottom:.5rem}.ajout{display:flex;gap:.5rem;margin-bottom:1rem}.ajout button{padding:.5rem 1rem}.confirmation{padding:.8rem;border:1px solid #b3261e;border-radius:.4rem;background:#fdf3f2}.confirmation p{margin:0 0 .6rem;font-weight:600}button.lien-danger{background:none;color:#b3261e;font-weight:400;text-decoration:underline;padding:.4rem 0}.paiement{display:flex;flex-direction:column;gap:.8rem;padding:.8rem;background:#fff;border:1px solid #d5dddd;border-radius:.4rem}.paiement h3{margin:0}.factures-rdv{gap:.5rem}.statut.offen{color:#8a5a00}.statut.bezahlt{color:#1e7a3a}.statut.storniert{color:#b3261e}.photos{gap:.6rem}.moment{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.6rem}.moment .barre{margin-bottom:0}.bouton-fichier{display:inline-block;padding:.5rem .9rem;border-radius:.4rem;background:var(--couleur);color:#fff;font-weight:600;cursor:pointer}.bouton-fichier.desactive{opacity:.6}.bouton-fichier input{display:none}.vignettes{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.4rem}.vignettes button{position:relative;padding:0;aspect-ratio:1;overflow:hidden;background:#e3e9e9;border-radius:.3rem}.vignettes img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;left:.2rem;bottom:.2rem;padding:.1rem .3rem;font-size:.65rem;font-weight:600;color:#fff;background:#0009;border-radius:.2rem}.visionneuse{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1rem;background:#000000eb}.visionneuse img{max-width:100%;max-height:75vh;object-fit:contain;align-self:center}.aide.clair{color:#e3e9e9;text-align:center;margin:0}button.danger{background:#b3261e}