:root{--forest:#00513e}.ref-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;padding:20px max(24px,4vw);border-bottom:1px solid #dce6d8}.ref-header img{width:260px;height:auto;max-width:100%}.ref-header>a{min-width:0}.ref-header>span{font-size:.8rem;letter-spacing:.15em;color:#56715f}.ref-header form{margin:0;flex-shrink:0}.ref-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(110deg,#eaf3e3,#f6faf2);border:1px solid #d1e1ca;border-radius:28px;padding:46px;margin-bottom:28px}.ref-hero h1{max-width:none;font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;margin:24px 0}.ref-hero p{max-width:none}.ref-hero>svg{width:85px;height:85px;flex:0 0 85px;color:#547c60}.ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.ref-grid>*{min-width:0}.ref-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.ref-kpis strong{display:block;font-size:2.7rem;color:#00513e}.ref-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.ref-card h2{font-size:1.5rem}.panel{margin-bottom:22px;min-width:0}.panel h2{font-size:1.6rem}.panel p,.panel h2,.panel a{overflow-wrap:anywhere}.ref-map{height:420px;border-radius:22px;overflow:hidden;border:1px solid #d8e4d3}.ref-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ref-photos img{width:100%;height:200px;object-fit:cover;border-radius:14px}.ref-event{border-left:3px solid #c6d9bd;padding:5px 18px;margin:20px 0}.ref-event small{display:block;color:#617969;margin-top:5px}.ref-login{max-width:580px;margin:auto}.ref-footer{padding:36px 0;border-top:1px solid #dce5d8;color:#627064}.ref-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.ref-filters label{min-width:180px}.button{white-space:normal!important;height:auto;min-height:46px}.member-nav{overflow:auto;flex-wrap:nowrap;white-space:nowrap}.member-nav a{flex-shrink:0}.ref-grid form .button{margin-top:16px}details{margin:20px 0}summary{cursor:pointer;padding:10px 0}input,textarea,select{max-width:100%;min-width:0}form .check-label input{width:22px;height:22px;min-height:22px;flex-shrink:0}form .check-label{align-items:flex-start;gap:12px}.wrap{max-width:1500px;width:calc(100% - 48px)}
@media(max-width:760px){.ref-header{padding:16px;gap:12px}.ref-header img{width:190px}.ref-header>span{display:none}.ref-header .button{padding:10px;font-size:.8rem}.wrap{width:calc(100% - 32px)}.section{padding-top:24px}.ref-hero{padding:26px;border-radius:22px}.ref-hero>svg{display:none}.ref-grid{grid-template-columns:1fr}.ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ref-kpis .panel{padding:18px}.ref-card{align-items:flex-start;flex-direction:column}.panel{padding:22px}.ref-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-photos img{height:140px}.ref-map{height:330px}.ref-filters label{min-width:0;flex-basis:100%}.ref-header>a{max-width:60%}}
/* V3 — repères terrain, navigation et impression */
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f8f6}.ref-header{position:relative}.ref-header img{object-fit:contain}.ref-hero{padding:clamp(24px,3.2vw,48px);box-shadow:0 12px 36px #143d2810}.ref-hero h1{font-weight:650;letter-spacing:-.035em}.ref-hero>div{min-width:0}.ref-hero h1,.ref-hero p{overflow-wrap:anywhere}.panel{border-radius:22px;box-shadow:0 4px 20px #143d2805}.ref-kpis .panel{border-top:4px solid #607c70}.ref-kpis .panel:nth-child(2){border-top-color:#bd7826}.ref-kpis .panel:nth-child(3){border-top-color:#137355}.ref-kpis .panel:nth-child(4){border-top-color:#506b9d}.ref-kpis strong{font-variant-numeric:tabular-nums}.section-heading,.action-row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px 0}.section-heading h2{margin:8px 0}.priority{display:inline-block;background:#fff0d4;color:#754312;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:700}.overdue{color:#a83a29!important;font-weight:650}.ref-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.check-label{display:flex}.ref-table{width:100%;border-collapse:collapse}.ref-table th,.ref-table td{text-align:left;padding:12px;border-bottom:1px solid #dce6df}.month-chart{display:flex;align-items:flex-end;gap:clamp(4px,1.5vw,20px);height:210px;margin:24px 0}.month-chart>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;min-width:0;gap:8px;font-size:.85rem}.month-chart i{display:block;background:#14745a;border-radius:6px 6px 0 0;width:100%;max-width:54px}.ref-bottom{display:none}.network-status{position:sticky;top:0;z-index:2000;background:#fff0d4;color:#6f420d;padding:12px 20px;text-align:center}.network-status[hidden],[hidden]{display:none!important}button:disabled{opacity:.6;cursor:not-allowed}.member-nav a.selected{box-shadow:0 5px 12px #00513e18}.ref-footer p{font-size:.9rem}.wrap{max-width:1800px}input,select,textarea{font-size:1rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b9822a;outline-offset:3px}.ref-event p{max-width:none}.ref-filters label{flex:1}.install-app{margin-top:16px}.ref-hero .eyebrow{font-size:.75rem;letter-spacing:.13em}.ref-bottom svg{width:22px;height:22px}.panel form{max-width:100%}
@media(max-width:1000px){.ref-filters label{flex-basis:40%}.ref-hero>svg{width:60px;height:60px;flex-basis:60px}.member-nav{scrollbar-width:thin}}
@media(max-width:760px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.ref-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1500;background:#fff;border-top:1px solid #d5e3da;box-shadow:0 -4px 20px #123b2910;padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.ref-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:.65rem;text-decoration:none;color:#597166;min-height:48px;flex:1;border-radius:12px}.ref-bottom a[aria-current=page]{color:#00513e;background:#e9f2e8;font-weight:700}.ref-header{padding-top:calc(14px + env(safe-area-inset-top))}.ref-kpis{margin:18px 0}.ref-kpis .panel{margin-bottom:0;padding:16px;min-height:130px}.ref-kpis strong{font-size:2.3rem}.ref-kpis span{font-size:.87rem}.ref-hero{margin-bottom:18px}.ref-hero h1{font-size:2rem}.ref-hero p{font-size:1rem}.ref-checks{grid-template-columns:1fr}.ref-filters label{flex-basis:100%}.section-heading .button{width:100%}.month-chart{gap:5px}.month-chart>div{font-size:.68rem}.panel{padding:20px}.ref-login{width:100%}.ref-footer{padding-bottom:12px}.ref-grid{margin:16px 0}.action-row .button{flex:1;min-width:130px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.ref-header,.devbar,.member-nav,.ref-bottom,.ref-footer,.no-print,.network-status,form,.skip{display:none!important}body{background:white!important;padding:0;color:black}.wrap{width:100%;max-width:none}.section{padding:0}.ref-hero{padding:12px;border:0;background:white;box-shadow:none;margin:0}.ref-hero h1{font-size:24pt}.ref-hero>svg{display:none}.panel{box-shadow:none;border:1px solid #ccc;padding:16px;margin:12px 0}.ref-event{break-inside:avoid}.ref-kpis{grid-template-columns:repeat(4,1fr)}details>*{display:block}a{color:black;text-decoration:none}.ref-grid{display:block}}

.dossier-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.dossier-shortcuts a{border:1px solid #cbded2;background:#fff;color:#00513e;border-radius:30px;padding:10px 18px;text-decoration:none;font-size:.9rem}section[id]{scroll-margin-top:60px}

.annotation-scroll{overflow:auto;max-width:100%;border-radius:16px;background:#e9eeeb;margin:18px 0}.annotation-scroll canvas{display:block;width:100%;max-width:none;height:auto;touch-action:none}.annotation-saved{touch-action:auto!important}.annotation-tools{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.annotation-tools label{min-width:130px;flex:1}.guide-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:16px}.guide-card>a{display:block}.guide-card small{display:block;color:#53675b}.hornet-dialog{max-width:calc(100vw - 24px)}.ref-photos a span{display:block;padding:8px;font-size:.9rem}.ref-checks input{width:22px}.panel form+.panel form{margin-top:20px}@media(max-width:600px){.annotation-tools{gap:10px}.annotation-tools .button{width:100%}.hornet-dialog-grid{grid-template-columns:1fr!important}.hornet-dialog-head h2{font-size:1.5rem}}