*{box-sizing:border-box}body{margin:0;color:#333636;background:#F6FAFC;font:15px/1.5 system-ui,sans-serif}header{padding:23px 28px;background:#626465;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}h1{margin:4px 0 0;font-size:29px;letter-spacing:-1px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px}header .eyebrow{color:#F3FAFB}.pill{background:#ffffff20;border:1px solid #ffffff40;padding:6px 12px;border-radius:30px;font-size:12px;white-space:nowrap}.notice{padding:10px 28px;background:#fff4dd;color:#745719;font-size:13px}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;padding:24px;max-width:1600px;margin:auto}.mapsection{min-width:0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}button{padding:10px 13px;border:1px solid #cbd9d0;border-radius:8px;background:#fff;color:#626465;font:inherit;cursor:pointer;min-height:44px}button:hover{background:#e8f5f8}.primary{background:#626465;border-color:#626465;color:white;width:100%;font-weight:600}.primary:hover{background:#47A5B6}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e5ac40;outline-offset:2px}#map{height:calc(100vh - 280px);min-height:430px;border-radius:14px;border:1px solid #c7d3cb;background:#e3e9df;z-index:0}.card{border:1px solid #dce5e8;background:#fff;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 4px 15px #1d352507}.card .eyebrow{color:#366c77}h2{font-size:21px;line-height:1.25;margin:8px 0 12px}p{margin:10px 0}label{display:block;font-size:13px;font-weight:650;margin:13px 0 5px}input,select,textarea{width:100%;font:inherit;padding:10px;border:1px solid #b3c6cc;border-radius:7px;background:white;color:#333636}textarea{resize:vertical}form button{margin-top:14px}small,.caption{font-size:12px;color:#6b7d71}.legend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;padding:12px 2px}.boundary{display:inline-block;width:26px;border-top:3px dashed #694f9f}.sample{display:inline-block;width:26px;border-top:5px solid #ed8936;margin-left:12px}#zoom{margin-left:auto}footer{font-size:11px;color:#607468;padding:8px 26px 24px}a{color:#626465}progress{width:100%;margin-top:12px;accent-color:#626465}#offline,#saved{font-size:13px;font-weight:600}.leaflet-control-attribution{font-size:10px!important}.demo-marker{background:#fff5df;border:2px solid #d77820;color:#7e430f;border-radius:20px;font-size:11px;font-weight:bold;text-align:center;line-height:23px;white-space:nowrap}.leaflet-container{font-family:inherit}.leaflet-tooltip{font-family:inherit} @media(max-width:850px){main{grid-template-columns:1fr;padding:14px;gap:8px}header{padding:18px}h1{font-size:24px}.notice{padding:10px 18px}#map{height:58vh;min-height:330px}aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{padding:18px}}@media(max-width:580px){aside{display:block}.toolbar{gap:6px}.toolbar button{font-size:12px;padding:8px 10px}.pill{font-size:11px}#zoom{width:100%;margin:0}.card{margin-bottom:12px}}

/* Identité visuelle de Séglien : gris, turquoise et bleu clair. */
:root{--commune-gris:#626465;--commune-turquoise:#47A5B6;--commune-bleu:#47D0FE;--commune-texte:#333636}header{background:var(--commune-gris)}.primary{background:var(--commune-bleu);border-color:var(--commune-bleu);color:var(--commune-texte)}.primary:hover{background:#7cdefe;border-color:#47A5B6}.card{border-top:3px solid var(--commune-turquoise)}a{color:#285e69}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#225d6a}.pill{color:white}#google-status{font-size:13px;font-weight:600}#google-status[data-state="success"]{color:#17643d}#google-status[data-state="error"]{color:#a32d2d}