/* Le carnet de parcelle reprend la composition de la démonstration avec les données réelles. */
body.app-open #screen:has(.parcel-page){max-width:none}
body.app-open .parcel-page{min-width:0}
body.app-open .parcel-back{margin:0 0 12px}
body.app-open .parcel-back button{min-height:44px;padding:10px 0;border:0;background:transparent;color:#601b30;font-size:13px;text-decoration:underline;text-underline-offset:4px}
body.app-open .parcel-detail,body.app-open .parcel-history{min-width:0;margin:0 0 20px;padding:34px;border:1px solid #dce3d4;border-radius:12px;background:#fffefa}
body.app-open .parcel-detail-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
body.app-open .parcel-detail-heading .eyebrow{margin:0;color:#657060;font-size:12px;letter-spacing:1.4px}
body.app-open .parcel-detail-heading h2{margin:7px 0 0;font:normal 38px/1.1 Georgia,serif}
body.app-open .parcel-symbol{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:#e9f0df;color:#4d6942}
body.app-open .parcel-symbol svg{width:32px;height:32px}
body.app-open .parcel-badge{margin-left:auto;padding:10px 13px;border-radius:5px;background:#eaf0e0;color:#405532;font-size:12px}
body.app-open .parcel-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:36px 0 30px}
body.app-open .parcel-facts div{min-width:0}
body.app-open .parcel-facts dt{margin-bottom:8px;color:#657060;font-size:13px}
body.app-open .parcel-facts dd{margin:0;font-size:20px;overflow-wrap:anywhere}
body.app-open .parcel-next{margin:0 0 28px;color:#5d695d;font-size:15px}
body.app-open .parcel-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
body.app-open .parcel-quick-actions button{min-height:60px;margin:0;padding:12px 16px;border:1px solid #601b30;border-radius:7px;background:#601b30;color:#fffefa;font:600 15px/1.35 Arial,sans-serif}
body.app-open .parcel-quick-actions button:hover{background:#782b41}
body.app-open .parcel-history{padding:34px;overflow:hidden}
body.app-open .parcel-history-toolbar{display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap}
body.app-open .parcel-history-toolbar .eyebrow{margin:0;color:#657060;font-size:12px;letter-spacing:1.4px}
body.app-open .parcel-history-toolbar h2{margin:9px 0 0;font:normal 32px/1.15 Georgia,serif}
body.app-open .parcel-history-toolbar label{margin:0;color:#5a6952;font-size:12px}
body.app-open .parcel-history-toolbar select{display:block;width:auto;min-width:180px;min-height:44px;margin:8px 0 0;padding:10px;border:1px solid #b8c4ac;border-radius:6px;background:#fffefa;color:#203e35;font-size:14px}
body.app-open .parcel-history-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 12px}
body.app-open .parcel-history-navigation p{margin:0;color:#657060;font-size:13px}
body.app-open .parcel-history-navigation>div{display:flex;gap:8px}
body.app-open .parcel-history-navigation button{flex:none;width:48px;height:48px;padding:0;border:1px solid #acb99d;border-radius:50%;background:#fffefa;color:#601b30;font-size:24px}
body.app-open .parcel-history .vine-timeline{display:block;max-width:100%;margin:0;padding:12px 4px 18px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#84976b #eef1e7;cursor:grab}
body.app-open .parcel-history .vine-timeline.is-dragging{cursor:grabbing;user-select:none}
body.app-open .parcel-history .vine-timeline ol{display:flex;width:max-content;min-width:100%;margin:0;padding:0;list-style:none}
body.app-open .parcel-history .timeline-event{position:relative;flex:0 0 290px;width:290px;max-width:none;min-width:0;margin:0;padding:0 18px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-snap-align:start}
body.app-open .parcel-history .timeline-event:before{position:absolute;top:26px;left:0;right:0;height:2px;background:#cdd9bf;content:''}
body.app-open .parcel-history .timeline-event:last-child:before{right:calc(100% - 26px)}
body.app-open .parcel-timeline-marker{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border:5px solid #fffefa;border-radius:50%;background:#e8efde;color:#466135}
body.app-open .parcel-timeline-marker svg{width:25px;height:25px}
body.app-open .parcel-history .timeline-event time{display:block;margin:10px 0 14px;color:#5b6b50;font-size:13px}
body.app-open .parcel-history .timeline-event article{min-height:220px;padding:20px;border:1px solid #e0e5d7;border-radius:9px;background:#f6f7f0;overflow-wrap:anywhere}
body.app-open .parcel-history .timeline-event h3{margin:0 0 8px;font:normal 22px/1.2 Georgia,serif}
body.app-open .parcel-timeline-status{display:block;color:#67724f;font-size:12px}
body.app-open .parcel-history .timeline-event .event-notes{margin:16px 0;color:#56665b;font-size:14px;line-height:1.6}
body.app-open .parcel-history .observation-photo{display:block;width:100%;margin:10px 0 0;color:#601b30;font-size:12px}
body.app-open .parcel-history .observation-photo img{width:100%;height:105px;max-height:none;object-fit:cover;border-radius:6px}
body.app-open .parcel-history .photo-capture{margin:5px 0 12px;color:#657060;font-size:11px;line-height:1.45}
body.app-open .parcel-history .timeline-event button{display:block;min-height:40px;margin:6px 0 0;padding:8px 0;border:0;background:transparent;color:#601b30;font-size:13px;text-align:left;text-decoration:underline}
body.app-open .parcel-history .timeline-event.cancelled .parcel-timeline-marker{background:#eee5e6;color:#792d42}
body.app-open .parcel-history .timeline-event.cancelled article{border-style:dashed;background:#f8f2f2}
body.app-open .parcel-history-empty{margin:28px 0;color:#657060}
body.app-open .parcel-history-count{margin:12px 0 0;color:#657060;font-size:12px}
body.app-open .parcel-history-pages{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;color:#657060;font-size:12px}
body.app-open .parcel-history-pages button{min-height:40px;padding:8px 12px;border:1px solid #dce3d4;background:#fffefa;color:#203e35;font-size:12px}
body.app-open .parcel-history-controls{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;min-width:0}
body.app-open .parcel-history-view{display:flex;gap:3px;padding:3px;border:1px solid #b8c4ac;border-radius:8px;background:#f2f4e9}
body.app-open .parcel-history-view button{min-height:44px;margin:0;padding:9px 16px;border:0;border-radius:5px;background:transparent;color:#203e35;font-size:14px}
body.app-open .parcel-history-view button[aria-pressed="true"]{background:#203e35;color:#fffefa;font-weight:700}
body.app-open .parcel-history-view button:focus-visible{outline:2px solid #601b30;outline-offset:2px}
body.app-open .parcel-history .vine-timeline.is-list{padding:0;overflow:visible;cursor:auto;scroll-snap-type:none}
body.app-open .parcel-history .vine-timeline.is-list ol{display:grid;width:100%;min-width:0;gap:12px}
body.app-open .parcel-history .vine-timeline.is-list .timeline-event{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 12px;width:auto;flex:none;padding:16px;border:1px solid #e0e5d7;border-radius:9px;background:#f6f7f0;opacity:1}
body.app-open .parcel-history .vine-timeline.is-list .timeline-event:before{display:none}
body.app-open .parcel-history .vine-timeline.is-list .parcel-timeline-marker{grid-row:1/span 2;grid-column:1;width:40px;height:40px;border-width:3px}
body.app-open .parcel-history .vine-timeline.is-list .parcel-timeline-marker svg{width:22px;height:22px}
body.app-open .parcel-history .vine-timeline.is-list time{grid-column:2;margin:0 0 8px}
body.app-open .parcel-history .vine-timeline.is-list article{grid-column:2;min-height:0;padding:0;border:0;background:transparent}
body.app-open .parcel-history .vine-timeline.is-list h3{font-size:20px}
body.app-open .parcel-history .vine-timeline.is-list .event-notes{margin:10px 0}
body.app-open .parcel-history .vine-timeline.is-list .observation-photo{max-width:240px}
body.app-open .parcel-history .vine-timeline.is-list .timeline-event button{min-height:44px}
body.app-open .parcel-history .vine-timeline.is-list .timeline-event.cancelled{border-style:dashed;background:#f8f2f2}
@media(max-width:700px){body.app-open .parcel-history-controls{width:100%;gap:12px}body.app-open .parcel-history-view{width:100%}body.app-open .parcel-history-view button{flex:1}body.app-open .parcel-history .vine-timeline.is-list .timeline-event{grid-template-columns:32px minmax(0,1fr);column-gap:9px;padding:14px 10px}body.app-open .parcel-history .vine-timeline.is-list .parcel-timeline-marker{width:32px;height:32px}body.app-open .parcel-history .vine-timeline.is-list h3{font-size:19px}}
body.app-open .parcel-extra{margin:0 0 30px;padding:0;border:1px solid #dce3d4;border-radius:12px;background:#fffefa}
body.app-open .parcel-extra summary{min-height:58px;padding:17px 28px;color:#203e35;font:normal 21px/1.3 Georgia,serif}
body.app-open .parcel-extra .vine-detail-grid{margin:0;padding:0 20px 22px}
body.app-open .parcel-extra .vine-detail-grid .module-panel{min-width:0;padding:20px;border:1px solid #e0e3d8}
body.app-open .parcel-extra .vine-data{margin-top:15px}
body.app-open .parcel-extra .vine-map-card,body.app-open .parcel-extra .vine-map-empty{margin:0}
@media(max-width:1100px){body.app-open .parcel-facts{grid-template-columns:repeat(2,minmax(0,1fr))}body.app-open .parcel-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.app-open .parcel-detail,body.app-open .parcel-history{padding:22px 18px;margin-bottom:14px}body.app-open .parcel-detail-heading{gap:12px}body.app-open .parcel-detail-heading h2{font-size:30px}body.app-open .parcel-symbol{width:50px;height:50px}body.app-open .parcel-symbol svg{width:26px;height:26px}body.app-open .parcel-badge{margin-left:0}body.app-open .parcel-facts{gap:19px 12px;margin:27px 0}body.app-open .parcel-facts dd{font-size:17px}body.app-open .parcel-quick-actions{gap:8px}body.app-open .parcel-quick-actions button{min-height:56px;padding:10px 7px;font-size:12px}body.app-open .parcel-history-toolbar h2{font-size:27px}body.app-open .parcel-history-toolbar label{width:100%}body.app-open .parcel-history-toolbar select{width:100%}body.app-open .parcel-history-navigation{gap:10px;align-items:flex-end}body.app-open .parcel-history-navigation p{font-size:11px}body.app-open .parcel-history-navigation button{width:44px;height:44px}body.app-open .parcel-history .timeline-event{flex-basis:255px;width:255px}body.app-open .parcel-extra summary{padding:16px 18px;font-size:18px}body.app-open .parcel-extra .vine-detail-grid{padding:0 12px 14px}}
@media(max-width:380px){body.app-open .parcel-facts{grid-template-columns:1fr 1fr}body.app-open .parcel-history-navigation p{max-width:165px}}