:root{--encre:#14201c;--encre-douce:#4a5a54;--papier:#f7f6f2;--carte:#ffffff;--trait:#dcd9d0;--eau:#14675a;--eau-claire:#e6f1ee;--alerte:#9d2f26;--alerte-claire:#fbeceb;--attention:#8a5a12;--attention-claire:#fdf3e2;--calme:#2f6b3d;--calme-clair:#eaf3ec}*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--encre);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}a{color:var(--eau)}.entete{background:var(--carte);border-bottom:1px solid var(--trait);padding:.9rem 1.5rem;display:flex;align-items:baseline;gap:1.5rem}.entete .marque{font-weight:700;letter-spacing:.02em;font-size:1.1rem}.entete .client{color:var(--encre-douce);font-size:.9rem}.entete nav{margin-left:auto;display:flex;gap:1rem;align-items:center}main{max-width:1180px;margin:0 auto;padding:1.75rem 1.5rem 4rem}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.05rem;margin:2rem 0 .75rem}.sous-titre{color:var(--encre-douce);margin:0 0 1.5rem}.carte{border:1px solid var(--trait);border-radius:6px;padding:1.1rem 1.25rem;margin-bottom:1rem}.carte,table{background:var(--carte)}table{width:100%;border-collapse:collapse;border:1px solid var(--trait);border-radius:6px;overflow:hidden}td,th{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--trait);vertical-align:top}th{background:#f1efe9;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--encre-douce)}tbody tr:last-child td{border-bottom:none}.etiquette{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.78rem;border:1px solid transparent}.etiquette.eau{background:var(--eau-claire);color:var(--eau);border-color:#bcd9d2}.etiquette.calme{background:var(--calme-clair);color:var(--calme);border-color:#c3dcc9}.etiquette.attention{background:var(--attention-claire);color:var(--attention);border-color:#e8d3a8}.etiquette.alerte{background:var(--alerte-claire);color:var(--alerte);border-color:#eec4c0}.bouton,button{font:inherit;border:1px solid var(--eau);background:var(--eau);color:#fff;border-radius:5px;padding:.42rem .85rem;cursor:pointer;text-decoration:none;display:inline-block}button.discret{background:transparent;color:var(--encre-douce);border-color:var(--trait)}button.danger{background:transparent;color:var(--alerte);border-color:#e2c3c0;padding:.2rem .5rem;font-size:.82rem}input,select{font:inherit;padding:.42rem .55rem;border:1px solid var(--trait);border-radius:5px;background:#fff;color:var(--encre)}label{display:block;font-size:.85rem;color:var(--encre-douce);margin-bottom:.2rem}.rangee{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.bandeau{padding:.7rem 1rem;border-radius:6px;margin-bottom:1rem;border:1px solid}.bandeau.info{background:var(--calme-clair);border-color:#c3dcc9;color:var(--calme)}.bandeau.erreur{background:var(--alerte-claire);border-color:#eec4c0;color:var(--alerte)}.bandeau.attention{background:var(--attention-claire);border-color:#e8d3a8;color:var(--attention)}.affectation{display:inline-flex;align-items:center;gap:.35rem;background:var(--eau-claire);border:1px solid #bcd9d2;border-radius:999px;padding:.1rem .35rem .1rem .65rem;margin:0 .3rem .3rem 0;font-size:.85rem}.vide{color:var(--encre-douce);font-style:italic}.connexion{max-width:380px;margin:5rem auto}.connexion .carte{padding:1.5rem}.connexion label{margin-top:.75rem}.connexion input{width:100%}.connexion button{margin-top:1.25rem;width:100%}.petit{font-size:.85rem;color:var(--encre-douce)}