:root{--fond: #f6f7f9;--surface: #ffffff;--texte: #111827;--texte-doux: #4b5563;--bord: #d1d5db;--accent: #0b5cad;--accent-texte: #ffffff;--danger: #b42318;--succes: #1a7f37;--focus: #f59e0b;--rayon: 6px;--cible: 48px;--espace: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--texte);background:var(--fond)}@media(prefers-color-scheme:dark){:root{--fond: #0f1115;--surface: #181b21;--texte: #f3f4f6;--texte-doux: #b6bcc6;--bord: #3a404a;--accent: #5aa9f5;--accent-texte: #0b1220;--danger: #ff8a80;--succes: #6fd08c}}*{box-sizing:border-box}body{margin:0;background:var(--fond)}h1{font-size:1.5rem;margin:0 0 var(--espace)}h2{font-size:1.15rem;margin:0 0 12px}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.coque{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100dvh}.coque>nav{background:var(--surface);border-right:1px solid var(--bord);padding:var(--espace);display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh}.coque>nav .marque{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:var(--espace)}.version{display:block;font-size:.75rem;font-weight:400;color:var(--texte-doux);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.coque>nav a{display:flex;align-items:center;gap:8px;min-height:var(--cible);padding:0 12px;border-radius:var(--rayon);color:var(--texte);text-decoration:none}.coque>nav a.active{background:var(--fond);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.coque>nav .bas{margin-top:auto;color:var(--texte-doux);font-size:.9rem}main{padding:24px;max-width:1200px;width:100%}@media(max-width:1023px){.coque{grid-template-columns:minmax(0,1fr)}.coque>nav{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--bord);padding:8px 16px}.coque>nav .marque{margin:0 auto 0 0}.coque>nav .bas{margin:0}main{padding:16px}}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);padding:var(--espace);margin-bottom:var(--espace)}.ligne{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.entete{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:var(--espace)}.entete h1{margin:0}.grille-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px var(--espace)}.doux{color:var(--texte-doux)}label{display:flex;flex-direction:column;gap:4px;font-weight:500;font-size:.95rem}label.case{flex-direction:row;align-items:center;min-height:var(--cible)}input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);padding:0 12px;min-height:var(--cible);width:100%}textarea{padding:10px 12px;min-height:96px}input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--accent)}button,.bouton{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--cible);min-width:var(--cible);padding:0 16px;border-radius:var(--rayon);border:1px solid var(--bord);background:var(--surface);color:var(--texte);cursor:pointer;text-decoration:none;touch-action:manipulation;transition:background .15s}button:hover,.bouton:hover{background:var(--fond)}button.principal,.bouton.principal{background:var(--accent);color:var(--accent-texte);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger);border-color:currentColor}button.icone{padding:0}button:disabled{opacity:.5;cursor:not-allowed}.liste{list-style:none;padding:0;margin:0;display:grid;gap:8px}.liste a{display:block;padding:12px var(--espace);background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);color:inherit;text-decoration:none}.liste a:hover{border-color:var(--accent)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--bord);font-size:.85rem;white-space:nowrap}.table-defile{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:.85rem;color:var(--texte-doux);font-weight:600;padding:4px}td{padding:4px;vertical-align:top}td input{min-width:120px}.puces{display:flex;flex-wrap:wrap;gap:4px}.puces button{min-height:36px;min-width:44px;padding:0 8px;font-size:.9rem}.puces button[aria-pressed=true]{background:var(--accent);color:var(--accent-texte);border-color:var(--accent)}.alerte{color:var(--danger);font-weight:500}.ok{color:var(--succes)}.centre{min-height:100dvh;display:grid;place-items:center;padding:16px}.centre .carte{width:min(400px,100%);display:grid;gap:12px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}:root{--rouge: #d92d20;--orange: #f79009;--vert: #12b76a;--gris: #667085}.onglets{display:flex;gap:4px;border-bottom:1px solid var(--bord);margin-bottom:var(--espace);overflow-x:auto}.onglets a{display:inline-flex;align-items:center;gap:6px;min-height:var(--cible);padding:0 16px;color:var(--texte-doux);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}.onglets a.active{color:var(--texte);border-bottom-color:var(--accent);font-weight:600}@media(max-width:767px){.onglets{position:fixed;bottom:0;left:0;right:0;z-index:20;margin:0;background:var(--surface);border-top:1px solid var(--bord);border-bottom:0;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around}.onglets a{flex-direction:column;gap:0;padding:6px 8px;font-size:.8rem;border-bottom:0;border-top:3px solid transparent}.onglets a.active{border-top-color:var(--accent)}main{padding-bottom:96px}}.depot{display:grid;place-items:center;text-align:center;min-height:120px;padding:var(--espace);border:2px dashed var(--bord);border-radius:var(--rayon);background:var(--surface);cursor:pointer;color:var(--texte-doux)}.depot.survol{border-color:var(--accent);color:var(--texte)}.depot input{position:absolute;width:1px;height:1px;opacity:0}.miniature{width:96px;height:68px;object-fit:contain;background:#fff;border:1px solid var(--bord);border-radius:4px;display:block}.visionneuse{position:relative;height:calc(100dvh - 190px);min-height:420px;background:#e9ebef;border:1px solid var(--bord);border-radius:var(--rayon);overflow:hidden;touch-action:none}.barre-plan{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.barre-plan .titre{font-weight:600;margin-right:auto}.bandeau{padding:10px 14px;border-radius:var(--rayon);background:var(--surface);border:1px solid var(--accent);margin-bottom:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mode-pose .visionneuse{cursor:crosshair;outline:3px solid var(--accent)}.repere{position:relative;width:34px;height:34px;display:grid;place-items:center;font:700 13px/1 system-ui,sans-serif;border-radius:50%;border:3px solid #fff;background:var(--rouge);color:#fff;box-shadow:0 1px 3px #00000080;cursor:pointer;padding:0;min-height:0;min-width:0}.repere:before{content:"";position:absolute;inset:-8px}.repere[data-statut=en_cours]{background:var(--orange);color:#111;border-style:double;border-width:4px}.repere[data-statut=levee_proposee]{background:#fff;color:var(--rouge);border:3px dashed var(--rouge)}.repere[data-statut=levee_validee]{background:var(--vert);color:#fff;border-radius:6px;opacity:.85}.repere[data-statut=aucun]{background:var(--gris);border-radius:6px;transform:rotate(45deg)}.repere[data-statut=aucun] span{transform:rotate(-45deg)}.repere.provisoire{background:var(--accent);color:var(--accent-texte);border-style:dashed}.badge[data-statut=ouverte]{border-color:var(--rouge);color:var(--rouge)}.badge[data-statut=en_cours]{border-color:var(--orange)}.badge[data-statut=levee_proposee]{border-style:dashed;border-color:var(--rouge)}.badge[data-statut=levee_validee]{border-color:var(--vert);color:var(--succes)}.panneau{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(460px,100%);background:var(--surface);border-left:1px solid var(--bord);box-shadow:-8px 0 24px #00000026;overflow-y:auto;padding:var(--espace);padding-bottom:calc(var(--espace) + env(safe-area-inset-bottom));display:grid;gap:12px;align-content:start}.panneau .entete{margin:0}.panneau .deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panneau .trois{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.vignettes{display:flex;flex-wrap:wrap;gap:8px}.vignettes button{padding:0;width:88px;height:88px;overflow:hidden}.vignettes img{width:100%;height:100%;object-fit:cover;display:block}.journal{font-size:.9rem;color:var(--texte-doux);padding-left:18px;margin:0}.filtres{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:var(--espace)}.carte-remarque{display:grid;gap:4px;text-align:left;width:100%;padding:12px var(--espace);background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);cursor:pointer;font:inherit;color:inherit}.carte-remarque:hover{border-color:var(--accent)}.carte-remarque .texte{white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.galerie figure{margin:0;background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);overflow:hidden}.galerie button{padding:0;border:0;border-radius:0;width:100%;aspect-ratio:4 / 3}.galerie img{width:100%;height:100%;object-fit:cover;display:block}.galerie figcaption{padding:6px 8px;font-size:.85rem;color:var(--texte-doux)}.annotateur{position:fixed;inset:0;z-index:60;background:#111;display:grid;grid-template-rows:auto 1fr}.annotateur .outils{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;background:#1d1f24}.annotateur .outils button{background:#2a2d34;color:#fff;border-color:#3a3f48}.annotateur .outils button[aria-pressed=true]{background:var(--accent);color:var(--accent-texte)}.annotateur .outils input{width:180px;background:#2a2d34;color:#fff;border-color:#3a3f48}.annotateur .pastille{width:48px;padding:0}.annotateur .pastille span{width:24px;height:24px;border-radius:50%;border:2px solid #fff}.annotateur .zone{display:grid;place-items:center;overflow:hidden;padding:8px}.annotateur canvas{max-width:100%;max-height:100%;touch-action:none;background:#333}.annotateur .espace{flex:1}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.etat-sync{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:var(--cible);padding:4px 12px;border-radius:var(--rayon);color:var(--texte-doux);text-decoration:none;font-size:.9rem}.etat-sync[data-phase=hors_ligne]{color:var(--texte);background:var(--fond);border:1px dashed var(--bord)}.etat-sync[data-phase=erreur]{color:var(--danger)}.etat-sync[data-phase=synchronisation] svg{animation:tourne 1.2s linear infinite}@keyframes tourne{to{transform:rotate(360deg)}}.progression{width:100%;height:8px;accent-color:var(--accent)}